Visual Identity Essentials: สิ่งที่อยู่เบื้องหลังรูปลักษณ์และความรู้สึกของแบรนด์ที่สมบูรณ์แบบ

เผยแพร่แล้ว: 2021-03-06

หากรูปภาพมีค่าหนึ่งพันคำ แสดงว่าเอกลักษณ์ทางภาพของคุณมีค่าหนึ่งล้านคำ เป็นวิธีที่ดีที่สุดวิธีหนึ่งที่แบรนด์ของคุณสามารถนำเสนอภาพลักษณ์ที่เหนียวแน่นซึ่งสร้างแรงบันดาลใจให้ผู้ชม ทำให้พวกเขารู้สึกถูกพบเห็น หรือราวกับว่าพวกเขาเป็นส่วนหนึ่งของชุมชนพิเศษ แต่อัตลักษณ์ทางภาพมีบทบาทอย่างไรในการเอาชนะความภักดีของผู้บริโภคและมีอิทธิพลต่อการเลือกแบรนด์ของพวกเขา

พิจารณาข้อเท็จจริงสองข้อนี้: ร้อยละเก้าสิบห้าของการตัดสินใจซื้อเกิดขึ้นในระดับจิตใต้สำนึก และผู้บริโภคตัดสินใจเกี่ยวกับแบรนด์เกือบจะในทันทีตามอัตลักษณ์ทางภาพ การศึกษาแสดงให้เห็นว่าผู้คน:

  • สามารถประมวลผลภาพได้ในเวลาเพียง 13 มิลลิวินาที

  • สร้างความคิดเห็นเกี่ยวกับหน้าเว็บโดยพิจารณาจากภาพที่น่าดึงดูดภายใน 50 มิลลิวินาทีหลังจากเห็น

  • ประเมินแบรนด์โดยพิจารณาจากจานสีที่ใช้เป็นหลัก

ไม่กดดันใช่ไหม

ในคู่มือนี้ เราจะแสดงให้คุณเห็นถึงวิธีสร้างเอกลักษณ์ทางภาพที่แสดงถึงบุคลิกของแบรนด์ของคุณอย่างถูกต้องและดึงดูดผู้ชมของคุณได้อย่างมีประสิทธิภาพ คุณจะได้เรียนรู้ว่าเหตุใดสี การออกแบบตัวอักษร รูปภาพ และเค้าโครงหน้าจึงมีความสำคัญ ตลอดจนวิธีที่คุณสามารถใช้องค์ประกอบเหล่านี้เพื่อถ่ายทอดพันธกิจ วิสัยทัศน์ และคุณค่าของแบรนด์ของคุณ

เอกลักษณ์ทางภาพคืออะไร?

เอกลักษณ์ทางภาพเป็นศัพท์เฉพาะที่ครอบคลุมทุกองค์ประกอบภาพของแบรนด์ ตั้งแต่จานสีและรูปแบบตัวอักษร ไปจนถึงเลย์เอาต์ของเว็บไซต์และสื่อการตลาด องค์ประกอบเหล่านี้ร่วมกันสร้างเอกลักษณ์ทางภาพที่ทำหน้าที่เป็นความหมายเชิงสัญลักษณ์ของแบรนด์ เอกลักษณ์ทางภาพที่ชัดเจนช่วยให้องค์กรสามารถนำเสนอข้อความที่ถูกต้องเกี่ยวกับวัตถุประสงค์ ภารกิจ และค่านิยมขององค์กร นอกจากนี้ยังมีอิทธิพลต่อการที่ผู้ชมรับรู้แบรนด์และการยึดมั่นในหลักการหลักเหล่านั้น


การแสดงที่มาของรูปภาพ: Anthony Rosset ที่ Unsplash

เมื่อพูดถึงการตลาดเนื้อหา เอกลักษณ์ทางภาพเป็นสิ่งสำคัญยิ่ง หากไม่ให้ความสำคัญกับอัตลักษณ์ทางภาพ คุณอาจบิดเบือนแบรนด์ของคุณและทุกสิ่งที่เป็นสัญลักษณ์ ในทางกลับกัน ผู้ชมของคุณอาจได้รับเรื่องราวที่แตกต่างอย่างมากจากเนื้อหาของคุณมากกว่าที่คุณพยายามจะเล่าจริงๆ

อัตลักษณ์ทางภาพของคุณสะท้อนผ่านระบบนิเวศของสื่อทั้งหมด ซึ่งอาจรวมถึงเว็บไซต์ ความทันสมัยของโซเชียลมีเดีย โฆษณา บล็อก วิดีโอ ไมโครกราฟิก อินโฟกราฟิก e-book และอื่นๆ โดยรวมแล้ว จุดสัมผัสเหล่านี้จะสื่อถึงค่านิยม ผลิตภัณฑ์ และข้อความหลักของคุณในแบบที่จะกลายเป็นลายเซ็นของแบรนด์ของคุณ

เหตุใดเอกลักษณ์ทางภาพจึงมีความสำคัญ

เอกลักษณ์ทางภาพของคุณจะส่งผ่านบุคลิกภาพและคุณค่าของแบรนด์ของคุณไปยังผู้ชมทันที เอกลักษณ์ทางภาพที่ดำเนินการอย่างดีจะกระตุ้นความสัมพันธ์ในทันทีกับลูกค้าและผู้มีโอกาสเป็นลูกค้า ในทางกลับกัน ความไม่สอดคล้องกันของภาพบ่งบอกถึงความไม่แน่นอน—หรือแย่กว่านั้นคือ แง่ลบ—และมันสามารถทำให้ผู้อ่าน ลูกค้า หรือลูกค้าของคุณไม่แน่ใจในแบรนด์ของคุณหรือแม้แต่ไม่ไว้วางใจในแบรนด์ของคุณ เอกลักษณ์ทางภาพที่สม่ำเสมอและมีจุดมุ่งหมายช่วยสนับสนุนสุขภาพโดยรวมของแบรนด์ในสามวิธีหลัก:

  1. สื่อถึงพันธกิจและคุณค่าของแบรนด์คุณ องค์กรที่มีส่วนร่วมและโดดเด่นที่สุดถือว่าอัตลักษณ์ทางภาพเป็นส่วนเสริมของบุคลิกภาพของแบรนด์ การเดิน พูด และแต่งตัวอย่างมีจุดมุ่งหมายในฐานะแบรนด์แสดงให้เห็นว่าคุณมั่นใจในเป้าหมายและพันธกิจหลักของคุณ

  2. มันสะท้อนกับผู้ชมของคุณ พลังของอัตลักษณ์ทางภาพคือความสามารถในการจุดประกายความสัมพันธ์กับผู้ชมในทันที ไม่ว่าคุณจะพยายามเข้าถึงกลุ่มประชากรที่เฉพาะเจาะจง (เช่น พ่อแม่เลี้ยงเดี่ยวอายุ 20-30 ปีที่อาศัยอยู่ในเดนเวอร์) หรือบุคลิกที่เป็นนามธรรมมากขึ้น (เช่น นักกีฬาชั้นยอดที่ต้องการได้รับประโยชน์สูงสุดจากการออกกำลังกาย) เอกลักษณ์ทางภาพของคุณเป็นวิธีหนึ่ง เพื่อแสดงว่าคุณเข้าใจความต้องการทางอารมณ์ของผู้ชมและแบ่งปันค่านิยมของพวกเขา

  3. มันสะท้อนถึงความเกี่ยวข้องทางวัฒนธรรมของคุณ เช่นเดียวกับคำพูด ภาพเป็นผลผลิตของบริบททางสังคมวัฒนธรรมและประวัติศาสตร์ของเรา พวกเขายังเป็นวิธีที่แบรนด์มีส่วนร่วมในบริบททางวัฒนธรรมของผู้ชม เอกลักษณ์ทางภาพมีพลังในการพัฒนาไปพร้อมกับผู้ชมของคุณ ซึ่งแสดงให้เห็นถึงความเกี่ยวข้องทางวัฒนธรรมของแบรนด์ของคุณในขณะที่โลกรอบตัวเปลี่ยนแปลง

