วิชาการพิมพ์คืออะไร? สุดยอดคู่มือ

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

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

แบบอักษรหรือแบบอักษร: ความแตกต่างคืออะไร

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

แบบอักษร

แบบอักษรหมายถึงชุดคุณลักษณะสำหรับตัวอักษรและอักขระอื่นๆ แบบอักษรควบคุมคุณลักษณะทั่วไป เช่น การมีอยู่ (หรือไม่มี) serif

แบบอักษร

แบบอักษรคือชุดคุณลักษณะเฉพาะภายในกลุ่มแบบอักษร เช่น น้ำหนัก เฉียง ตัวเอียง และขนาด

ตัวอย่างเช่น:

• GT Haptik เป็นแบบอักษร

• GT Haptik แสงเฉียง 24 pt. เป็นแบบอักษร

• แสงหมายถึงน้ำหนัก เฉียงหมายถึงมุม และอันดับที่ 24 คือขนาด

การจำแนกประเภทแบบอักษร

แบบอักษรแรกสุดเรียกว่า Blackletter ซึ่งใช้โดย Johannes Gutenburg ในแท่นพิมพ์เครื่องแรกในปี ค.ศ. 1440 และกลายเป็นมาตรฐานอย่างรวดเร็ว แม้ว่าในศตวรรษต่อมา Nicolas Jenson ตระหนักดีว่ารูปแบบตัวอักษรที่เรียบง่ายและมีเส้นสายมากขึ้นจะส่งผลให้สามารถใส่ข้อความในหน้าเดียวได้มากขึ้น

ซึ่งจะส่งผลให้หนังสือสั้นลงพร้อมเวลาตั้งค่าที่เร็วขึ้น เขาสร้างแบบอักษรโรมันตัวแรกโดยใช้ตัวอักษร Blackletter และ Italian Humanist

การเปลี่ยนแปลงเหล่านี้เป็นหนึ่งในรูปแบบแรก ๆ ที่ทำกับแบบอักษรและทำให้งานศิลปะที่ยังคงเคลื่อนไหวอยู่เคลื่อนไหวในการทำเช่นนั้น

ส่วนนี้จะครอบคลุมการจำแนกประเภทแบบอักษรหลัก 4 ประเภท

• Serif
• Sans Serif
• สคริปต์
• โมโนสเปซ

Serif

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

Serif แบบเก่า (ศตวรรษที่ 15 ถึง 18)

เซอริฟแบบเก่าได้รับการพัฒนาโดยนักพิมพ์อักษรยุคฟื้นฟูศิลปวิทยาในศตวรรษที่ 15 พวกเขาแทนที่แบบอักษร Blackletter ซึ่งออกแบบด้วยลายมือเขียนด้วยลายมือ และรูปแบบตัวอักษรจำนวนมากยังคงมีอิทธิพลจากการขีดเขียนด้วยปากกา

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

ตัวอย่าง: Garamond. Goudy Bookletter 2454. ปาลาติโน

Serif เฉพาะกาล (ศตวรรษที่ 18)

เมื่อศตวรรษที่ 18 ก้าวหน้า แนวทางการพิมพ์ก็ได้รับการขัดเกลามากขึ้น แบบอักษรที่สร้างขึ้นในช่วงเวลานี้เรียกว่าเซอริฟเฉพาะกาล

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

ตัวอย่าง: Baskerville. ไทม์ นิว โรมัน.

โมเดิร์น serif (ปลายศตวรรษที่ 18)

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

ลักษณะต่างๆ ได้แก่ เซอริฟที่ตรงและแบนราบอย่างสมบูรณ์และมีความเครียดในแนวตั้งโดยสมบูรณ์ ความคมชัดยังสูงมากระหว่างจังหวะที่หนาและบาง

ตัวอย่าง: LTC Bodoni 175

Sans Serif

Sans มาจากรากศัพท์ภาษาฝรั่งเศส แปลว่า "ไม่มี" ดังนั้น sans serif จึงหมายถึง "ไม่มี serif" อย่างแท้จริง แบบอักษรเหล่านี้ถูกใช้ครั้งแรกในศตวรรษที่ 5 ก่อนคริสตกาล แต่แบบพิมพ์แรกที่พิมพ์ได้ในรูปแบบนี้ถูกสร้างขึ้นโดย William Caslon ในศตวรรษที่ 18 พวกเขาถูกมองว่าเป็นสไตล์ที่ไม่เป็นทางการในตอนแรก แต่รูปลักษณ์ที่สะอาด เรียบง่าย และทันสมัยได้เปลี่ยนฟอนต์ sans serif ให้เป็นเครื่องมืออเนกประสงค์ที่เหลือเชื่อ

