Latest web development tutorials

kualitas web mudah dibaca

penggunaan yang tepat dari font dan warna akan membuat situs Anda lebih mudah dibaca.


Memperhatikan warna kontras

Untuk visi tidak baik tidak baik bagi orang-orang atau perangkat display, hitam dan putih atau hitam dan putih adalah yang terbaik.

teks abu-abu pada latar belakang terang, kontras miskin:

Abu-abu teks pada latar belakang putih (#EEEEEE)
Abu-abu teks pada latar belakang putih (# cccccc)
Abu-abu teks pada latar belakang putih (#AAAAAA)
Abu-abu teks pada latar belakang putih (# 888888)
Abu-abu teks pada latar belakang putih (# 666666)
Abu-abu teks pada latar belakang putih (# 444444)
Abu-abu teks pada latar belakang putih (# 222222)
Abu-abu teks pada latar belakang putih (# 111111)

Dalam teks abu-abu pada latar belakang gelap, kontras juga miskin:

Abu-abu teks pada latar belakang hitam (# 222222)
Abu-abu teks pada latar belakang hitam (# 444444)
Abu-abu teks pada latar belakang hitam (# 666666)
Abu-abu teks pada latar belakang hitam (# 888888)
Abu-abu teks pada latar belakang hitam (#AAAAAA)
Abu-abu teks pada latar belakang hitam (# cccccc)
Abu-abu teks pada latar belakang hitam (#dddddd)
Abu-abu teks pada latar belakang hitam (#EEEEEE)

Dengan beberapa - seperti hitam dan merah, hitam dan biru, kuning dan hijau - akan menghasilkan kelelahan visual:

teks hitam pada latar belakang merah
teks hitam pada latar belakang biru
teks kuning di latar belakang hijau

Pertandingan itu tidak buruk:

teks hitam pada latar belakang abu-abu
teks hitam pada biru muda
teks hitam putih antik
teks putih pada biru tua


Memperhatikan jarak huruf

Untuk penglihatan yang lemah pembaca, jarak relatif dekat dari surat-surat dengan tanpa kesulitan kecil membaca.

Moderat teks karakter spasi lebih mudah dibaca.

spasi teks teks kecil sulit untuk dibaca.


Perhatikan jarak Anda

Berikut jarak mudah dibaca

Dengan jarak yang baik dari teks lebih mudah dibaca

Jarak berikut adalah sulit untuk dibaca

Terkemuka teks kecil sulit untuk dibaca


Hindari font mewah

font ini mudah dibaca ....

font ini sulit dibaca ....


Meminimalkan penggunaan huruf miring

Font yang normal mudah dibaca.

font italic tidak begitu mudah dibaca.