การสร้างเอกลักษณ์ทางภาพที่สม่ำเสมอและทรงพลังไม่ใช่แค่การใช้สีเดียวกันบนเว็บไซต์และหน้า Facebook ของคุณเท่านั้น มันเกี่ยวกับการทำให้มั่นใจว่ารูปภาพ สี ฟอนต์ และองค์ประกอบภาพอื่นๆ ที่คุณใช้สนับสนุนซึ่งกันและกันในสื่อต่างๆ นอกจากนี้ ยังช่วยให้แน่ใจว่าองค์ประกอบเหล่านี้สะท้อนถึงบุคลิกของแบรนด์และคุณค่าที่คุณมอบให้กับผู้ชมได้อย่างถูกต้องแม่นยำ หากผู้เยี่ยมชมเว็บไซต์ของคุณสามารถระบุได้อย่างรวดเร็วว่าอะไรคือหัวใจของธุรกิจของคุณก่อนที่พวกเขาจะอ่านคำศัพท์ แสดงว่าคุณกำลังทำสิ่งที่ถูกต้องในแผนกการระบุตัวตนด้วยภาพ

คุณต้องการการวิเคราะห์เอกลักษณ์ทางภาพเมื่อใด

มีหลายสถานการณ์ที่รับประกันการวิเคราะห์เอกลักษณ์ทางภาพ กรณีการใช้งานเหล่านี้บางส่วนรวมถึงเมื่อคุณ:

  • อยู่ระหว่างการรีแบรนด์

  • เปิดตัวเว็บไซต์ใหม่

  • การสังเคราะห์เนื้อหาในหลายแพลตฟอร์ม/เพจ

  • ประสานแนวทางการออกแบบข้ามหน่วยงานสร้างสรรค์

  • เปิดตัวแคมเปญโซเชียลมีเดีย

  • สำรวจประเภทเนื้อหาภาพใหม่ (วิดีโอ อินโฟกราฟิก)

  • สร้างความสอดคล้องของแบรนด์หลังจากการควบรวมกิจการ

ไม่ว่าคุณจะเริ่มต้นจากศูนย์หรือปรับแต่งคู่มือสไตล์ที่มีอยู่ คุณจะต้องรักษาแนวทางการแสดงภาพแบบไดนามิกด้วยเนื้อหาของคุณ เพื่อให้แน่ใจว่าอัตลักษณ์ภาพโดยรวมของคุณเชื่อถือได้และเป็นเจ้าของได้

ในส่วนต่อไปนี้ เราจะแจกแจงองค์ประกอบของอัตลักษณ์ทางภาพที่แบรนด์ของคุณอาจต้องการการปรับแต่ง ในขณะที่คุณทบทวนแต่ละข้อ ให้ไตร่ตรองถึงแผนธุรกิจ คำแถลงพันธกิจ และคำแถลงวิสัยทัศน์ จากนั้น วิเคราะห์ระบบนิเวศสื่อของคุณอย่างรอบคอบ ตรวจสอบให้แน่ใจว่าแต่ละองค์ประกอบถูกใช้อย่างมีวิจารณญาณและมีประสิทธิภาพซึ่งสื่อถึงคุณค่าของคุณ หากไม่เป็นเช่นนั้น ก็ถึงเวลาต้องปรับเปลี่ยนบ้างแล้ว

องค์ประกอบของเอกลักษณ์ทางภาพ

เอกลักษณ์ทางภาพคือทั้งหมดที่เกี่ยวกับความเป็นทั้งหมดที่ยิ่งใหญ่กว่าผลรวมของส่วนต่างๆ เพื่อให้เข้าใจ ระบุ และจัดการกับอัตลักษณ์ทางภาพอย่างแท้จริง คุณต้องพิจารณาว่าแบรนด์ใช้สี การออกแบบตัวอักษร ภาพ และความสัมพันธ์เชิงพื้นที่อย่างไร มีองค์ประกอบอื่นๆ ที่คุณสามารถสำรวจได้ว่าเป็นหน้าที่ของอัตลักษณ์ทางภาพ แต่สิ่งเหล่านี้เป็นหัวใจสำคัญของกลยุทธ์การสร้างแบรนด์ที่ชาญฉลาดทุกอัน

1. จานสี

สีเป็นองค์ประกอบพื้นฐานที่สุดของเอกลักษณ์ทางภาพของแบรนด์ เป็นสิ่งที่ผู้ชมมักจะจดจำมากที่สุดเกี่ยวกับองค์กร และเมื่อใช้อย่างมีประสิทธิภาพ ก็สามารถกลายเป็นสัญลักษณ์ของแบรนด์ได้ กรณีตรงประเด็น: เมื่อคุณนึกถึง Coca Cola สีแดงที่อิ่มตัวน่าจะมาถึงใจ และเมื่อคุณนึกถึงคู่แข่งของเป๊ปซี่ สีน้ำเงินเข้มก็อาจโผล่เข้ามาในหัวคุณ แม้ว่าบริษัทที่มีชื่อเสียงเหล่านี้ส่วนใหญ่จะอาศัยสีทึบจำนวนหนึ่งเพื่อถ่ายทอดบุคลิกของแบรนด์ของตน แต่บริษัทอื่นๆ ก็ใช้จานสีและลำดับชั้นที่ซับซ้อนมากขึ้นเพื่อบอกผู้บริโภคว่าพวกเขาเป็นใคร


การแสดงที่มาของรูปภาพ: Clem Onojeghuo ที่ Unsplash

พลังแห่งสี: กระตุ้นอารมณ์

เนื่องจากสีมีความหมายทางอารมณ์ที่รุนแรง พวกมันจึงมีผลทันทีต่อวิธีที่เราประมวลผลบางสิ่งและวิธีที่เราตอบสนองเมื่อเห็นมัน แบรนด์ที่ต้องการมองว่าเป็นตัวหนา ทรงพลัง และหลงใหลอาจเลือกใช้โน้ตสีแดง Iconic Fox ในขณะที่แบรนด์ที่ต้องการสื่อถึงความอบอุ่นและการมองโลกในแง่ดีอาจใช้สีเหลืองเป็นสีหลัก

ความหมายแฝง

