Tutorial kualit...login
Tutorial kualiti laman web
pengarang:php.cn  masa kemas kini:2022-04-01 15:28:35

Kebolehbacaan kualiti web



Menggunakan fon dan warna dengan betul menjadikan tapak web anda lebih mudah dibaca.


Beri perhatian kepada kontras warna

Bagi orang yang kurang penglihatan atau untuk peranti paparan yang lemah, teks putih pada latar belakang hitam atau teks hitam pada latar belakang putih adalah yang terbaik.

Kontras teks kelabu pada latar belakang cerah sangat lemah:

Grey text on a white background (#EEEEEE)
Grey text on a white background (#CCCCCC)
Grey text on a white background (#AAAAAA)
Grey text on a white background (#888888)
Grey text on a white background (#666666)
Grey text on a white background (#444444)
Grey text on a white background (#222222)
Grey text on a white background (#111111)

Kontras teks kelabu pada latar belakang gelap juga sangat lemah:

Grey text on a black background (#222222)
Grey text on a black background (#444444)
Grey text on a black background (#666666)
Grey text on a black background (#888888)
Grey text on a black background (#AAAAAA)
Grey text on a black background (#CCCCCC)
Grey text on a black background (#DDDDDD)
Grey text on a black background (#EEEEEE)

Gabungan tertentu - seperti hitam dan merah, hitam dan biru, kuning dan hijau - boleh menyebabkan keletihan visual:

Black text on a red background
 
Black text on a blue background
 
Yellow text on a green background

Gabungan ini tidak buruk:

Black text on a grey background
 
Black text on a light blue
 
Black text on antique white
 
White text on dark blue


Perhatikan jarak antara huruf

Bagi pembaca yang lemah penglihatan, semakin rapat jarak antara huruf akan muncul berbeza.

Teks dengan jarak sederhana lebih mudah dibaca.

Teks dengan jarak yang sedikit sukar dibaca.


Berhati-hati dengan jarak baris anda

Jarak baris mengikut adalah mudah dibaca

Teks dengan jarak baris yang baik
Lebih mudah dibaca

Jarak baris yang mengikut adalah sukar dibaca

Teks dengan jarak yang kecil
Sukar dibaca


Elakkan fon mewah

Fon ini mudah dibaca.. ..

Ini Fon sukar dibaca....


Guna huruf condong dengan berhati-hati

Fon biasa mudah dibaca.

Fon condong tidak begitu mudah dibaca.

Laman web PHP Cina