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

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

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

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

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

• ประเมินแบรนด์ตามชุดสีที่ใช้เป็นหลัก

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

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

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

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

ที่มารูปภาพ: Anthony Rosset ที่ Unsplash

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

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

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

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

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 พบว่าผู้ชมมีแนวโน้มที่จะจดจำและมีส่วนร่วมกับรายการที่โดดเด่นอย่างมากจากสิ่งรอบตัว หรือที่เรียกว่าเอฟเฟกต์การแยก หลักการนี้พิสูจน์ว่าตำแหน่งและคอนทราสต์ของสีมีความสำคัญพอๆ กับตัวสี

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

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

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

คำศัพท์เกี่ยวกับสีที่คุณควรรู้

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

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

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

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

• Palette/scheme: การเลือกสีที่เข้ากัน

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

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; สไตล์ serif ที่เก่าแก่ที่สุด

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

• เฉพาะกาล

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

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

  • ย้อนกลับไป: ถึงปี 1700

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

• นีโอคลาสสิก/โมเดิร์น

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

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

  • ย้อนกลับไป: ถึงปี 1700

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

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

• พิลึก:

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

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

  • ย้อนกลับไป: ถึงปี 1700

  • คุณสมบัติ: ผู้มีอำนาจความกล้าหาญ

• นีโอพิสดาร:

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

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

  • ย้อนกลับไป: ถึงปี 1900

  • คุณสมบัติ: ตรงไปตรงมา แม่นยำ สะอาด เป็นพื้นฐาน

    

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

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

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

  • ย้อนกลับไป: ถึงปี 1400

  • คุณสมบัติ: นุ่มนวลตรงไปตรงมา

• เรขาคณิต:

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

  • โดดเด่นด้วย: รูปทรงเรขาคณิต โดยเฉพาะในตัวอักษรรูปตัวโอ

  • ย้อนกลับไป: ถึงปี 1900

  • คุณสมบัติ : ทันสมัย ​​สะอาด แต่ขี้เล่น เพียบพร้อม

มันหมายถึงอะไรสำหรับคุณ

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

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

คำศัพท์เกี่ยวกับวิชาการพิมพ์ที่คุณควรทราบ

• S erif: ฟุตของตัวอักษร ซึ่งสามารถปัดเศษหรือยกกำลังสองได้
• Sans serif: แบบอักษรที่มีตัวอักษรไม่มีขา
• Typeface: กลุ่มรูปแบบที่มีลักษณะพื้นฐานคล้ายคลึงกัน
• เส้นขีด: เส้นภายในตัวอักษร ไม่รวม serif
• น้ำหนักแบบอักษร: ความหนาของเส้นขีดภายในแบบอักษร
• Ascender: เส้นขีดใดๆ ที่อยู่เหนือเส้นมัธยฐาน เช่น ครึ่งบนของตัวอักษร l, h และ f
• Baseline: เส้นแนวนอนที่ลากไปตามด้านล่างของตัวอักษร
• ความสูงของฝา: ความสูงของตัวอักษรจากเส้นฐานถึงด้านบนของตัวเลื่อน
• Descender: เส้นขีดใดๆ ที่อยู่ต่ำกว่าเส้นฐาน เช่น ครึ่งล่างของตัวอักษร p, q และ y
• เส้นมัธยฐาน: เส้น แนวนอนที่วิ่งไปตามด้านบนของตัวพิมพ์เล็ก
• การจัด ช่องไฟ: กระบวนการปรับระยะห่างระหว่างตัวอักษรแต่ละตัวในคำด้วยตนเองเพื่อให้อ่านง่ายและมีสไตล์
• ชั้นนำ: กระบวนการปรับช่องว่างระหว่างบรรทัด
• การ ติดตาม: กระบวนการปรับระยะห่างระหว่างตัวอักษรทั้งหมดในคำด้วยตนเองเพื่อให้อ่านง่ายและมีสไตล์
• ลำดับชั้นในการ พิมพ์: วิธีจัดลำดับความสำคัญของข้อความในหน้าของคุณเพื่อเน้นความสำคัญ
• 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 พบว่าภาพที่เกี่ยวข้องกับการบริการมีผลในเชิงบวกโดยตรงต่อการสร้างความภักดีของลูกค้า ในขณะที่ความภักดีที่สร้างขึ้นโดยภาพที่เกี่ยวข้องกับสินค้านั้นขึ้นอยู่กับความพึงพอใจของลูกค้าที่มีต่อภาพนั้น การศึกษานี้แสดงให้เห็นว่าภาพของคุณไม่ใช่ส่วนเสริมของข้อความและผลิตภัณฑ์ของคุณ แต่เป็นอีกวิธีหนึ่งในการสื่อสารและโต้ตอบกับผู้ชมของคุณ หากใช้อย่างถูกต้อง รูปภาพสามารถช่วยให้คุณได้รับธุรกิจเริ่มต้นและความภักดีในระยะยาว

มันหมายถึงอะไรสำหรับคุณ

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

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

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

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

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

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

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

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

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

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

• ระยะ ขอบ: ช่องว่างรอบขอบของภาพ

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

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

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

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

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

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

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

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

5. จินตนาการของคุณแสดงถึงใคร?

ใครทำให้ถูกต้อง

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

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

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

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

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

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

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

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

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

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

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

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

มันหมายถึงอะไรสำหรับคุณ

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

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

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

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

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

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

• คอนเทนเนอร์: องค์ประกอบของเพจที่เก็บเนื้อหาและกำหนดโครงสร้างเพจ

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

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

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

• Hyperframe/margin: พื้นที่รอบขอบของหน้า

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

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

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

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

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

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

4. เลย์เอาต์ของคุณนำทางผ่านหน้าอย่างไร มันมีประสิทธิภาพ?

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

ใครทำให้ถูกต้อง

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

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

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

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

แสดงให้โลกรู้ว่าแบรนด์ของคุณมีจุดยืนอย่างไร

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

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

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

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