ความหมายของสีขึ้นอยู่กับบริบททางสังคมและประวัติศาสตร์เกือบทั้งหมด เพียงตรวจสอบกราฟิกนี้จาก Information Is Beautiful เพื่อดูว่าสีมีความหมายแตกต่างกันอย่างไรขึ้นอยู่กับวัฒนธรรมของคุณ ตัวอย่างเช่น ความรักเกี่ยวข้องกับสีแดงในวัฒนธรรมอเมริกัน สีเขียวในวัฒนธรรมฮินดู และสีเหลืองในวัฒนธรรมชนพื้นเมืองอเมริกัน อย่างไรก็ตาม เช่นเดียวกับที่บรรทัดฐานทางวัฒนธรรมเปลี่ยนแปลงตลอดเวลา ความหมายแฝงของสีก็เช่นกัน

แม้จะอยู่ในวัฒนธรรมเดียวกัน สีก็สามารถสื่อความหมายได้หลายอย่าง—และบางครั้งก็ขัดแย้งกัน— ได้รับการเตือน: คุณจะต้องใช้เฉดสี ความอิ่มตัว และคอนทราสต์ที่ถูกต้องเพื่อสื่อข้อความแบรนด์ของคุณอย่างถูกต้อง ตัวอย่างเช่น ในสหรัฐอเมริกา สีม่วงมักสื่อถึงสติปัญญาและความมั่งคั่ง แต่ก็สามารถแสดงถึงความเสื่อมโทรมได้เช่นกัน หากคุณเป็นบริษัทที่เน้นการต่อรองราคาและต้องการเข้าถึงการประหยัดเงิน การใช้สีม่วงอาจส่งข้อความที่ไม่ถูกต้องไปยังผู้ชมของคุณและบ่อนทำลายเป้าหมายแบรนด์ของคุณในที่สุด

ตามข้อมูลของ Iconic Fox ต่อไปนี้เป็นความหมายแฝงของสีทั่วไปอื่นๆ ในสหรัฐอเมริกา:

  • สีแดง: ความรุนแรง, ความกลัว, ความตื่นเต้น, การเตือน, อันตราย

  • สีน้ำเงิน: เหตุผล ความแข็งแกร่ง ความตื่นตัว ปัญญา ความภักดี ความน่าเชื่อถือ

  • สีส้ม : ความคิดสร้างสรรค์ ความกระตือรือร้น ความกล้าหาญ ความเสี่ยง

  • สีเขียว : สุขภาพ ความหวัง ความซบเซา การเปิดกว้าง ความสดชื่น

  • สีดำ : ความปลอดภัย อำนาจ อำนาจ ความเย็นชา

  • สีเหลือง : ความอ่อนเยาว์ ความสุข ความสนุกสนาน ความหุนหันพลันแล่น

  • สีม่วง: ความมั่งคั่ง ความซับซ้อน จินตนาการ ส่วนเกิน

  • สีชมพู : จินตนาการ ความหลงใหล การดูแล ความคิดสร้างสรรค์ ความพลิกแพลง

  • สีขาว : ความสะอาด ความบริสุทธิ์ ความไร้เดียงสา ความชัดเจน ระยะห่าง

บริบทและความคมชัด

ความหมายแฝงของสีขึ้นอยู่กับบริบทที่คุณให้ด้วย ในสหรัฐอเมริกา สีเขียว หมายถึง ไปและสื่อถึงความเป็นธรรมชาติ สีแดงหมายถึงการหยุดและเป็นสัญลักษณ์ของความตื่นเต้น เมื่อสีมีความหมายต่างกันมากมาย คุณจะแน่ใจได้อย่างไรว่าสีที่คุณเลือกนั้นหมายถึงสิ่งที่คุณต้องการอย่างแท้จริง คำตอบคือการควบคุมบริบทและความเปรียบต่าง ผลการศึกษาของ HubSpot พบว่าเมื่อใช้กับปุ่มเรียกร้องให้ดำเนินการ สีแดงมีประสิทธิภาพดีกว่าสีเขียวถึง 21 เปอร์เซ็นต์ เนื่องจากตำแหน่งของปุ่มและความคมชัดของปุ่มกับสีรอบๆ ผู้เข้าชมเว็บไซต์จึงมีแนวโน้มที่จะคลิกปุ่มสีแดงมากกว่าเพราะพวกเขาเห็นว่าปุ่มนี้น่าตื่นเต้นกว่าปุ่มสีเขียว

การศึกษาพื้นฐานที่ตีพิมพ์ใน American Journal of Psychology พบว่าผู้ชมมีแนวโน้มที่จะจดจำและมีส่วนร่วมกับรายการที่โดดเด่นกว่าสิ่งรอบตัวอย่างมาก หรือที่เรียกว่าเอฟเฟกต์การแยก หลักการนี้พิสูจน์ให้เห็นว่าตำแหน่งและคอนทราสต์ของสีมีความสำคัญพอๆ กับตัวสีเอง

สิ่งนี้มีความหมายต่อคุณอย่างไร

จากองค์ประกอบภาพทั้งหมดของคุณ สีเป็นสิ่งที่รับผิดชอบมากที่สุด ไม่ว่าผู้ดูจะชอบ ไม่ชอบ ไว้วางใจ ไม่ไว้วางใจ หรือเพิกเฉยต่อแบรนด์ของคุณ ผลการศึกษาชิ้นหนึ่งพบว่าประสิทธิภาพของจานสีของแบรนด์ขึ้นอยู่กับความคิดเห็นของลูกค้าเป็นส่วนใหญ่ และพวกเขารู้สึกว่าสีนั้นเหมาะสมกับผลิตภัณฑ์หรือไม่ บทเรียนที่นี่? อย่าเพิ่งเลือกจานสีที่น่าดึงดูด ให้เลือกหนึ่งรายการที่ช่วยให้คุณบรรลุความสอดคล้องของแบรนด์แทน

เมื่อเลือกสีที่จะสื่อถึงแบรนด์ของคุณ ให้เลือกสีที่สะท้อนถึงพันธกิจ วิสัยทัศน์ และบุคลิกภาพขององค์กรของคุณ นอกจากนี้ ให้ใส่ใจกับวิธีที่คุณจัดลำดับชั้นสีเหล่านี้ จานสีของคุณควรโฮสต์ตัวละคร แต่ไม่ใช่ทุกสีที่จะเป็นศูนย์กลางของเวที เลือกดาวที่เหมาะสมสำหรับจานสีของคุณและวางแผนเกี่ยวกับวิธีการใช้งานและสีที่สนับสนุน โดยพิจารณาว่าพวกมันเหมาะสมกับบริบทของหน้าและไซต์โดยรวมของคุณอย่างไร

ข้อกำหนดสีที่คุณควรทราบ

  • คอนทราสต์ของสี: ความแตกต่างของโทนสีระหว่างสีหนึ่งกับอีกสีหนึ่ง

  • ลำดับชั้นของสี: การครอบงำของสีบางสีเหนือสีอื่น ๆ หมายถึงวิธีที่สีทำหรือไม่โดดเด่นระหว่างกัน

  • จิตวิทยาสี: การศึกษาว่าสีทำให้ผู้คนรู้สึกอย่างไรและผู้คนตอบสนองต่อสีอย่างไร

  • รหัส ฐานสิบหก : การวัดสีตามค่าฐานสิบหก

  • จานสี/แบบแผน: การเลือกสีที่ประสานกัน

