วิธีการตัดสินใจเลือกครอบครัวแบบอักษรที่จะใช้
ดูที่หน้าเว็บออนไลน์วันนี้โดยไม่คำนึงถึงขนาดของไซต์หรืออุตสาหกรรมที่มีอยู่และคุณจะเห็นได้ว่าสิ่งหนึ่งที่ทุกคนมีส่วนร่วมกันคือเนื้อหาข้อความ
หนึ่งในวิธีที่ง่ายที่สุดในการ ออกแบบ หน้าเว็บคือแบบอักษรที่คุณใช้สำหรับเนื้อหาข้อความในไซต์นั้น แต่น่าเสียดายที่นักออกแบบเว็บจำนวนมากที่เริ่มต้นอาชีพของพวกเขาไปบิตบ้าโดยใช้แบบอักษรมากเกินไปในแต่ละหน้า นี้สามารถทำให้ประสบการณ์การ muddied ที่ดูเหมือนจะขาดความสามัคคีในการออกแบบ ในกรณีอื่น ๆ นักออกแบบพยายามทดลองใช้แบบอักษรที่แทบจะไม่สามารถอ่านได้โดยใช้เพียงเพราะ "เย็น" หรือแตกต่างกันจริงๆแล้วอาจเป็นแบบอักษรที่ดูดี แต่ถ้าข้อความที่พวกเขาต้องการสื่อออกมาไม่สามารถอ่านได้ "ความเย็น" ของแบบอักษรดังกล่าวจะสึกหรอเมื่อไม่มีใครอ่านเว็บไซต์นั้นและแทนที่จะออกจากไซต์ที่สามารถประมวลผลได้!
บทความนี้จะดูที่บางรายการที่คุณควรพิจารณาเมื่อคุณเลือกครอบครัวแบบอักษรสำหรับโครงการเว็บไซต์ต่อไปของคุณ
บางกฎแห่งความอ้วน
- อย่าใช้แบบอักษรมากกว่า 3-4 แบบในหน้าใดหน้าหนึ่ง อะไรมากไปกว่านี้เริ่มที่จะรู้สึกมือสมัครเล่น - และแม้กระทั่ง 4 แบบอักษรอาจจะมากเกินไปในบางกรณี!
- อย่า เปลี่ยนแบบอักษร ในประโยคกลางเว้นเสียแต่ว่าคุณมีเหตุผลที่ดีมาก (หมายเหตุ - ฉันไม่เคยเป็นนักออกแบบเว็บไซต์มาตลอดหลายปีที่ผ่านมาเพราะเป็นเหตุผลที่ดีในการทำเช่นนี้)
- ใช้แบบอักษร sans serif หรือแบบอักษร serif สำหรับข้อความเนื้อหาเพื่อให้บล็อกเนื้อหาเหล่านี้ง่ายต่อการอ่าน
- ใช้แบบอักษร monospace สำหรับข้อความเครื่องพิมพ์ดีดและการบล็อกโค้ดเพื่อตั้งรหัสนั้นนอกเหนือจากเพจ
- ใช้แบบอักษรสคริปต์และจินตนาการสำหรับสำเนียงหรือพาดหัวขนาดใหญ่ที่มีคำไม่กี่คำ
โปรดจำไว้ว่านี่เป็นคำแนะนำทั้งหมดไม่ใช่กฎที่ยากและรวดเร็ว ถ้าคุณกำลังจะทำอะไรบางอย่างที่แตกต่างกันอย่างไรก็ตามคุณควรทำด้วยความตั้งใจไม่ใช่โดยบังเอิญ
SANS SERIF FONTS เป็นเกณฑ์ในเว็บไซต์ของคุณ
แบบอักษร Sans serif คือ แบบอักษร เหล่านั้นที่ไม่มี " serifs " - การออกแบบที่เพิ่มขึ้นเล็กน้อยในส่วนท้ายของตัวอักษร
หากคุณเคยเรียนหลักสูตรการออกแบบสิ่งพิมพ์ใด ๆ ที่คุณอาจได้รับแจ้งว่าคุณควรใช้แบบอักษร serif สำหรับหัวข้อเท่านั้น นี่ไม่ได้เป็นความจริงสำหรับเว็บ เว็บเพจมีจุดมุ่งหมายเพื่อให้ดูได้ โดยเว็บเบราเซอร์ บนจอภาพคอมพิวเตอร์และจอภาพในปัจจุบันค่อนข้างดีในการแสดงทั้ง serif และ sans-serif font อย่างชัดเจน แบบอักษร serif บางแบบอาจกลายเป็นความท้าทายเล็กน้อยในการอ่านในขนาดที่เล็กลงโดยเฉพาะในส่วนแสดงผลที่เก่ากว่าดังนั้นคุณจึงควรตระหนักถึงผู้ชมของคุณและตรวจสอบให้แน่ใจว่าพวกเขาสามารถอ่านแบบอักษร serif ก่อนที่คุณจะตัดสินใจใช้เนื้อหาเหล่านี้ ที่ถูกกล่าวว่าส่วนใหญ่แบบอักษร serif วันนี้ได้รับการออกแบบสำหรับการบริโภคแบบดิจิตอลและพวกเขาจะทำงานได้ดีเป็นสำเนาร่างกายตราบเท่าที่พวกเขาจะกำหนดขนาดตัวอักษรที่เหมาะสม
ตัวอย่างของแบบอักษร sans-serif คือ
- Arial
- เหล้ายิน
- Helvetica
- Lucida Sans
- Trebuchet
- Verdana
เรื่องเล็กน้อย: Verdana เป็นตระกูลแบบอักษรที่ถูกคิดค้นเพื่อ ใช้งานบนเว็บ
ใช้ FINE SERIF สำหรับพิมพ์
ในขณะที่แบบอักษรแบบ serif สามารถอ่านออนไลน์สำหรับการแสดงผลแบบเก่า ๆ ได้ซึ่งเหมาะสำหรับการพิมพ์และเหมาะสำหรับหัวข้อข่าวบนหน้าเว็บ หากคุณมีเว็บไซต์เวอร์ชันที่ พิมพ์ออกมาเป็นมิตร นี่เป็นสถานที่เหมาะสำหรับการใช้แบบอักษร serif การพิมพ์อักษรทรายในรูปแบบทำให้การอ่านง่ายขึ้นเนื่องจากช่วยให้ผู้ใช้สามารถแยกแยะตัวอักษรได้ชัดเจนมากขึ้น และเนื่องจากการพิมพ์มีความละเอียดสูงกว่าจึงสามารถมองเห็นได้ชัดเจนและไม่ทำให้ภาพเบลอกัน
แนวทางปฏิบัติที่ดีที่สุด: พิจารณาใช้แบบอักษร serif สำหรับหน้าพิมพ์ที่เป็นมิตรของคุณ
- Garamond
- จอร์เจีย
- ไทม์ส
- Times New Roman
พยัญชนะ MONOSPACE ใช้พื้นที่ว่างเท่ากันสำหรับจดหมายแต่ละเล่ม
แม้ว่าเว็บไซต์ของคุณไม่เกี่ยวกับการใช้คอมพิวเตอร์คุณสามารถใช้ monospace เพื่อให้คำแนะนำตัวอย่างหรือพูดข้อความที่พิมพ์ดีด อักษร Monospace มีความกว้างเท่ากันสำหรับแต่ละอักขระดังนั้นพวกเขาจึงใช้พื้นที่ในหน้าเดียวกันเสมอ
เครื่องพิมพ์ดีดมักใช้แบบอักษร monospace และใช้พวกเขาในหน้าเว็บของคุณเพื่อให้คุณรู้สึกถึงเนื้อหาที่เขียนขึ้นใหม่
ตัวอย่างของแบบอักษร monospace คือ:
- Courier
- Courier New
- Lucida Console
- โมนาโก
การปฏิบัติที่ดีที่สุด: แบบอักษร Monospace ทำงานได้ดีสำหรับตัวอย่างโค้ด
FANTASY และ SCRIPT FONTS ยากที่จะอ่าน
แบบอักษรแฟนตาซีและสคริปต์ไม่กว้างเท่ากันในคอมพิวเตอร์และโดยทั่วไปอาจเป็นเรื่องยากที่จะอ่านในส่วนที่มีขนาดใหญ่ แม้ว่าคุณอาจชอบผลบันทึกประจำวันหรือบันทึกส่วนตัวที่ใช้แบบอักษรแบบฟูมฟักอาจทำให้ผู้อ่านของคุณอาจมีปัญหา โดยเฉพาะอย่างยิ่งหากผู้ชมของคุณมีผู้ที่ไม่ใช่เจ้าของภาษา นอกจากนี้แบบอักษรแบบแฟนตาซีและอักษรตัวใหญ่ไม่รวมถึงอักขระเน้นเสียงหรืออักขระพิเศษอื่น ๆ ที่ จำกัด ข้อความเป็นภาษาอังกฤษ
ใช้แบบอักษรจินตนาการและแบบอักษรที่ใช้ในรูปแบบภาพและเป็นหัวเรื่องหรือข้อความเรียกลึก ๆ เก็บไว้ให้สั้นและทราบว่าแบบอักษรที่คุณเลือกอาจไม่ได้อยู่ในคอมพิวเตอร์ส่วนใหญ่ของผู้อ่านดังนั้นคุณจะต้องส่งมอบ แบบอักษรเว็บ เหล่านี้
ตัวอย่างของแบบอักษรจินตนาการคือ:
- แผ่นทองแดง
- Desdemona
- ส่งผลกระทบ
- Kino
เรื่องเล็กน้อย: ผลกระทบคือตระกูลแบบอักษรที่น่าจะอยู่บนเครื่อง Mac, Windows และ Unix
ตัวอย่างของแบบอักษรสคริปต์ ได้แก่
- Apple Chancery
- Comic Sans MS
- Lucida Handwriting
เรื่องเล็กน้อย: การศึกษาพบว่าแบบอักษรที่อ่านได้ยากจะช่วยให้นักเรียนสามารถเก็บรักษาข้อมูลได้มากขึ้น
บทความต้นฉบับโดย Jennifer Krynin แก้ไขโดย Jeremy Girard เมื่อวันที่ 9/8/17