พิลึก (ศตวรรษที่ 20)

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

ตัวอย่าง: Akzidenz-Grotesk

Neo Grotesque (ศตวรรษที่ 20)

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

ตัวอย่าง: Helvetica

นักมนุษยนิยม (ศตวรรษที่ 20)

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

ตัวอย่าง: เปิด Sans คันทาเรล.

สคริปต์

ฟอนต์สคริปต์นำเสนอความแหวกแนวและศิลปะด้วยสไตล์การออกแบบที่ได้รับแรงบันดาลใจจากการประดิษฐ์ตัวอักษรและดอกไม้ โดยทั่วไปจะปรากฏเป็นลายมือเลียนแบบ แปรงแชนเนล และลายเส้นปากกา ฟอนต์สคริปต์สามารถแบ่งออกเป็นสองหมวดหมู่ย่อย: สคริปต์ที่เป็นทางการและสคริปต์ทั่วไป

สคริปต์ที่เป็นทางการมักใช้รูปแบบตัวอักษรจากศตวรรษที่ 17 และ 18 ซึ่งมักจะเลียนแบบปากกาขนนกหรือปลายปากกา

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

โมโนสเปซ

แบบอักษรเหล่านี้เรียกอีกอย่างว่าแบบอักษรที่มีระยะพิทช์คงที่ ความกว้างคงที่ หรือไม่ใช่สัดส่วน ซึ่งเป็นแบบอักษรที่อักขระใช้พื้นที่ในแนวนอนเท่ากัน

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

ตัวอย่าง: Courier ใหม่

ฉันควรใช้อันไหน?

Serifs

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

Sans Serifs

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

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

สคริปต์

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

โมโนสเปซ

โปรแกรมเมอร์ต้องการแบบอักษร Monospaced เนื่องจากมีความชัดเจนที่เกี่ยวข้อง

การจับคู่แบบอักษร: วิธีค้นหาการจับคู่

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

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

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

ใช้ซุปเปอร์แฟมิลี่

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

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

ตัวอย่างเช่น Macklin ซึ่งออกแบบโดย Malou Verlomme และนำเสนอโดย Monotype Studio รวมถึง sans, slab, text และ display สิ่งนี้พิสูจน์ให้เห็นว่าซูเปอร์แฟมิลี่ที่มีโครงสร้างอย่างดีสามารถออกแบบนิตยสารหรือหนังสือพิมพ์ได้เพียงลำพัง

ตัวอย่างของโวหารที่รวมอยู่ในแบบอักษรบางแบบแสดงให้เห็นอย่างดีในแบบอักษรเช่น Aeonik ซึ่งเผยแพร่ผ่าน CoType ในปี 2018 Aeonik มีตุ้มน้ำหนักที่แตกต่างกัน 7 แบบ (อากาศ บาง กลาง ปกติ หนา และสีดำ) และทั้งหมดสามารถ ตัวเอียง นั่นหมายความว่า ด้วยแบบอักษรเดียว คุณมีบุคลิกที่แตกต่างกัน 14 แบบตามต้องการ

ใช้ลำดับชั้น

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

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

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

เราไม่ควรคิดว่า "โอ้ ว้าว ฟอนต์นี้เจ๋งจริงๆ" เมื่อเห็นตัวหนังสือ เว้นแต่พวกเขาจะเป็นพวกเนิร์ดด้านการพิมพ์ เนื้อหาควรเป็นแกนหลักของข้อความ

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

ตรงกันข้ามไม่ใช่การปะทะกัน

การจับคู่ฟอนต์เป็นเรื่องเกี่ยวกับการค้นหาลักษณะที่เสริมกันและกัน

จุดเริ่มต้นที่ง่ายเมื่อทดลองผสมฟอนต์คือการผสมฟอนต์ serif หนึ่งฟอนต์กับฟอนต์ sans serif หนึ่งฟอนต์ แม้ว่าการทดลองจะเป็นกุญแจสำคัญ แต่ก็มีแนวปฏิบัติที่พยายามและเป็นจริงอยู่บ้าง ตัวอย่างเช่น การใช้ sans serif สำหรับพาดหัวที่มี serif เป็นสำเนาเนื้อหา

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