เมื่อประเมินการใช้สีของแบรนด์ของคุณ ให้พิจารณาคำถามที่สำคัญเหล่านี้:

  1. สีของแบรนด์คุณบอกอะไรเกี่ยวกับบุคลิกภาพขององค์กรคุณได้บ้าง? สิ่งนี้สอดคล้องกับเป้าหมายเชิงกลยุทธ์ของคุณหรือไม่?

  2. จานสีของแบรนด์ของคุณเป็นอย่างไรเมื่อเปรียบเทียบกับคู่แข่งในอุตสาหกรรมของคุณ ของคุณโดดเด่นเพียงพอหรือไม่ โดดเด่น เกินไป หรือเปล่า?

  3. ในสถานการณ์ใดที่คุณจะใช้สีเพื่อกระตุ้นการดำเนินการบนไซต์ของคุณหรือในเอกสารทางการตลาดของคุณ สีที่คุณใช้มีแนวโน้มที่จะสนับสนุนการกระทำที่คุณต้องการให้ผู้ชมของคุณทำหรือไม่?

  4. มันมารวมกันได้อย่างไร? สีของคุณมีความสมดุลหรือไม่? พวกเขาดูเหมือนแบรนด์ของคุณหรือไม่?

ใครกันแน่ที่ใช่

Green Climate Fund เป็นพันธมิตรของ 194 ประเทศที่ทำงานอย่างแข็งขันเพื่อแก้ไขปัญหาการเปลี่ยนแปลงสภาพภูมิอากาศ และการสร้างแบรนด์สีสะท้อนให้เห็นเพียงแค่นั้น โลโก้สีเขียวและสีน้ำเงินทำให้นึกถึงความกังวลหลักในทันที นั่นคือ ดินและน้ำ โดยการเปรียบเทียบโลโก้กับองค์ประกอบสีขาวล้วนและสีดำสนิทบนเว็บไซต์ กองทุน Green Climate Fund ใช้เอฟเฟกต์การแยกส่วนอย่างมีกลยุทธ์อย่างเต็มที่

กองทุนภูมิอากาศสีเขียว

ใครต้องการงานบ้าง

แม้ว่าสีเขียวในจานสี Masters จะสะท้อนสนามกอล์ฟที่บริสุทธิ์ได้อย่างแม่นยำ แต่ความเปรียบต่างกับสีเหลืองทำให้เสียชื่อเสียงของการแข่งขัน อันที่จริง ผู้ตอบแบบสอบถาม 22 เปอร์เซ็นต์ให้คะแนนสีเหลืองว่าเป็นสีที่ "ถูก" ในการศึกษาหนึ่งชิ้น และ 26 เปอร์เซ็นต์ถือว่าสีส้มเป็นสีที่ดูถูกที่สุดในบรรดาสีทั้งหมด การใช้สีเหลือง โดยเฉพาะอย่างยิ่งเมื่อใช้ร่วมกับสีเขียว จะบ่อนทำลายความเป็นนักกีฬาและความซับซ้อนของการแข่งขัน

หน้าแรกของอาจารย์

2. วิชาการพิมพ์

ข้อความบอกบางสิ่งแก่เรา แต่ก็แสดงบางสิ่งให้เราทราบด้วย ตัวอักษรในตัวอักษรและคำที่สร้างขึ้นจากตัวอักษรนั้นมีลักษณะเป็นภาพเหมือนเป็นข้อความ ลักษณะภาพของพวกเขา—ลักษณะที่ปรากฏบนหน้าหรือหน้าจอ—บอกเราบางอย่างเกี่ยวกับความหมายที่อยู่เบื้องหลังพวกเขา ไม่ว่าจะตั้งใจหรือไม่ก็ตาม พลังแห่งการพิมพ์: บุคลิกภาพและความชัดเจน

แบบอักษรมีบุคลิกที่แตกต่างกัน พวกเขาสามารถอดทน ขบขัน จริงจัง หรือแม้กระทั่งแปลกประหลาด และบุคลิกของพวกเขาสามารถเปลี่ยนแปลงได้ตลอดเวลา อันที่จริง ฟอนต์ต่างๆ ได้รับความนิยมในช่วงเวลาที่ต่างกัน และแต่ละฟอนต์ก็มีน้ำหนักตามประวัติศาสตร์ที่ติดตัวมาจนถึงทุกวันนี้

ในปี 2012 Errol Morris ได้ทำการศึกษาอย่างไม่เป็นทางการใน The New York Times ซึ่งวัดคำตอบของผู้อ่าน 45,000 ต่อการอ้างสิทธิ์ที่เขียนด้วยแบบอักษรที่แตกต่างกัน 6 แบบ ได้แก่ Computer Modern, Georgia, Helvetica, Trebuchet, Comic Sans และ Baskerville มอร์ริสขอให้ผู้อ่านสังเกตว่าพวกเขาเชื่อว่าคำกล่าวอ้างนั้นจริงหรือเท็จ ผลลัพธ์? ผู้คนมักจะเชื่อว่าคำกล่าวอ้างนั้นเป็นความจริงเมื่อเขียนใน Baskerville

ฟอนต์ serif ที่เคยใช้ในหนังสือพิมพ์ Baskerville มีชื่อเสียงในด้านความจริงจัง ความจริง และความซับซ้อน Comic Sans กลับไม่เป็นเช่นนั้น ไม่น่าแปลกใจเลยที่ภาพพจน์ของ Baskerville อ้างว่ากระตุ้นให้ผู้อ่านเชื่อถือคำพูดในนั้น

การพิมพ์บ่งบอกบุคลิกของแบรนด์ของคุณ แต่ก็มีผลกระทบที่สำคัญต่อประสิทธิภาพของข้อความของคุณ

ต่อไปนี้คือรายละเอียดของแบบอักษรทั่วไปและประวัติของแบบอักษรเหล่านี้:

แบบอักษร Serif:

  • แบบเก่า

    • ตัวอย่าง: Adobe Jenson, Goudy Old Style

    • โดดเด่นด้วย: เน้นเส้นทแยงมุมบนส่วนที่บางที่สุดของตัวอักษร; ทั่วไปในหนังสือพิมพ์และนิตยสาร

    • วันที่ย้อนหลัง: ถึงปี 1400; สไตล์เซอริฟที่เก่าที่สุด

    • คุณสมบัติ: ซับซ้อน, จริงจัง, ฉลาด

  • เฉพาะกาล

    • ตัวอย่าง: Times New Roman, Baskerville

    • โดดเด่นด้วย: แกนแนวตั้งสมมาตร

    • วันที่ย้อนหลัง: ถึงปี 1700

    • คุณสมบัติ: ดั้งเดิมตรงไปตรงมา

  • นีโอคลาสสิก/สมัยใหม่

    • ตัวอย่าง: Didot, Marconi

    • โดดเด่นด้วย: ความแตกต่างที่สำคัญระหว่างเส้นหนาและเส้นบาง

    • วันที่ย้อนหลัง: ถึงปี 1700

    • คุณสมบัติ : ร่วมสมัย สด ฉลาด มั่นใจ

