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

น้ำหนักตัวอักษรคืออะไร

ความสามารถในการอ่านแบบอักษร

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

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

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

ตัวอย่างที่ 1:ข้อความอ่านไม่ค่อยได้

ตัวอย่างที่ 2:ข้อความอ่านได้ดี

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

คุณยังสามารถดูไฟล์เก็บถาวรการพิมพ์อิสระ http://fontsinuse.com/ ซึ่งเป็นแหล่งข้อมูลที่รวบรวมและจัดเรียงตัวอย่างเว็บไซต์และสิ่งตีพิมพ์ตามประเภทของแบบอักษรที่ใช้

เกี่ยวกับหลักการพื้นฐานของการทำงานกับการพิมพ์

ไปที่บุ๊กมาร์ก

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

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

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

กำหนดเป้าหมายของคุณ

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

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

เลือกแบบอักษรที่ตรงกับสไตล์ภาพประกอบของคุณ

หากคุณกำลังสร้างการออกแบบหน้า Landing Page ที่รูปภาพมีบทบาทสำคัญ ให้เลือกแบบอักษรที่จะไม่หันเหความสนใจไปจากภาพประกอบ ในกรณีนี้ แบบอักษรทำหน้าที่เป็นวิธีการเน้นข้อมูลสำคัญที่มีความหมายหลัก

หากรูปภาพเป็นองค์ประกอบหลักในการออกแบบของคุณ ให้ใช้แบบอักษรธรรมดาเพื่อเน้นภาพประกอบ

กำหนดผู้ชมของคุณ

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

ตัวอย่างเช่น แบบอักษรบางแบบเหมาะสำหรับเด็กมากกว่า เนื่องจากพวกเขาเพิ่งหัดอ่าน แบบอักษรที่อ่านง่ายพร้อมตัวอักษรขนาดใหญ่และอ่านง่ายจึงเหมาะที่สุดสำหรับพวกเขา ตัวอย่างที่ดีของแบบอักษรดังกล่าวคือ Sassoon Primary สร้างขึ้นโดย Rosemary Sassoon จากการวิจัยของเธอเองว่าตัวอักษรชนิดใดที่เด็กอ่านง่ายที่สุด

ประถมศึกษาซาสซูน

แบบอักษรอื่นๆ จะเหมาะกับเด็กโตมากกว่า ในแบบอักษรดังกล่าว ตัวอักษรจะมีขนาดเหมาะสม สีตัดกัน และไม่มีรูปแบบการเขียนด้วยลายมือหรือการตกแต่ง

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

มองหาแรงบันดาลใจ

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

ไอเดียแบบอักษร

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

แหล่งไอเดียที่เป็นประโยชน์อีกแหล่งหนึ่งคือคอลเลกชั่นแบบอักษรฟรีที่ยิ่งใหญ่ที่สุด 100 อันดับประจำปี 2015 จาก Awwwards นอกจากนี้ Invision เพิ่งเผยแพร่รายการทรัพยากรด้านการพิมพ์จำนวนมาก มีแหล่งความคิดมากมายที่นั่น

หากต้องการดูว่าแนวคิดมีลักษณะอย่างไรบนเว็บไซต์จริง โปรดดูที่ Typ.io ประกอบด้วยตัวอย่างแบบอักษรจากทั่วอินเทอร์เน็ต นอกจากนี้ ที่ด้านล่างของตัวอย่างแบบอักษรแต่ละตัวอย่างจะมีคำอธิบายใน CSS

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

แนวคิดสำหรับการรวมกัน

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

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

เลือกแบบอักษรของคุณ

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

ก่อนที่จะเลือกแบบอักษร ให้ค้นหาสาเหตุที่สร้างแบบอักษรนั้นขึ้นมา

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

การรวมกันของสองแบบอักษรที่ตัดกัน

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

สำหรับแบบอักษรบนเว็บ Google Fonts, Typekit และ Font Squirrel เป็นตัวเลือกที่ดี Google Fonts เป็นบริการฟรี ส่วน Typekit และ Font Squirrel มีทั้งแบบอักษรฟรีและมีค่าใช้จ่าย

กำหนดขนาดตัวอักษร

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

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

อัตราส่วนทองคำ (1:1.618)

1.000 x 1.618 = 1.618

1.618 x 1.618 = 2.618

2.618 x 1.618 = 4.236

4.236 x 1.618 = 6.854

6.854 x 1.618 = 11.089​

