Latest web development tutorials

Jakość Web czytelność

Właściwe stosowanie czcionek i kolorów sprawi, że Twoja strona łatwiejsze do odczytania.


Należy zwrócić uwagę na kontrast kolorów

Dla wizja nie jest dobre nie jest dobre dla ludzi lub urządzenia wyświetlającego, czarno-biały lub czarny i biały jest najlepszy.

Szary tekst na jasnym tle, kontrast jest słaba:

Szary tekst na białym tle (#EEEEEE)
Szary tekst na białym tle (#CCCCCC)
Szary tekst na białym tle (#aaaaaa)
Szary tekst na białym tle (# 888888)
Szary tekst na białym tle (# 666666)
Szary tekst na białym tle (# 444444)
Szary tekst na białym tle (# 222222)
Szary tekst na białym tle (# 111111)

W szary tekst na ciemnym tle, kontrast również słabe:

Szary tekst na czarnym tle (# 222222)
Szary tekst na czarnym tle (# 444444)
Szary tekst na czarnym tle (# 666666)
Szary tekst na czarnym tle (# 888888)
Szary tekst na czarnym tle (#aaaaaa)
Szary tekst na czarnym tle (#CCCCCC)
Szary tekst na czarnym tle (#DDDDDD)
Szary tekst na czarnym tle (#EEEEEE)

Z niektórych - takich jak czarny i czerwony, czarny i niebieski, żółty i zielony - będzie produkować zmęczenie wzroku:

Czarny tekst na czerwonym tle
Czarny tekst na niebieskim tle
Żółty tekst na zielonym tle

Mecz nie był zły:

Czarny tekst na szarym tle
Czarny tekst na jasnoniebieskim
Czarny tekst na antyczne bieli
Biały tekst na ciemnoniebieski


Należy zwrócić uwagę na odstępy literę

W przypadku słabego wzroku czytelników, stosunkowo blisko rozstaw liter z niemałym trudem czyta.

Średni odstęp znaków czytelności tekstu.

Rozstaw Tekst mały tekst trudny do odczytania.


Uważaj na odstępy

Poniższy odstęp czytelny

Z dobrej rozstawie czytelności tekstu

Poniższy odstęp jest trudny do odczytania

Prowadząc mały tekst trudny do odczytania


Należy unikać fantazyjnych czcionek

Ta czcionka jest łatwy do odczytania ....

Ta czcionka jest trudne do odczytania ....


Zminimalizować wykorzystanie kursywą

Normalna czcionka łatwe do odczytania.

Italic czcionka nie jest tak łatwe do odczytania.