แบบอักษร Sans-serif:

  • พิลึก:

    • ตัวอย่าง: Venus, News Gothic

    • โดดเด่นด้วย: ความคล้ายคลึงกันของพวกเขากับ serifs แต่ไม่มี serifs; ดีสำหรับชื่อเรื่องและพาดหัวข่าว

    • วันที่ย้อนหลัง: ถึงปี 1700
    • คุณสมบัติ: อำนาจ, ความกล้าหาญ

  • Neo-Grotesque:

    • ตัวอย่าง: Helvetica, Roboto

    • โดดเด่นด้วย: ความคล้ายคลึงกันของพวกเขากับพิลึก แต่ชัดเจนในรูปลักษณ์

    • วันที่ย้อนหลัง: ถึงปี 1900
    • คุณสมบัติ: ตรงไปตรงมา แม่นยำ สะอาด พื้นฐาน

  • นักมนุษยนิยม:

    • ตัวอย่าง: Verdana, Calibri

    • โดดเด่นด้วย: ความสูง X ต่ำและคอนทราสต์ต่ำระหว่างจังหวะ

    • วันที่ย้อนหลัง: ถึง 1400s
    • คุณสมบัติ: นุ่มนวล ตรงไปตรงมา

  • เรขาคณิต:

    • ตัวอย่าง: Gotham, ITC Avant Garde

    • โดดเด่นด้วย: ลักษณะทางเรขาคณิต โดยเฉพาะตัวอักษร O-shape

    • วันที่ย้อนหลัง: ถึงปี 1900
    • คุณสมบัติ : ทันสมัย ​​สะอาด แต่ขี้เล่น อิ่ม รวย

มีความหมายต่อคุณอย่างไร

การเลือกกลุ่มแบบอักษรที่สอดคล้องกับแบรนด์ของคุณ จานสี โลโก้ และรูปภาพของคุณจะช่วยสื่อถึงบุคลิกของบริษัทและตอกย้ำความรู้สึกเบื้องหลังแต่ละข้อความต่อผู้ชมของคุณ

แต่ไม่ใช่แค่แบบอักษรที่ส่งผลต่อความหมายของข้อความของคุณ ตำแหน่ง ขนาด รูปร่าง สี และความเปรียบต่างของคำล้วนมีส่วนทำให้ผู้อ่านเข้าใจคำเหล่านั้น แม้แต่ในเอกสารไวท์เปเปอร์ฉบับนี้ เราได้กำหนดคำบางคำที่เป็นตัวหนา ตัวเอียง และปรับขนาดของบางบรรทัดเพื่อช่วยให้คุณเลื่อนดูเนื้อหาและดึงข้อมูลในกระบวนการได้ง่ายขึ้น โดยไม่ได้อ่านข้อความ คุณน่าจะรู้ว่าบรรทัดใดเป็นหัวข้อ คำใดสำคัญที่สุด และวลีใดบ่งบอกถึงการแบ่งส่วน คุณได้รวบรวมข้อมูลนี้ด้วยภาพ ไม่ใช่แค่ข้อความ นั่นคือพลังของการพิมพ์

ข้อกำหนดการพิมพ์ที่คุณควรทราบ

  • S erif: เท้าของตัวอักษรซึ่งสามารถปัดเศษหรือยกกำลังสองได้
  • Sans serif: แบบอักษรที่มีตัวอักษรไม่มีเท้า
  • แบบอักษร: กลุ่มของรูปแบบประเภทที่มีคุณสมบัติพื้นฐานคล้ายกัน
  • Stroke: เส้นภายในตัวอักษร ไม่รวม serif
  • น้ำหนักแบบอักษร: ความหนาของเส้นขีดภายในแบบอักษร
  • Ascender: ขีดใดๆ ที่ขึ้นเหนือเส้นมัธยฐาน เช่น ครึ่งบนของตัวอักษร l, h และ f
  • เส้นฐาน: เส้นแนวนอนที่วิ่งตามด้านล่างของตัวอักษร
  • Cap height: ความสูงของตัวอักษรจากเส้นฐานถึงด้านบนสุดของตัวอักษร
  • Descender: ขีดใดๆ ที่อยู่ใต้เส้นฐาน เช่น ครึ่งล่างของตัวอักษร p, q และ y
  • เส้นมัธยฐาน: เส้น แนวนอนที่วิ่งตามด้านบนของตัวพิมพ์เล็ก
  • Kerning: กระบวนการปรับระยะห่างระหว่างตัวอักษรแต่ละตัวในคำด้วยตนเองเพื่อให้อ่านง่ายและมีสไตล์
  • ชั้นนำ: ขั้นตอนการปรับช่องว่างระหว่างบรรทัด
  • การติดตาม: ขั้นตอนการปรับระยะห่างระหว่างตัวอักษรทั้งหมดในคำอย่างสม่ำเสมอเพื่อให้อ่านง่ายและมีสไตล์
  • ลำดับชั้นการพิมพ์: วิธีจัดลำดับความสำคัญของข้อความบนหน้าของคุณเพื่อเน้นความสำคัญ
  • X-height: ความสูงของอักษรตัวพิมพ์เล็กจากเส้นฐานถึงเส้นมัธยฐาน

เมื่อประเมินการใช้การออกแบบตัวอักษรของแบรนด์ของคุณ โปรดคำนึงถึงคำถามเหล่านี้:

  1. คุณเลือกแบบอักษรสำหรับแบรนด์ของคุณอย่างไร การเลือกแบบอักษรของคุณบอกอะไรเกี่ยวกับเนื้อหาของคุณ

  2. การออกแบบตัวอักษรของคุณสร้างแรงบันดาลใจให้กับอารมณ์หรือความคิดหรือไม่? สิ่งเหล่านี้สอดคล้องกับบุคลิกและกลยุทธ์ของแบรนด์ของคุณหรือไม่?

  3. ตัวเลือกด้านการพิมพ์ของคุณเป็นอย่างไรเมื่อเปรียบเทียบกับคู่แข่งของคุณ? พวกเขาช่วยให้แบรนด์ของคุณโดดเด่นหรือกลมกลืนหรือไม่?

  4. ลำดับชั้นการพิมพ์ของคุณบอกอะไรกับผู้ชมเกี่ยวกับลำดับความสำคัญของคุณ? ข้อความที่ถูกต้องโดดเด่นหรือไม่?

  5. แบรนด์ของคุณใช้การออกแบบตัวอักษรอย่างตั้งใจและรอบคอบหรือไม่?

ใครกันแน่ที่ใช่

