แบบอักษรที่อ่านได้ ฟอนต์ไหนดีกว่ากัน

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

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

จำกฎนี้ไว้: แบบอักษรที่อ่านได้ดีที่สุดบนกระดาษคือแบบอักษรเซอริฟ และแบบอักษรที่อ่านได้ดีที่สุดบนหน้าจอคือแบบอักษรซานเซอริฟ

ฉันคิดว่าเหตุผลก็คือข้อมูลที่แสดงแตกต่างกันบนกระดาษและบนหน้าจอมอนิเตอร์ ดังนั้นในการพิมพ์ตัวอักษรบรรทัดฐานของแบบอักษรจะอยู่ที่ 700 dpi (จุดต่อนิ้ว - จำนวนจุดต่อนิ้ว) และความชัดเจนของภาพบนหน้าจอมอนิเตอร์เพียง 72 dpi - น้อยกว่าสิบเท่า. .

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

แบบอักษรนี้มีประวัติที่น่าสนใจทีเดียว

ได้รับการพัฒนาโดยเฉพาะสำหรับ Microsoft ในปี 1996 ให้เป็นแบบอักษรที่อ่านง่ายบนหน้าจอแม้จะมีขนาดตัวอักษรเล็กก็ตาม เนื่องจากไม่มีเซอริฟ ขนาดตัวอักษรที่กว้าง และระยะห่างระหว่างตัวอักษรที่มาก ฟอนต์ Verdana จึงอ่านง่ายมาก!

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

สี่อันดับแรก: แบบอักษร Arial, Helvetica, Verdana และ Georgia

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

แบบอักษรจอร์เจียที่สวยงามเป็นที่นิยมอย่างมาก (และเป็นที่ชื่นชอบทั่วโลก) แม้ว่าแบบอักษรนี้จะเป็นแบบ serif แต่ก็แพร่หลายมากบนอินเทอร์เน็ต ตัวอย่างเช่น ใช้เป็นแบบอักษรหลักในนิตยสาร Forbes เวอร์ชันออนไลน์

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

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

ป.ล.อย่างไรก็ตาม Serif และ Sans Serif แปลจากภาษาฝรั่งเศสด้วยวิธีนี้: มี serif และไม่มี serif

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

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

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

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

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

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

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

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

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

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

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

พาเวล ชุดเนฟ

สี่อันดับแรก: แบบอักษร Arial, Helvetica, Verdana และ Georgia

ลิงค์ที่เกี่ยวข้อง:

บนเว็บไซต์ InspirationBit คุณสามารถอ่านผลการสำรวจนักออกแบบเว็บไซต์ดังกล่าวในแบบอักษรที่ดีที่สุด 16 แบบสำหรับการออกแบบเว็บไซต์ (ภาษาอังกฤษ)

การออกแบบเว็บไซต์ใหม่คืออะไร และเหตุใดจึงจำเป็น?

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

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

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. ข้อความจะต้องอ่านได้! ลองใช้ย่อหน้าและเยื้องย่อหน้าย่อยหรือข้อมูลอ้างอิง

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

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

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

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

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

Tomas Laurinavicius สนใจว่าแบบอักษรใดที่นักออกแบบเว็บไซต์ชอบใช้มากที่สุดในการทำงาน

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

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

ในระหว่างการสำรวจ นักออกแบบเว็บไซต์ตั้งชื่อแบบอักษรที่แตกต่างกัน 73 แบบ โดยแบบฟรี 46 แบบและแบบเสียเงิน 27 แบบ

แบบอักษรที่นักออกแบบเว็บไซต์ชื่นชอบมากที่สุดกลายเป็น: Helvetica, Arial, Georgia, Gotham, Myriad Pro, DIN, Futura, League Gotic, Cabin, Corbel

ควรคำนึงว่าฟอนต์ที่นำเสนอบางฟอนต์ไม่ได้มีสไตล์ซีริลลิกโดยเฉพาะในเวอร์ชันฟรี

10 แบบอักษรฟรียอดนิยมสำหรับนักออกแบบเว็บไซต์

นักออกแบบที่ทำการสำรวจได้เลือกแบบอักษรที่ดีที่สุด 10 อันดับสำหรับกราฟิกบนเว็บ สิ่งนี้ไม่ได้คำนึงถึงแบบอักษรที่ติดตั้งตามค่าเริ่มต้นในระบบปฏิบัติการ เช่น Arial, Verdana, Times New Roman, Georgia หรือ Tahoma (นี่แปลกนิดหน่อย - อันดับแรกคือแบบอักษรที่อยู่ในระบบปฏิบัติการ)

10 แบบอักษรที่ต้องเสียเงินยอดนิยมสำหรับนักออกแบบเว็บไซต์

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