Latest web development tutorials

การอ่านที่มีคุณภาพเว็บ

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


ให้ความสนใจกับคมชัดของสี

สำหรับการมองเห็นไม่ดีก็ไม่ดีสำหรับคนหรืออุปกรณ์แสดงผลสีดำและสีขาวหรือสีดำและสีขาวที่ดีที่สุดคือ

ข้อความสีเทาบนพื้นหลังสดใสคมชัดเป็นที่น่าสงสาร:

ข้อความสีเทาบนพื้นสีขาว (#EEEEEE)
ข้อความสีเทาบนพื้นสีขาว (#CCCCCC)
ข้อความสีเทาบนพื้นสีขาว (#AAAAAA)
ข้อความสีเทาบนพื้นสีขาว (# 888888)
ข้อความสีเทาบนพื้นสีขาว (# 666666)
ข้อความสีเทาบนพื้นสีขาว (# 444444)
ข้อความสีเทาบนพื้นสีขาว (# 222222)
ข้อความสีเทาบนพื้นสีขาว (# 111111)

ในข้อความสีเทาบนพื้นหลังสีดำคมชัดยังยากจน

ข้อความสีเทาบนพื้นหลังสีดำ (# 222222)
ข้อความสีเทาบนพื้นหลังสีดำ (# 444444)
ข้อความสีเทาบนพื้นหลังสีดำ (# 666666)
ข้อความสีเทาบนพื้นหลังสีดำ (# 888888)
ข้อความสีเทาบนพื้นหลังสีดำ (#AAAAAA)
ข้อความสีเทาบนพื้นหลังสีดำ (#CCCCCC)
ข้อความสีเทาบนพื้นหลังสีดำ (#DDDDDD)
ข้อความสีเทาบนพื้นหลังสีดำ (#EEEEEE)

กับบางส่วน - เช่นสีดำและสีแดง, สีดำและสีฟ้า, สีเหลืองและสีเขียว - จะผลิตเมื่อยล้าภาพ:

ตัวอักษรสีดำบนพื้นสีแดง
ตัวอักษรสีดำบนพื้นหลังสีฟ้า
ข้อความสีเหลืองบนพื้นหลังสีเขียว

การแข่งขันไม่ได้เลวร้าย:

ข้อความสีดำบนพื้นสีเทา
ตัวอักษรสีดำบนสีฟ้าอ่อน
ตัวอักษรสีดำบนพื้นขาวโบราณ
ข้อความสีขาวบนสีฟ้าเข้ม


ให้ความสนใจกับระยะห่างระหว่างตัวอักษร

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

ข้อความระยะห่างตัวอักขระปานกลางให้อ่านง่ายขึ้น

การเว้นวรรคข้อความข้อความขนาดเล็กที่ยากที่จะอ่าน


ดูระยะห่างของคุณ

ระยะห่างต่อไปนี้ง่ายต่อการอ่าน

ที่มีระยะห่างที่ดีของข้อความให้อ่านง่ายขึ้น

ระยะห่างต่อไปนี้เป็นเรื่องยากที่จะอ่าน

ชั้นนำข้อความขนาดเล็กที่ยากที่จะอ่าน


หลีกเลี่ยงอักษรแฟนซี

ตัวอักษรนี้เป็นเรื่องง่ายที่จะอ่าน ....

ตัวอักษรนี้เป็นเรื่องยากที่จะอ่าน ....


ลดการใช้ตัวเอียง

ตัวอักษรปกติง่ายต่อการอ่าน

อักษรตัวเอียงไม่เป็นเช่นนั้นง่ายต่อการอ่าน