ในปี 2012 ผู้ร่วมก่อตั้ง Twitter Ev Williams และ Biz Stone ได้เปิดตัว Medium ซึ่งเป็นแพลตฟอร์มการเผยแพร่ยอดนิยมที่เชื่อว่า "คำพูดมีความสำคัญ" ไซต์ของพวกเขาใช้แบบอักษร Transitional ในพาดหัวข่าวเพื่อสื่อถึงน้ำเสียงที่เข้าถึงได้ แต่น่าเชื่อถือ และแบบอักษร Humanist sans serif (Freight Sans) เป็นข้อความในย่อหน้าเพื่อให้ดูอบอุ่นและน่าดึงดูดใจ นอกจากนี้ยังใช้ลำดับชั้นของการพิมพ์ที่รัดกุม ซึ่งรวมถึงเส้นขนาดต่างๆ การใช้อักษรตัวพิมพ์ใหญ่ที่แตกต่างกันและจุดแข็งของเส้นขีด และสีแบบอักษรที่แตกต่างกันเล็กน้อย เพื่อส่งสัญญาณว่าส่วนใดของหน้าที่สำคัญที่สุด

ปานกลาง

ใครต้องการงานบ้าง

แม้ว่าโลโก้ของ AutoZone จะมีลำดับชั้นของการพิมพ์ที่ค่อนข้างชัดเจน แต่องค์กรนี้ก็หายไปจากส่วนที่เหลือของโฮมเพจ เมนูการเลือก คำกระตุ้นการตัดสินใจ และส่วนหัวของแบนเนอร์ทั้งหมดใช้แบบอักษรที่มีขนาดใกล้เคียงกันและมีโครงสร้างใกล้เคียงกับห้องหายใจ นอกจากนี้ แบรนด์ยังใช้ Helvetica Neue ซึ่งเป็นแบบอักษรนีโอพิสดารทั่วไปที่มีระยะห่างระหว่างตัวอักษรอย่างแน่นหนา แบบอักษรนี้ไม่มีความแตกต่าง ทำให้ผู้อ่านมองข้ามส่วนสำคัญของหน้าได้ง่าย

ออโต้โซน

3. จินตภาพ

แม้ว่าอัตลักษณ์ของภาพจะประกอบด้วยองค์ประกอบหลายอย่าง แต่รูปภาพและไอคอนอาจส่งผลต่อผู้เยี่ยมชมเพจของคุณมากที่สุด รูปภาพบอกเล่าเรื่องราว และการเลือกรูปภาพของคุณควรสร้างคำบรรยายที่โดนใจผู้ชมและสอดคล้องกับข้อความที่เหลือของคุณ

พลังแห่งภาพ: การเล่าเรื่องแบบทันที

มนุษย์สามารถประมวลผลภาพได้ในเวลาเพียง 13 มิลลิวินาที ตามการศึกษาที่ตีพิมพ์ใน Attention, Perception และ Psychophysics ซึ่งเร็วกว่าความเร็วที่เราประมวลผลข้อความถึง 60,000 เท่า การมีภาพที่ถูกต้องในสถานที่ที่เหมาะสมในเวลาที่เหมาะสมเป็นสิ่งสำคัญในการแนะนำผู้อ่านของคุณผ่านประสบการณ์เนื้อหา

การศึกษาใน Journal of Business & Industrial Marketing พบว่าภาพที่เกี่ยวข้องกับบริการมีผลโดยตรงต่อการสร้างความภักดีของลูกค้า ในขณะที่ความภักดีที่เกิดจากภาพที่เกี่ยวข้องกับสินค้าจะขึ้นอยู่กับความพึงพอใจของลูกค้าที่มีต่อภาพ การศึกษานี้แสดงให้เห็นว่าภาพของคุณไม่ได้เป็นส่วนเสริมของข้อความและผลิตภัณฑ์ แต่เป็นอีกวิธีหนึ่งในการสื่อสารและโต้ตอบกับผู้ชมของคุณ หากใช้อย่างถูกต้อง รูปภาพจะช่วยให้คุณได้รับธุรกิจเริ่มต้นและความภักดีในระยะยาว

มีความหมายต่อคุณอย่างไร

เมื่อคุณนึกถึงอัตลักษณ์ทางภาพ รูปภาพอาจเป็นองค์ประกอบแรกที่คุณนึกถึง รูปภาพสนับสนุนและให้บริบทในการเล่าเรื่อง พวกเขายังสามารถให้เรื่องราวในตัวของมันเอง เมื่อใช้อย่างรอบคอบแล้ว ภาพสามารถสร้างการเชื่อมต่อที่มีความหมายทันทีระหว่างแบรนด์และผู้ชมของคุณ อย่างไรก็ตาม เมื่อใช้โดยพลการหรือไม่มีเจตนา รูปภาพสามารถบดบังมุมมองของผู้ชมเกี่ยวกับแบรนด์ของคุณและส่งข้อความที่ไม่สอดคล้องกับเรื่องราวโดยรวมที่คุณพยายามจะเล่า

เมื่อเลือกรูปภาพ ควรพิจารณาองค์ประกอบเนื้อหาและองค์ประกอบสไตล์:

  • องค์ประกอบเนื้อหา ประกอบด้วยการตั้งค่า นักแสดง ธีม สภาพแวดล้อม และการโต้ตอบ
  • องค์ประกอบสไตล์ ประกอบด้วยจานสี ฟิลเตอร์ พลุ การแก้ไข และการจัดองค์ประกอบ

องค์ประกอบเหล่านี้ร่วมกันส่งผลต่อวิธีที่ผู้ชมจะรับรู้ภาพของคุณและท้ายที่สุดคือแบรนด์ของคุณ

สิ่งสำคัญสำหรับรูปภาพในการชมเชยองค์ประกอบภาพอื่นๆ ของคุณ แต่ต้องมีความสอดคล้องกันด้วย คุณจะต้องพิจารณาถึงตัวเลขและผู้คนที่คุณรวมไว้ในภาพด้วย การถ่ายภาพของคุณสะท้อนถึงผู้ชมที่คุณกำหนดเป้าหมายหรือไม่? รูปภาพของคุณเป็นตัวแทนที่แท้จริงของอุตสาหกรรมและโลกของผู้ชมของคุณหรือไม่?

ข้อกำหนดเกี่ยวกับภาพที่คุณควรรู้

  • องค์ประกอบ: วิธีจัดเรียงองค์ประกอบต่างๆ เช่น ข้อความ ภาพ หรือนามธรรมของรูปภาพภายในกรอบ

  • ไอคอน: การแสดงกราฟิกของแบรนด์หรือสินค้า

  • การกรอง: กระบวนการปรับปรุงภาพโดยการลดสัญญาณรบกวน การเน้นคุณสมบัติ การแยกส่วน หรือคุณสมบัติที่มัว

  • เลนส์แฟลร์ : เมื่อแสงกระจายผ่านเลนส์ทำให้ได้ภาพเหมือนดวงดาวที่สว่างสดใส

  • Margin: ช่องว่างรอบขอบของรูปภาพ

  • กฎสามส่วน: เมื่อรูปภาพถูกแบ่งออกเป็นช่องตารางที่มีระยะห่างเท่าๆ กันเก้าแผง จุดที่เส้นตารางมาบรรจบกันควรเป็นจุดโฟกัสของรูปภาพ

  • ความอิ่มตัว: ความเข้มของสี

  • พื้นผิว: เอ ฟเฟกต์สัมผัสที่สร้างโดยรูปภาพ