อัตราส่วนของคุณอาจสูงเกินไป ตัวอย่างเช่น ช่วงเวลาสุดท้ายจะมีลักษณะตามมาตราส่วนของเราตามอัตราส่วนทองคำ:

​อัตราส่วนทองคำ (1:1.618)

11.089 x 1.618 = 17.942

17.942 x 1.618 = 29.03

29.030 x 1.618 = 46.971

46.971 x 1.618 = 75.999

75.999 x 1.618 = 122.966

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

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

ควรใช้แบบอักษรจำนวนเท่าใดในการออกแบบ?

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

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

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

วิธีเลือกแบบอักษรพื้นฐาน

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

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

วิธีเลือกแบบอักษรสำหรับพาดหัวข่าว

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

ตัวอย่างนี้ใช้การรวมกันของแบบอักษร ฟิร่าแซนส์และ เมอร์ริเวเธอร์.

ตัวเลือกที่ 1: ทางเลือกที่ปลอดภัย

แบบอักษรจำนวนมากถูกสร้างขึ้นในสองเวอร์ชัน - sans serif และ serif ตัวอย่างเช่น แบบอักษร Scala Sans และ Scala Serif, Meta และ Meta Serif, Droid Sans และ Droid Serif แบบอักษรเหล่านี้สามารถใช้คู่กันได้โดยไม่ต้องกลัว เนื่องจากรูปร่างของตัวอักษรใน sans และ serif เกือบจะเหมือนกัน แต่ในขณะเดียวกันก็ตัดกันค่อนข้างดี สำหรับนักออกแบบที่ไม่มั่นใจในความสามารถในการเลือกแบบอักษรได้อย่างถูกต้อง วิธีที่ดีที่สุดคือใช้วิธีนี้เนื่องจากเป็นวิธีที่ปลอดภัยที่สุด

การผสมผสานแบบอักษร ดรอยด์แซนส์และ ดรอยด์เซอริฟ

ตัวเลือกที่ 2: เล่นกับคอนทราสต์

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

ตัวอย่างเช่น แบบอักษร Noto Serif มีโครงร่างตัวอักษรที่เรียบเนียน สว่างและอ่านง่าย ในขณะเดียวกันก็มีความหมายมากและหากคำนี้สามารถนำไปใช้กับแบบอักษรได้ก็เป็นมิตร แบบอักษรใดดีที่สุดที่จะจับคู่กับมัน? วิธีที่ดีที่สุดคือเลือกแบบอักษร sans-serif ที่มีลักษณะคล้ายกัน นั่นคือฟอนต์ส่วนตัวควรมีสัดส่วนใกล้เคียงกัน และโครงร่างของฟอนต์ควรสะท้อนโครงร่างของฟอนต์หลัก Questa Sans จะดูดีมากเมื่อจับคู่กับ Noto Serif - มันค่อนข้างแสดงออกและทันสมัย ​​และตัดกันได้ดีกับแบบอักษร serif

การผสมผสานแบบอักษร โนโตะ เซริฟและ เควสต้า แซนส์

ตัวเลือกที่ 3: เพิ่มความคมชัด

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

การใช้แบบอักษรที่แตกต่างกันร่วมกันเหมาะที่สุดในหน้า Landing Page เว็บไซต์นามบัตร เมื่อสร้างแบนเนอร์ ฯลฯ

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

การผสมผสานแบบอักษร ห้องโดยสารและ บูนาร์ด

บทสรุป

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

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

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

10 อันดับฟอนต์ที่ดีที่สุดและใช้มากที่สุด

แบบอักษรทั้งหมดด้านล่างถือเป็นแบบอักษรพื้นฐาน ดังนั้นจึงสามารถใช้บนไซต์ได้โดยไม่ต้องอัปโหลดไฟล์แบบอักษร (*.ttf) ไปยังไดเร็กทอรีด้วยไซต์

1. ทาโฮมา

2. เวอร์ดานา

3. Arial/Arial Black/Arial แคบ

4. ไทม์ส นิวโรมัน

5. Palatino Linotype / ปาลาติโน

6. ผลกระทบ

7. ศตวรรษกอธิค

8. เฮลเวติกา

9. จอร์เจีย

10. กิล แซนส์ เอ็มที

นอกจากนี้:

11. เคอรี่ ใหม่

12. คาลิบรี

13. เทรบูเช็ต เอ็มเอส

14. ลูซิดา แซนส์ ยูนิโค้ด

กฎหลายประการสำหรับการใช้แบบอักษรบนไซต์