ในทางกลับกัน sans serif ได้รับการพิจารณาว่าเหมาะสมกว่าสำหรับภูมิทัศน์ดิจิทัล โดยสามารถบริโภคบนหน้าจอได้ง่ายกว่าคู่หู serif

ใช้แบบอักษรที่มีความสูง x ใกล้เคียงกัน

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

หลีกเลี่ยงสคริปต์คู่

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

ฟอนต์สคริปต์สามารถกำหนดเป็นฟอนต์ที่เลียนแบบลายมือเขียนได้ ฟอนต์สคริปต์มีสองหมวดหมู่ย่อย: เป็นทางการและไม่เป็นทางการ

หลักการทั่วไปที่ดีคือการไม่รวมฟอนต์สคริปต์สองแบบเข้าด้วยกัน

เครื่องกำเนิดการจับคู่แบบอักษร

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

• Fontjoy.com
• Fontpair.com
• Typotheque.com

แบบอักษรที่ดีที่สุดสำหรับเว็บไซต์

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

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

Kerning

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

การติดตาม

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

น้ำหนักแบบอักษรมีส่วนทำให้อ่านง่ายอย่างไร

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

แบบอักษรของเว็บไซต์: Nix the serif?

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

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

แบบอักษรที่อ่านง่ายที่สุดสำหรับการออกแบบเว็บ

จอร์เจีย

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

Helvetica

Helvetica เป็นเกณฑ์มาตรฐานด้วยเหตุผล เป็นคลาสสิกที่ทันสมัยพร้อมความสามารถในการอ่านที่ไร้ที่ติและซูเปอร์แฟมิลี่ขนาดใหญ่ที่ใช้งานได้ มันเงา

ทรายดูด

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

Futura

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

มอนต์เซอร์รัต

มอนต์เซอร์รัตเป็นตัวเลือกที่ดีในการสร้างการออกแบบเว็บที่ดูเรียบง่ายและสะอาดตา มีอักขระที่มองเห็นได้ชัดเจนกว่า Helvetica หรือ Arial แต่ยังคงเป็นหนึ่งในแบบอักษรที่ง่ายที่สุดในการอ่าน

Times New Roman

พวกเราหลายคนมองว่า Times New Roman เป็นแบบอักษรเริ่มต้น สำหรับการพิมพ์และเอกสารทางเว็บ แม้ว่าจะมีความสูง x เล็กน้อย แต่ก็ยังเป็นหนึ่งในแบบอักษรที่อ่านง่าย

ทาโฮมา

ทาโฮมาเป็นนักมนุษยนิยม sans seif เช่นเดียวกับแบบอักษรอื่นๆ ในรายการนี้ แบบอักษรนี้สร้างขึ้นเพื่อการช่วยสำหรับการเข้าถึงบนหน้าจอ อันที่จริง Tahoma เป็นฟอนต์เริ่มต้นใน Windows 2000 และ XP ทั้งหมด จุดแข็งของมันคือแบบอักษรเมนูและอินเทอร์เฟซ

เปิด Sans

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

ลำดับชั้นการพิมพ์

ลำดับชั้นของ Typographic คืออะไร?

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

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

แบบอักษรของแบรนด์: การเลือกแบบอักษรที่เหมาะกับธุรกิจของคุณ

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

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

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

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

Massimo Vignelli ตั้งชื่อฟอนต์ทั้งห้าของเขาอย่างชัดเจน: Futura, Helvetica, Times New Roman, Bodoni และ Century

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

แบบอักษรยอดนิยมสำหรับการออกแบบโลโก้

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

ITC Avant-garde Gothic

Avant-Garde Gothic เป็นฟอนต์ sans-serif ทรงเรขาคณิตที่ออกแบบโดย Herb Lubalin และ Tom Carnase มันถูกใช้ในนิตยสาร Avant-Garde ซึ่งเริ่มตั้งแต่มกราคม 2511 ถึงกรกฎาคม 2514 นับแต่นั้นมา ก็ได้ค้นพบหนทางสู่การออกแบบละครของบริษัทต่างๆ นับไม่ถ้วน