เมื่อประเมินสถานะของพอร์ตโฟลิโอภาพแบรนด์ของคุณ (รวมถึงรูปภาพ ไอคอน และโลโก้) ให้พิจารณาคำถามเหล่านี้:

  1. ภาพลักษณ์ของแบรนด์คุณมีคุณภาพและสไตล์สอดคล้องกันหรือไม่?

  2. ไอคอนและภาพแบรนด์ของคุณบอกอะไรกับผู้ชมเกี่ยวกับบุคลิกภาพของแบรนด์คุณ

  3. ผู้ชมเรียนรู้อะไรเกี่ยวกับแบรนด์ของคุณตามไอคอนและภาพลักษณ์

  4. รูปภาพของคุณสนับสนุนการเล่าเรื่องแบรนด์โดยรวมของคุณหรือไม่?

  5. ภาพของคุณเป็นตัวแทนของใคร?

ใครกันแน่ที่ใช่

The North Face มีความโดดเด่นในการขับเคลื่อนความสอดคล้องของการเล่าเรื่องระหว่างแบรนด์และภาพลักษณ์ ทั่วทั้งเว็บไซต์ รูปภาพต่างๆ อัดแน่นไปด้วยกรอบการผจญภัย ผู้คนที่กล้าเสี่ยงกับองค์ประกอบต่างๆ และองค์ประกอบที่สะอาดสะอ้านและคมชัด ซึ่งทั้งหมดนี้สอดคล้องกับบุคลิกของแบรนด์และสโลแกนที่ว่า "อย่าหยุดสำรวจ"

The North Face

ใครต้องการงานบ้าง

เว็บไซต์ของอุทยานแห่งชาติแกรนด์แคนยอนให้ข้อมูลที่เป็นประโยชน์มากมายที่นักท่องเที่ยวและคนในท้องถิ่นสามารถใช้เพื่อพักผ่อนอย่างเต็มที่ แต่ภาพบนไซต์ยังขาดความละเอียดและความต่อเนื่องที่เหมือนกัน ภาพถ่ายต้นฉบับและภาพถ่ายในสต็อกจะอยู่ถัดจากภาพประกอบและแอนิเมชั่น ทั้งหมดนี้โดยไม่ต้องใช้การกรองและจานสีที่สอดคล้องกันเพื่อสร้างรูปลักษณ์และความรู้สึกของแบรนด์ที่เหนียวแน่น

อุทยานแห่งชาติแกรนด์แคนยอน

4. ความสัมพันธ์เชิงพื้นที่และเค้าโครงหน้า

มนต์ "ที่สำหรับทุกสิ่งและทุกสิ่งในที่ของมัน" เป็นมากกว่าการจัดระเบียบลิ้นชักและห้องสะอาด เมื่อพูดถึงอัตลักษณ์ทางภาพของคุณ ความสัมพันธ์เชิงพื้นที่และเลย์เอาต์ของภาพและข้อความอาจส่งผลกระทบอย่างมากต่อความสามารถของผู้ชมในการนำทางไซต์ของคุณและมีส่วนร่วมกับเนื้อหาของคุณ หากหน้าของคุณรกเกินไป อาจทำให้ผู้ใช้ล้นหลาม หากว่างเปล่าเกินไป อาจดูเหมือนไม่เสร็จหรือไม่ประทับใจ

พลังของความสัมพันธ์เชิงพื้นที่: การชี้นำความสนใจ

ตัวเลือกด้านสุนทรียศาสตร์และเลย์เอาต์การออกแบบหน้าส่งผลโดยตรงต่อการมีส่วนร่วมของผู้ใช้กับแบรนด์ของคุณ นอกจากนี้ยังสามารถส่งผลต่อจำนวนผู้ชมที่ไว้วางใจแบรนด์ของคุณได้อีกด้วย ผลการศึกษาชิ้นหนึ่งพบว่าเมื่อเข้าชมเว็บไซต์ของแบรนด์ครั้งแรก ผู้เข้าร่วม 94% ไม่ไว้วางใจองค์กรหากหน้าเพจมีปัญหาในการออกแบบ การศึกษายังกล่าวต่อไปว่าเลย์เอาต์ที่รก น่าเบื่อ และไม่ว่างอาจทำให้เกิดความไม่ไว้วางใจและความสับสน

การทำความเข้าใจว่าผู้ชมนำทางไปยังเนื้อหาอย่างไร จำเป็นต้องมีความคุ้นเคยขั้นพื้นฐานกับหลักการจัดกลุ่มของ Gestalt ในปี ค.ศ. 1920 นักจิตวิทยา Max Wertheimer, Kurt Koffka และ Wolfgang Kohler ได้พัฒนาหลักการของการจัดกลุ่ม Gestalt (ภาษาเยอรมันสำหรับ "unified whole") ซึ่งอธิบายกฎการรับรู้บางประการ มนุษย์จัดกลุ่มองค์ประกอบภาพที่มีลักษณะคล้ายกันหรือองค์ประกอบที่อยู่ใกล้กัน ในท้ายที่สุด หลักการเหล่านี้อธิบายหลักการสำคัญสามประการของการรับรู้ของมนุษย์:

  1. เราเห็นทั้งหมดก่อนที่จะเห็นส่วนต่างๆ

  2. ทั้งหมดแตกต่างจากผลรวมของส่วนต่างๆ

  3. เราสร้างรูปแบบและการจัดกลุ่มตามสัญชาตญาณ

คิดว่าหลักการแรกคือความประทับใจแรกของผู้ชมที่มีต่อไซต์ของคุณ และข้อที่สองคือเส้นทางของผู้ชมผ่านหน้าของคุณ หลักการที่สามคือวิธีที่ผู้ชมของคุณประมวลผลหน้าโดยรวม จากนั้นสร้างการรับรู้ต่อไซต์ของคุณ

มีความหมายต่อคุณอย่างไร

การไหลของข้อความและภาพอย่างมีเหตุผลช่วยชี้นำผู้ชมของคุณผ่านไซต์ของคุณ ผู้ชมที่อ่านภาษาอังกฤษมักจะทำตามรูปแบบ Z-path (บนลงล่าง ซ้ายไปขวา) โดยอัตโนมัติเมื่อดูภาพและหน้าเว็บ ซึ่งเลียนแบบวิธีการสแกนเนื้อหาที่เขียน หากผู้ใช้เหล่านี้พบพาธ Z มากเกินไปในการออกแบบเพจของคุณ พวกเขามักจะหันไปใช้การ skimming หรือ glossing ในพื้นที่ที่ไม่โดดเด่น

หน้าที่มีการจัดวางอย่างดีสามารถแนะนำผู้ใช้ให้ออกจาก Z-path และกระตุ้นให้พวกเขามีส่วนร่วมกับองค์ประกอบเฉพาะ การจัดระเบียบองค์ประกอบของหน้าในลำดับชั้นของคอนเทนเนอร์อย่างมีสติสามารถช่วยกำหนดวิธีที่ผู้ชมโต้ตอบกับเนื้อหาของคุณได้

เมื่อคุณจัดวางไซต์ของคุณ สิ่งสำคัญคือต้องเว้นที่ว่างให้เนื้อหาของคุณหายใจ ซึ่งสามารถทำได้โดยการใช้พื้นที่สีขาวและรางน้ำ โปรดจำไว้ว่า การจัดวางที่รอบคอบเป็นกุญแจสำคัญในการช่วยให้ผู้ชมสำรวจไซต์ของคุณ

