สารบัญ
คู่มือฉบับสมบูรณ์เพื่อเรียนรู้พื้นฐานการออกแบบภาพ
คำถามมูลค่าหลายล้านดอลลาร์: เคล็ดลับในการออกแบบที่ดีคืออะไร
เรามาทำความเข้าใจเกี่ยวกับเรื่องนี้กันในเชิงปรัชญา แต่โดยทั่วไปแล้ว 'ความลับ' ที่เป็นสุภาษิตของการออกแบบที่ดีนั้นอยู่ที่วิธีการที่คุณจัดระเบียบองค์ประกอบภาพของคุณ โดยสัมพันธ์กับผืนผ้าใบของคุณ และระหว่างกัน โดยพื้นฐานแล้ว เราเพิ่งอธิบายการออกแบบเลย์เอาต์ ซึ่งเมื่อคุณนึกถึง มันก็มีอยู่ทุกที่ที่คุณมอง
ยกตัวอย่างเช่น เลย์เอาต์ของนิตยสาร การออกแบบของพวกเขาเป็นไปตามระบบกริดแบบคลาสสิก (เราจะเรียนรู้ทั้งหมดเกี่ยวกับกริดในหนึ่งนาที) ทุกอย่างมักจะชิดซ้าย ขวา และล่าง โดยเฉพาะอย่างยิ่งคอลัมน์มีการจัดแนวที่ถูกต้องชัดเจนซึ่งทำให้หน้าไม่เพียงดึงดูดสายตา แต่ยังอ่านง่ายและน่าเชื่อถืออีกด้วย ส่วนหัวขนาดใหญ่ดึงดูดความสนใจของผู้ชม ในขณะที่ส่วนหัวย่อยมีขนาดที่ต่างกันเพื่อสร้างลำดับชั้นของข้อมูล
Linda Gaom, Behance
คุณสมบัติทั้งหมดนี้ทำให้หน้านี้ ออกแบบให้ดูสะอาดตา มีโครงสร้าง และอ่านง่าย ซึ่งสอดคล้องกับเคล็ดลับที่เราจะพูดถึงในครั้งต่อไป แต่ก่อนอื่น มาทำความเข้าใจเพิ่มเติมเกี่ยวกับการออกแบบเลย์เอาต์กันก่อน
การออกแบบเลย์เอาต์คืออะไร
การออกแบบเลย์เอาต์เกี่ยวข้องกับการจัดเรียงองค์ประกอบกราฟิกเพื่อดึงดูดความสนใจของผู้อ่านและถ่ายทอดข้อความเฉพาะในลักษณะที่ดึงดูดสายตา .เราไม่ได้คุยกันสถานที่พักผ่อน ในขณะที่องค์ประกอบอื่นๆ บอกทิศทาง
วิธีง่ายๆ ในการทำความเข้าใจสิ่งนี้คือการยกตัวอย่างเว็บไซต์ของเรา เป็นต้น กราฟิกแยกออกจากข้อความอย่างชัดเจน และคำกระตุ้นการตัดสินใจก็เช่นกัน ดังนั้นความสนใจของผู้ชมจึงเปลี่ยนจากกลุ่มข้อมูลหนึ่งไปยังกลุ่มข้อมูลถัดไป
หลักการ #5. ใช้คอนทราสต์
ตรวจสอบให้แน่ใจว่าคุณมีคอนทราสต์เพียงพอในการออกแบบของคุณ
คอนทราสต์ช่วยจัดระเบียบการออกแบบของคุณ และจะสร้างลำดับชั้นที่จำเป็นมาก และเน้นสิ่งที่สำคัญยิ่งไปกว่านั้น การใช้คอนทราสต์ที่ดียังช่วยเพิ่มความน่าสนใจให้กับงานออกแบบของคุณ ลองมาดูกันเถอะว่าเลย์เอาต์ที่ทุกอย่างมีขนาด รูปร่าง หรือสีเหมือนกันจะดูน่าเบื่อ คอนทราสต์ช่วยเพิ่มสีสัน
ความคิดแรกของคุณอาจเป็นคอนทราสต์ของสี เช่น สีอุ่นกับสีเย็น สีเข้มกับสีอ่อน สีฟ้ากับสีส้ม แม้ว่าสีจะเป็นหลักการสำคัญของคอนทราสต์ แต่ก็ยังมีคอนทราสต์ของประเภท การจัดตำแหน่ง และขนาดด้วย และจำไว้ว่าคอนทราสต์ก็สัมพันธ์กันเช่นกัน ซึ่งมีความหมายเมื่อใช้ร่วมกับองค์ประกอบอื่นๆ เท่านั้น
ต่อไปนี้คือตัวอย่างบางส่วนของเลย์เอาต์ที่ใช้กฎนี้อย่างชาญฉลาดและสวยงาม สังเกตความแตกต่างในการพิมพ์ สี และแม้แต่ความแตกต่างในขนาดระหว่างองค์ประกอบต่างๆ
ที่มา: IAG Reconciliation Action Plan
หลักการ #6 การทำซ้ำ รูปแบบ จังหวะ
เมื่อเรานึกถึงการทำซ้ำ เราจะนึกถึงขององค์ประกอบเดียวกันซ้ำแล้วซ้ำอีก
แต่การออกแบบต่างกัน มันไม่น่าเบื่อแบบนั้นแน่นอน เมื่อใช้อย่างถูกต้อง การทำซ้ำจะช่วยเพิ่มพลังให้กับงานออกแบบของคุณ
พยายามระบุและใช้บรรทัดฐานซ้ำตลอดทั้งเค้าโครง เพื่อให้พื้นที่ต่างๆ รู้สึกว่าเชื่อมโยงกันและเป็นส่วนหนึ่งขององค์ประกอบเดียวกัน มันจะช่วยให้การออกแบบของคุณมีธีม ด้วยการทำซ้ำองค์ประกอบ คุณไม่เพียงแต่นำเสนอตามความคาดหวังของผู้ชมของคุณเท่านั้น แต่คุณยังจะปรับปรุงประสบการณ์ของผู้ใช้อีกด้วย ความสม่ำเสมอทำให้ผู้ใช้รู้สึกสบายใจขึ้น
คุณทำได้โดยใช้รูปร่างหรือสัญลักษณ์ซ้ำๆ หรือแม้กระทั่งรูปแบบสี แบบอักษร และรูปแบบเดียวกันโดยทั่วไป
นิสัยที่ดีที่ควรปฏิบัติคือการใช้แบบอักษรกับครอบครัวขนาดใหญ่ จำกัดจำนวนรูปแบบ น้ำหนัก/ลักษณะเส้น และสีที่แตกต่างกัน และทำซ้ำตลอด นอกจากนี้ พยายามรักษาสไตล์ของภาพและกราฟิกให้เหมือนเดิม ตัวอย่างเช่น ใช้ภาพประกอบโดยศิลปินคนเดียวกัน
ที่มา: Thepentool.co
นั่นแหละ หลักการ 6 ข้อเหล่านี้จะช่วยให้คุณจัดระเบียบงานออกแบบและได้เค้าโครงที่สะอาดตา เป็นมืออาชีพมากขึ้น และมีความสมดุล
แต่การเดินทางของคุณไม่ได้สิ้นสุดเพียงแค่นี้ การออกแบบกราฟิกไม่ใช่ศาสตร์ที่แน่นอน และไม่ควรจำกัดอยู่แค่เคล็ดลับและหลักการเท่านั้น เช่นเดียวกับที่เป็นจริงในทุกด้านของการสร้างสรรค์ ไม่มีกฎตายตัว การแบ่งเคล็ดลับเหล่านี้ด้วยวิธีที่ละเอียดอ่อนจะเพิ่มความลึกและความหลากหลายให้กับการออกแบบของคุณ
อย่างไรก็ตาม สิ่งเหล่านี้เป็นจุดเริ่มต้นที่ดีและเราขอแนะนำให้คุณลองใช้ดู และแจ้งให้เราทราบว่ามันทำงานอย่างไร!
ดูสิ่งนี้ด้วย: 10 สตรีผู้บุกเบิกที่เปลี่ยนโลกการออกแบบกราฟิกดาวน์โหลด Vectornator เพื่อเริ่มต้นใช้งาน
ยกระดับการออกแบบของคุณไปอีกขั้น
ดาวน์โหลดไฟล์
เกี่ยวกับการออกแบบโลโก้ได้ที่นี่ แต่การออกแบบสื่อสิ่งพิมพ์ เช่น หนังสือพิมพ์ นิตยสาร โปสเตอร์ และสื่อดิจิทัล รวมถึงการออกแบบเว็บ แอป หรือ UX/UIคำว่า "เลย์เอาต์" ให้คำใบ้มากมาย ซึ่งหมายถึงการจัดเรียงองค์ประกอบที่กำหนดไว้ล่วงหน้าในหน้า
เมื่อเค้าโครงมีประสิทธิภาพ เค้าโครงจะดูดี และแนะนำผู้ชมให้เข้าใจถึงข้อความที่การออกแบบพยายามสื่อ ดังนั้นการทำความเข้าใจเลย์เอาต์จึงเป็นกุญแจสำคัญในการสร้างองค์ประกอบที่น่าดึงดูด มีประสิทธิภาพ ใช้งานง่าย และน่าพึงพอใจ
หากเลย์เอาต์ไม่สามารถสื่อความหมายได้ดีต่อผู้ชม หรืออีกนัยหนึ่งก็คือ "อ่านไม่ออก" ", การออกแบบจะไม่ได้ผลไม่ว่าจะดูทันสมัยแค่ไหนก็ตาม ในขอบเขตของการออกแบบเลย์เอาต์ เนื้อหาจะเข้ามาแทนที่เทรนด์และลูกเล่น
จุดประสงค์ของการออกแบบเลย์เอาต์
เพื่อถ่ายทอดข้อความอย่างรวดเร็ว
นี่คือกุญแจสำคัญ การออกแบบเลย์เอาต์สร้างความสัมพันธ์ระหว่างเนื้อหากราฟิกเพื่อให้เกิดการเคลื่อนไหวที่ราบรื่นของสายตาเพื่อประสิทธิภาพและผลกระทบสูงสุด
เพื่อสร้างความสมดุล
การใช้หลักการออกแบบเลย์เอาต์เป็นวิธีที่ตรงไปตรงมาที่สุดในการสร้าง ความสมดุลและความสมมาตรในโครงการออกแบบของคุณโดยไม่น่าเบื่อ
เพื่อสร้างความสามัคคี
เลย์เอาต์ช่วยให้คุณจัดเรียงองค์ประกอบต่างๆ ในการออกแบบด้วยวิธีที่ย่อยง่าย เหนียวแน่น และมีเหตุผล
เพื่อสร้างความงาม
ความสมดุลและโครงสร้างสร้างความงามตามธรรมชาติหากการออกแบบเลย์เอาต์ของคุณถูกต้อง มันจะดึงดูดสายตาผู้ชมโดยอัตโนมัติ ยิ่งผู้ชมต้องใช้ความพยายามน้อยลงในการทำความเข้าใจข้อความ งานออกแบบของคุณก็จะดูน่าดึงดูดยิ่งขึ้น
ออกแบบโดย Frank Philippin สำหรับหนังสือของเขา 'I Used to Be a Design Student: Then - ตอนนี้.' ที่มา: DesignBoom
องค์ประกอบของการออกแบบเค้าโครง
ข้อความ
ซึ่งรวมถึงเนื้อหาหรือย่อหน้าของข้อความเท่านั้น แต่ยังรวมถึงพาดหัว หัวข้อย่อย ส่วนหัว และส่วนท้ายด้วย รูปแบบตัวอักษร สี และขนาดที่คุณเลือกจะทำให้ได้ผลลัพธ์ที่แตกต่างกันตามรูปแบบที่สื่อความหมายต่อผู้ชมของคุณ
รูปภาพ
ประเภทรูปภาพที่พบมากที่สุดคือภาพถ่าย ภาพประกอบ หรืออินโฟกราฟิก
รูปร่าง
รูปร่างสามารถเป็นรูปทรงเรขาคณิต ซึ่งมีเชิงมุมมาก หรืออาจเป็นรูปทรงอินทรีย์ที่เลียนแบบโลกธรรมชาติ พวกเขายังสามารถเป็นนามธรรม รูปทรงนามธรรมได้รับความนิยมอย่างมากในปีที่ผ่านมา เนื่องจากเราได้เห็นนักออกแบบเว็บไซต์นำรูปทรงเหล่านี้มาผสมผสานกับองค์ประกอบที่ซับซ้อนและกว้างขวาง
รูปทรงสามารถแทนที่รูปภาพได้ หรือใช้เพื่อเพิ่มองค์ประกอบกราฟิกในหน้า เน้นข้อความ หรือกำหนดช่องว่างระหว่างองค์ประกอบภาพอื่นๆ ได้
พื้นที่สีขาว
การออกแบบเลย์เอาท์ใดๆ จะมีพื้นที่สีขาวจำนวนหนึ่ง ซึ่งจะทำให้องค์ประกอบต่างๆ ของคุณหายใจได้และโดดเด่นด้วยตัวมันเอง
หลักการทองของการออกแบบเลย์เอาต์
คุณจะสังเกตได้ว่าหลักการต่างๆการออกแบบเลย์เอาต์เป็นไปตามหลักการพื้นฐานของการออกแบบมากมาย เช่นเดียวกับการใช้สีในลักษณะหนึ่ง การพิมพ์ การซ้ำ คอนทราสต์ ลำดับชั้น และความสมดุล
หลักการ #1 ใช้กริด
กริดช่วยให้นักออกแบบวางตำแหน่งองค์ประกอบการออกแบบต่างๆ เช่น ข้อความและรูปภาพในลักษณะที่ดูสอดคล้องกันและง่ายต่อการติดตาม
กริดให้ความรู้สึกเป็นระเบียบ ป้องกันไม่ให้องค์ประกอบต่างๆ ทับกัน และที่สำคัญที่สุด เส้นกริดจะแก้ไขการจัดตำแหน่งของคุณด้วย ทำให้งานของคุณรู้สึกสะอาดและเป็นมืออาชีพมากขึ้น
ที่มา: hgmlegal.com
กายวิภาคของกริด
คุณอาจคิดว่ามันเป็นแค่เส้นแนวตั้งและแนวนอน แต่ ตารางประกอบด้วยหลายส่วน มากมายในความเป็นจริง นี่คือคำศัพท์ที่สำคัญที่สุดที่คุณต้องรู้ในกริดพื้นฐาน:
- รูปแบบ คือพื้นที่ทั้งหมดของการออกแบบขั้นสุดท้ายของคุณ ดังนั้น หากคุณออกแบบสิ่งพิมพ์ รูปแบบก็คือหน้า และหากคุณเป็นนักออกแบบเว็บไซต์ รูปแบบก็คือหน้าเว็บหรือหน้าต่างเบราว์เซอร์
- ระยะขอบ คือพื้นที่ว่างโดยเจตนาระหว่างรูปแบบและการออกแบบ
- เส้นต่อเนื่อง คือเส้นแนวนอนที่แยกเค้าโครงออกเป็นส่วนขนานกัน Flowlines ช่วยให้สามารถอ่านการออกแบบของคุณและแนะนำผู้อ่านให้ติดตามเนื้อหาได้อย่างถูกต้อง
- โมดูล คือบล็อกที่เกิดจากเส้นแนวนอนและแนวตั้งเส้นการไหลของกริดใดๆ หากคุณลองคิดดู สิ่งเหล่านี้คือองค์ประกอบสำคัญของกริดใดๆ โมดูลแนวตั้งทั้งหมดของคุณสร้างคอลัมน์ของคุณ ในขณะที่กริดแนวนอนทั้งหมดสร้างแถวของคุณ
- ภูมิภาค คือกลุ่มของโมดูลที่เชื่อมต่อกัน ไม่ว่าจะเป็นแนวตั้งหรือแนวนอน ไม่มีกฎเกณฑ์เกี่ยวกับวิธีที่คุณตัดสินใจจัดระเบียบสิ่งเหล่านี้
แหล่งที่มา: Radversity
ประเภทของกริด
กริดเค้าโครงถูกใช้ครั้งแรกเพื่อจัดเรียง การเขียนด้วยลายมือบนกระดาษ
สิ่งเหล่านี้มีอายุย้อนไปถึงช่วงต้นศตวรรษที่ 13 เมื่อศิลปินชาวฝรั่งเศส Villard De รวมระบบกริดเข้ากับอัตราส่วนทองคำเพื่อสร้างเลย์เอาต์หน้าที่พิมพ์โดยมีระยะขอบ คุณสามารถเห็นระบบกริดนี้ได้จนถึงทุกวันนี้ เนื่องจากการจัดวางหนังสือและนิตยสารส่วนใหญ่พิสูจน์ให้เห็นแล้ว ผู้เผยแพร่ บรรณาธิการ และนักออกแบบชอบใช้เส้นกริดมาตรฐานไม่เพียงเพราะดูดี แต่เป็นเพราะผู้อ่านคาดหวังว่าองค์ประกอบการออกแบบบางอย่างจะอยู่ในที่เฉพาะ
กริดสามารถออกแบบได้สองวิธี: แบบสมมาตร หรือไม่สมมาตร เส้นตารางสมมาตร ลากเส้นกึ่งกลาง โดยที่พื้นที่แนวตั้งและแนวนอนเท่ากัน และคอลัมน์มีความกว้างเท่ากัน
ใน กริดอสมมาตร ตามชื่อที่แนะนำ ระยะขอบและคอลัมน์จะไม่เหมือนกันทั้งหมด
ตามการจัดประเภทนี้มีกริดเค้าโครงหลักห้าประเภทที่ใช้ทั่วโลกซึ่งคุณสามารถไว้วางใจได้:
ดูสิ่งนี้ด้วย: ทักทาย Vectornator Pro สำหรับ Mac!ต้นฉบับกริด เป็นประเภทกริดที่พบมากที่สุดสำหรับเอกสาร พวกเขาแยกส่วนหัว ส่วนท้าย และระยะขอบ และสร้างสี่เหลี่ยมผืนผ้าภายในรูปแบบ (หรือหน้า) ที่ให้ขอบเขตกับข้อความของคุณ เป็นฐานของนิตยสาร หนังสือพิมพ์ และหนังสือ ดังนั้นจึงน่าจะเป็นเลย์เอาต์ที่คุณคุ้นเคยมากที่สุด
ที่มา: UXplanet
ที่มา: Radversity
Column grids เป็นอีกหนึ่งรายการโปรดในการจัดพิมพ์นิตยสาร เค้าโครงนิตยสารทั่วไปใช้กริดคอลัมน์เพื่อแยกข้อความออกเป็นส่วนๆ ที่อ่านง่าย แต่ก็เป็นที่นิยมสำหรับเว็บไซต์เช่นกัน คุณสามารถใช้อะไรก็ได้ตั้งแต่สองถึงหกกริด เป็นไปได้มากกว่า แต่ไม่ธรรมดา สิ่งสำคัญมากเกี่ยวกับกริดคอลัมน์คือระยะห่างระหว่างคอลัมน์หรือรางน้ำมีระยะห่างเท่าๆ กัน
หนังสือพิมพ์ใช้กริดคอลัมน์แบบสมมาตร ในขณะที่กริดคอลัมน์แบบอสมมาตรเป็นที่นิยมในการออกแบบเว็บ .
ที่มา: UX Planet
ที่มา: Radversity
กริดโมดูลาร์ คล้ายกับกริดคอลัมน์ แต่ พวกเขายังอธิบายถึงการไหลในแนวนอน กริดประเภทนี้จำเป็นเมื่อคุณต้องจัดระเบียบองค์ประกอบต่างๆ ในเลย์เอาต์ของคุณ และกริดแบบคอลัมน์นั้นไม่เพียงพอ
กริดแบบโมดูลาร์มีโมดูลขนาดเท่ากัน ซึ่งทำให้ง่ายต่อการเห็นภาพโซนเชิงพื้นที่ในรูปแบบต่างๆ
ที่มา: UXPlanet
Source: Radversity
Baseline grids เป็นสิ่งที่ยอดเยี่ยมสำหรับการจัดองค์ประกอบข้อความ เส้นฐานคือเส้นที่วางข้อความเมื่อคุณพิมพ์ และเส้นนำหน้าคือระยะห่างระหว่างเส้นฐานสองเส้น สงสัยว่าหัวเรื่องหรือหัวเรื่องย่อยของคุณควรมีขนาดใหญ่เพียงใด
เส้นตารางพื้นฐานช่วยให้ข้อความของคุณมีจังหวะที่ลื่นไหล
ที่มา: UX Planet
ที่มา: Fragaria
กริดแบบลำดับชั้น ดูเหมือนกริดน้อยกว่าทั้งหมด คู่ อย่างไรก็ตาม สิ่งเหล่านี้มีประโยชน์มากเมื่อจัดองค์ประกอบการออกแบบตามลำดับความสำคัญ กริดแบบลำดับชั้นสามารถขึ้นอยู่กับกริดแบบโมดูลาร์ หรือคุณสามารถสร้างกริดของคุณเองก็ได้ เว็บไซต์ใช้กริดนี้เป็นจำนวนมาก โดยเฉพาะนิตยสารดิจิทัลและหนังสือพิมพ์มักจะพึ่งพากริดแบบลำดับชั้นมากกว่ากริดแบบคอลัมน์ในการเปลี่ยนไปใช้กริดแบบดิจิทัล
แหล่งที่มา: UX Plane
หลักการ #2. ใช้พื้นที่เชิงลบ
เรามักคิดว่าความว่างเปล่า ความเงียบ หรือการขาดสีสันเป็นสิ่งที่ไม่ดี แต่เราไม่พิจารณาว่าสิ่งเหล่านี้เป็นรากฐานที่มั่นคงของคอนทราสต์ได้อย่างไร
เรียกอีกอย่างว่าพื้นที่สีขาว พื้นที่เชิงลบคือพื้นที่ในการออกแบบของคุณที่ไม่มีองค์ประกอบจริงใดๆ เป็นพื้นที่ว่างเปล่า ไม่เพียงล้อมรอบทรัพย์สินของคุณเท่านั้น แต่ยังสร้างสายสัมพันธ์ที่จำเป็นระหว่างพวกเขาด้วย ด้วยเหตุนี้ พื้นที่เชิงลบจึงเป็นองค์ประกอบการออกแบบที่ถูกต้องและมีผลกระทบอย่างมากต่อประสิทธิภาพของเลย์เอาต์ของคุณการออกแบบคือ
พื้นที่เชิงลบที่ดีและไม่ดี
พื้นที่เชิงลบจะช่วยแยกพื้นที่ต่างๆ ในการออกแบบของคุณ ในขณะเดียวกันก็ช่วยให้เค้าโครงของคุณหายใจได้ ช่วยให้มีลำดับชั้นของภาพและความสมดุลของภาพ มันกำหนดจุดสนใจของผู้ใช้ในองค์ประกอบหลัก มันลดระดับความฟุ้งซ่าน; และสุดท้ายคือเพิ่มสไตล์และความสง่างามให้กับงานออกแบบของคุณ
นักออกแบบที่ไม่มีประสบการณ์อาจมีแนวโน้มที่จะเติมเต็มผืนผ้าใบของตนให้ได้มากที่สุดเท่าที่จะเป็นไปได้ โดยการเพิ่มขนาดข้อความหรือขยายโลโก้ หรือรูปภาพ แต่การจัดพื้นที่องค์ประกอบของคุณช่วยให้ผู้ชมเลือกข้อมูลบางอย่างได้เร็วขึ้นและสะดวกสบายมากขึ้น
หากทุกอย่างเรียกร้องความสนใจจากผู้ชม ก็จะไม่มีอะไรได้ยิน– แอรอน วอลเตอร์ 'Design for อารมณ์'
วิธีง่ายๆ ในการกำหนดช่องว่างเชิงลบของคุณคือการใช้ตารางโมดูลาร์ เมื่อวางสิ่งนั้นไว้บนการออกแบบของคุณ คุณจะเห็นภาพได้ง่ายว่าโมดูลใดที่ยังว่างอยู่ และโมดูลใดควรเติมข้อมูล
ผู้ออกแบบโดย Brunswicker ที่มา: Codesignmag.com
หลักการ #3 เลือกจุดโฟกัสเดียว
ลูกค้าเคยขอให้คุณทำให้โลโก้ใหญ่ขึ้นหรือไม่? แล้วจะทำให้บรรทัดแรกยิ่งใหญ่ขึ้นไหม
คุณไม่สามารถเน้นทุกอย่างได้ มันหักมุมของการออกแบบที่ดี เช่นเดียวกับเวลา โฟกัสนั้นสัมพันธ์กัน เพื่อให้องค์ประกอบหนึ่งโดดเด่น องค์ประกอบอื่นจะต้องทำหน้าที่เป็นพื้นหลัง องค์ประกอบบางอย่างจำเป็นต้องครอบงำองค์ประกอบอื่นๆ เพื่อให้งานออกแบบของคุณแสดงออกมาลำดับชั้นของภาพ
จุดโฟกัสในการออกแบบคือองค์ประกอบเดียวที่มีน้ำหนักภาพมากที่สุด เป็นองค์ประกอบที่ดึงดูดสายตาเป็นอันดับแรก มากกว่าสิ่งอื่นใดในเค้าโครงของคุณจุดโฟกัสจะประกาศให้ผู้ชมทราบว่าเส้นทางการรับชมของพวกเขาเริ่มต้นที่งานออกแบบของคุณที่ใด ดังนั้น นี่จึงเป็นจุดเริ่มต้นของเรื่องราวที่คุณกำลังบอกเล่า
โดยปกติแล้วสามารถทำได้โดยใช้รูปภาพขนาดใหญ่หรือแหล่งตัวพิมพ์ขนาดใหญ่ สังเกตว่าจุดโฟกัสด้านล่างนี้มีประสิทธิภาพเพียงใด
ออกแบบโดย Braulio Amado สำหรับ Bloomberg Businessweek ที่มา: เป็นเรื่องดีที่
แต่ในขณะที่จุดโฟกัสจะดึงดูดความสนใจของผู้ชม กฎข้อถัดไปจะช่วยแนะนำ
หลักการ #4 คิดถึงความใกล้เคียงและโฟลว์
หลักการของความใกล้ชิดนั้นง่ายมาก ตรวจสอบให้แน่ใจว่าวางองค์ประกอบที่เกี่ยวข้องกันไว้ด้วยกัน
ความใกล้ชิดระบุว่าองค์ประกอบภาพเชื่อมต่อกันและกลายเป็นหน่วยภาพเดียวที่ช่วยจัดระเบียบเลย์เอาต์ของคุณดังนั้น ให้จัดกลุ่มเนื้อหาการออกแบบที่มีความสัมพันธ์กันเท่านั้น และใช้ชุดข้อมูลในการออกแบบของคุณเพื่อนำผู้ชมไปยังเนื้อหาที่เกี่ยวข้องซึ่งพวกเขาต้องการบริโภค สิ่งนี้เรียกอีกอย่างว่าหลักการลื่นไหล
แหล่งที่มา: Satori Graphics
การออกแบบที่มีความลื่นไหลที่ดีจะนำสายตาของผู้ชมไปทั่วทั้งเค้าโครง จากองค์ประกอบหนึ่งไปยังอีกองค์ประกอบหนึ่งได้อย่างง่ายดาย จุดโฟกัสของคุณจะดึงดูดสายตาและกลายเป็น