1. พื้นฐานของข้อความที่อ่านได้คือส่วนหัว พวกเขาทำหน้าที่เป็นบีคอนชนิดหนึ่งที่ช่วยให้ผู้อ่านมุ่งเน้นไปที่ส่วนหรือข้อความที่ต้องการโดยไม่ทำให้เขารำคาญกับการไหลของข้อมูลทั่วไป พยายามเน้นคำหลักด้วย!

หัวเรื่อง

ย่อหน้าแรก

ที่สองย่อหน้า

2. ไซต์ควรมีแนวคิดทั่วไป ดังนั้นพยายามใช้แบบอักษรไม่เกิน 2-3 ตัวต่อไซต์ ด้านล่างนี้คือโค้ด CSS

เนื้อความ (แบบอักษร: 14px/100% Tahoma, Verdana, sans-serif)
14pxขนาดตัวอักษร, 100% ช่องว่างระหว่างบรรทัด ทาโฮมาแบบอักษรที่ใช้
3. ข้อความหลังการออกแบบต้องสามารถอ่านได้ - รักษาคอนทราสต์ (ข้อความสีดำบนพื้นหลังสีขาว สีขาวบนสีน้ำเงิน ฯลฯ) พยายามอย่าใช้สีสว่างสำหรับสิ่งใดสิ่งหนึ่ง มีข้อยกเว้น แต่ไม่อยู่ภายใต้หลักปฏิบัติมาตรฐาน

4. เมื่อออกแบบข้อความ พยายามอย่าใช้สีเกิน 2-3 สี โปรดทราบว่าการออกแบบที่ดีที่สุดจะต้องมี 2-3 สีเท่านั้น ไม่มีอีกต่อไป ปฏิบัติตามกฎนี้และคุณ

5. ข้อความจะต้องอ่านได้! ลองใช้ย่อหน้าและเยื้องย่อหน้าย่อยหรือข้อมูลอ้างอิง

ข้อความของย่อหน้าแรก ยาวและน่าสนใจ

แต่ข้อความของย่อหน้าที่สองจะไม่รวมกับข้อความที่สองเนื่องจากจะมีการเยื้องระหว่างข้อความเหล่านั้น

ขอขอบคุณสำหรับความสนใจของคุณ! และขอให้โชคดีในการพัฒนาการออกแบบโครงการ!)

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

1. รวมแบบอักษร serif เข้ากับแบบอักษร sans serif (sans serif และ serif)

เทคนิคการพิมพ์ที่ได้รับความนิยมมากที่สุดคือการตั้งชื่อเป็นแบบอักษร sans-serif และข้อความเป็นแบบอักษร serif นี่เป็นการผสมผสานแบบคลาสสิกและแทบจะเป็นไปไม่ได้เลยที่จะผิดพลาด
ตัวอย่างด้านล่างแสดงเค้าโครงบทความทั่วไปโดยใช้ การค้า Gothic Bold No.2และในข้อความ - เบลล์กอธิค- แบบอักษรทั้งสองเป็นแบบซานเซอริฟ แต่มีบุคลิกที่แตกต่างกันมาก กฎที่ดีเมื่อสร้างเลย์เอาต์คืออย่าดึงดูดความสนใจของผู้อ่านไปที่แบบอักษรมากเกินไป การค้าแบบกอธิคหมายถึงความจริงจังและ เบลล์กอธิคในทางตรงกันข้าม – พลวัตและการแสดงออก

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

2. หลีกเลี่ยงแบบอักษรประเภทเดียวกัน

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

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

3. มอบบทบาทที่แตกต่างกันให้กับแบบอักษร

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

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

4. น้ำหนักตัวอักษรที่ตัดกัน

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

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

5. สร้างโทนสีข้อความที่แตกต่างกันบนหน้า

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

การใช้โทนข้อความอย่างชาญฉลาดช่วยเสริมลำดับชั้นของภาพบนเพจ ซึ่งเกี่ยวข้องโดยตรงกับการถ่ายทอดความหมายของข้อความ

6. อย่าผสมอารมณ์แบบอักษร

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

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

7. ผสมผสานความสว่างเข้ากับสีกลาง

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

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

8. หลีกเลี่ยงการรวมกันที่เข้ากันไม่ได้

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

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

9. ทำให้มันเรียบง่าย - อย่าใช้แบบอักษรมากกว่าสองแบบ

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

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

10. ใช้ขนาดตัวอักษรที่แตกต่างกัน

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

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

ในที่สุด

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

(แปลโดย Victoria Shidlovskaya ของบทความจาก Smashing Magazine (เรียบเรียงโดยผู้เขียน)