ข้อกำหนดเค้าโครงที่คุณควรทราบ

  • ครึ่งหน้าบน: ส่วนของหน้าเว็บที่มองเห็นได้ก่อนเลื่อนลงมา

  • สิ่งประดิษฐ์: กราฟิก วัตถุ หรือการตลาดอื่น ๆ ที่ไม่ได้เป็นส่วนหนึ่งของเนื้อหาที่เขียน
  • คอนเทนเนอร์: องค์ประกอบของหน้าที่เก็บเนื้อหาและให้โครงสร้างหน้า

  • Gutter: ช่องว่างระหว่างคอนเทนเนอร์บนหน้า

  • Grid: โครงสร้างของคอนเทนเนอร์ที่ประกอบเป็นเพจ

  • ตะแกรงเหล็กวาฟเฟิล: โครงสร้างมาตรฐานของตู้คอนเทนเนอร์ขนาดเท่ากันและอยู่ในตำแหน่งที่เท่ากัน (บางครั้งอาจมากหรือน้อยกว่านั้น) จำนวนเก้าตู้

  • ไฮเปอร์เฟรม/ระยะขอบ: พื้นที่รอบขอบของหน้า

  • Multiframe: พื้นที่รอบๆ เนื้อหาการออกแบบทั้งหมด (ไม่ใช่แค่หน้าเดียวของเนื้อหานั้น)

  • Rail: คอนเทนเนอร์แนวตั้งที่วิ่งไปทางขวาหรือซ้ายของเนื้อหา

  • ช่องว่างสีขาว: ช่องว่างระหว่างและรอบ ๆ ภาชนะที่ช่วยให้เนื้อหาหายใจ

เมื่อประเมินเลย์เอาต์ของเพจและเนื้อหาของคุณ ให้พิจารณาคำถามเหล่านี้:

  1. คุณจัดลำดับความสำคัญขององค์ประกอบของหน้าแบรนด์ของคุณอย่างไร มีลำดับชั้นโดยเจตนาในเลย์เอาต์ของคุณหรือไม่?

  2. ผู้ชมจะได้รับความประทับใจอะไรจากการจัดวางของคุณ? มันแสดงถึงความมั่นใจหรือความไม่มั่นคงหรือไม่?
  3. หน้ารกเกินไปหรือเปล่า? เบาบางเกินไป?
  4. เลย์เอาต์ของคุณนำทางสายตาผ่านหน้าได้อย่างไร มันมีประสิทธิภาพหรือไม่?

  5. หน้าของคุณเป็นไปตามรูปแบบการอ่าน Z-path หรือไม่ หรือนำผู้ชมไปยังมุมต่างๆ ของไซต์ของคุณหรือไม่

ใครกันแน่ที่ใช่

คอนเทนเนอร์ขนาดต่างๆ ที่วางไว้อย่างรอบคอบจะช่วยจัดลำดับความสำคัญของเนื้อหาในบล็อกของ Slack โดยไม่ทำให้ผู้อ่านต้องสะดุดหรือบังคับให้ต้องเลื่อนดู แบรนด์กำหนดหมวดหมู่เนื้อหาที่แตกต่างกันด้วยรูปแบบส่วนหัวมาตรฐาน แต่การกำหนดค่าคอนเทนเนอร์ที่แตกต่างกัน ซึ่งจุดประกายความสนใจด้วยภาพขณะส่งสัญญาณการเปลี่ยนแปลงเล็กน้อยในลักษณะของเนื้อหาที่ผู้อ่านกำลังดูอยู่

หย่อน

ใครต้องการงานบ้าง

การทำให้องค์ประกอบต่างๆ มีพื้นที่หายใจเป็นสิ่งสำคัญในการออกแบบหน้าเว็บ อย่างไรก็ตาม พื้นที่สีขาวมากเกินไปอาจทำให้ไซต์ของคุณดูเหมือนกำลังดำเนินการอยู่ เช่นเดียวกับหน้า Landing Page ของ PBS

พีบีเอส

อีกทางหนึ่ง Rolling Stone ทำผิดโดยทำให้หน้าเพจแน่น ตู้คอนเทนเนอร์มากเกินไปและการใช้พื้นที่รางมากเกินไปทำให้หน้านี้รู้สึกรกและไม่เป็นระเบียบ

โรลลิ่งสโตน

แสดงให้โลกเห็นว่าแบรนด์ของคุณยืนหยัดเพื่ออะไร

ตั้งแต่จานสีและการออกแบบตัวอักษรไปจนถึงภาพและเลย์เอาต์ เอกลักษณ์ทางภาพของแบรนด์ของคุณเป็นศูนย์กลางในการที่ผู้ชมจะรับรู้ โต้ตอบ และแบ่งปันเนื้อหาของคุณ เมื่อใช้แนวทางปฏิบัติที่ดีที่สุดและข้อมูลเชิงลึกที่นำเสนอในเนื้อหาเกี่ยวกับความเป็นผู้นำทางความคิดนี้ คุณจะสามารถเริ่มปรับแต่งเอกลักษณ์ทางภาพของคุณได้ อย่างไรก็ตาม พึงระลึกไว้เสมอว่าการสร้างอัตลักษณ์ทางภาพไม่ใช่แบบฝึกหัดเดียวและไม่ใช่กระบวนการที่ทำเสร็จแล้ว

สิ่งที่ใช้ได้ผลสำหรับแบรนด์เดียวอาจไม่ได้ผลสำหรับคุณ และสิ่งที่รู้สึกว่าเป็นตัวตนที่มองเห็นได้ชัดเจนในวันนี้อาจหมดไปในหนึ่งปีนับจากนี้ ไม่เพียงแต่การสร้างสมดุลระหว่างความสอดคล้องของแบรนด์และแนวทางปฏิบัติที่ดีที่สุดในการออกแบบเมื่อสร้างเอกลักษณ์ทางภาพของคุณเท่านั้น แต่คุณยังต้องการให้แน่ใจว่าตัวเลือกด้านสุนทรียภาพของคุณแสดงถึงภารกิจ ค่านิยม และวิสัยทัศน์ในปัจจุบันของคุณอย่างถูกต้อง

คุณเป็นผู้เชี่ยวชาญของแบรนด์ของคุณ และขึ้นอยู่กับคุณที่จะตรวจสอบให้แน่ใจว่าบุคลิกภาพของแบรนด์นั้นสอดคล้องกับทุกสิ่งที่คุณทำ ตั้งแต่การออกแบบเว็บไซต์ของคุณไปจนถึงแบบอักษรที่คุณใช้ในเนื้อหาของคุณ คุณจะต้องเลือกภาพที่แสดงถึงแบรนด์และผู้ชมของคุณ ดังสุภาษิตโบราณที่ว่า "การเห็นคือการเชื่อ" หากผู้ชมของคุณชอบสิ่งที่พวกเขาเห็นและรู้สึกได้ พวกเขามักจะสนับสนุนแบรนด์ของคุณและตั้งตารอที่จะทำอะไรต่อไป

ที่มาของภาพเด่น: Mahir Uysal บน Unsplash