แบรนด์ที่ใช้:

• Adidas
• Bloomingdale's
• Macy's
• มือถือ
• นูเทลล่า
• Billabong
• ธาตุ

Futura

ซานเซอริฟเรขาคณิตอีกตัวที่บุกเข้าไปในพงศาวดารของประวัติศาสตร์เครื่องหมายคำคือ Futura เดิมทีได้รับการออกแบบเพื่อสนับสนุนโครงการ New Frankfort Bauer Type Foundry ได้พัฒนาในปีพ. นี่คือบางธุรกิจที่เห็นด้วย!

แบรนด์ที่ใช้:

• BestBuy
• โดมิโน
• เฟดเอ็กซ์
• GoFundMe
• Nike

Helvetica

Helvetica ได้รับการออกแบบโดย Max Miedinger และเผยแพร่โดย Linotype ในปี 1957 มันถูกเรียกว่า "sans มาตรฐาน" และถือเป็นแก่นของการออกแบบกราฟิกที่เหนือกาลเวลา ในช่วงหลายปีที่ผ่านมา มีการพัฒนารูปแบบต่างๆ มากมาย รวมถึงน้ำหนัก ความกว้าง และขนาดต่างๆ ความเรียบง่ายทางเรขาคณิตที่แน่นหนาทำให้เป็นหนึ่งในแบบอักษรที่ดีที่สุดสำหรับโลโก้ แบรนด์นับไม่ถ้วนพึ่งพาความฉับไวของเฮลเวติกา

แบรนด์ที่ใช้:

• อเมริกัน แอพพาเรล
• รถจี๊ป
• LG
• Panasonic
• เป้า

แบบอักษรที่แย่ที่สุด: สิ่งที่ควรหลีกเลี่ยงในแบบอักษร

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

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

นี่เป็นเพียงแบบอักษรไม่กี่แบบที่ง่ายต่อการไม่ชอบที่นักออกแบบทุกคนควรหลีกเลี่ยง:

Curlz

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

มันช่างแปลก ฉูดฉาด และหน้าด้าน รักมัน. แต่ในโอกาสที่คุณต้องการได้รับการพิจารณาอย่างจริงจัง คุณควรต่อต้านสิ่งล่อใจที่จะปิดบังข้อความของคุณในแบบอักษรนี้ พัฒนาโดย Carl Crossgrove และ Steve Mattison สำหรับ Agfa Monotype การอ้างสิทธิ์เพียงผู้เดียวของ Curlz คือสถานะในฐานะรองชนะเลิศอันดับที่น่าจะพบมากที่สุดในหมวด A Dr. Suess Book ของงานประกาศรางวัลที่ฉันสร้างขึ้น ต่อไป.

ผลกระทบ

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

นี่อาจไม่ใช่บริษัทที่คุณต้องการรักษาไว้เพื่อพัฒนาเอกลักษณ์ของแบรนด์ มีแบบอักษรมากมายที่ทำในสิ่งที่คุณ คิดว่า Impact กำลังทำ — ดีกว่าเท่านั้น

การ์ตูน Sans

แบบอักษรนี้ถูกเย้ยหยันมานานแล้วสำหรับท่าทางที่ไร้เดียงสาและขี้เล่น เราเย้ยหยันรูปร่างหน้าตาที่เกะกะและล้าสมัยของมัน และความสามารถในการเรียกความคลั่งไคล้ของผู้ใช้ในทันที

เช่นเดียวกับแบบอักษร sans serif หลายๆ แบบ Comic Sans มีจังหวะที่ค่อนข้างสม่ำเสมอ นี่เป็นเพราะรูปแบบตัวอักษรที่ไม่มีการดัดแปลง ซึ่งหมายความว่ามีความคมชัดเพียงเล็กน้อยหรือไม่มีเลยในความหนาของตัวอักษร อย่างไรก็ตาม ไม่เหมือนกับ sans serif ที่ไม่ได้รับการปรับแต่งอื่นๆ เช่น Ariel หรือ Helvetica Comic Sans ไม่ได้คำนึงถึงความหนาที่เพิ่มขึ้นที่จุดเชื่อมต่อของก้านและไหล่ สิ่งนี้นำไปสู่อักขระที่ไม่สม่ำเสมอและก่อให้เกิดปัญหาความอ่านง่าย