Znaczenie typografii

W przypadku bloga bardzo ważne jest, aby ludzie mogli poprawnie czytać teksty Twojego postu. Czytanie z ekranów jest trudne, więc upewnij się, że nie jest trudniejsze niż jest. W tym poście podamy wskazówki, jak poprawić typografię swojego bloga.
Typografia i czytelność

Czytelność określonego tekstu zależy zarówno od jego zawartości (na przykład złożoności słownictwa), jak i od typografii. W poprzednim poście na temat czytelności podałem wskazówki, aby upewnić się, że złożoność tekstu jest dostosowana do odbiorców.

Typografia to nauka układania listów, aby tekst był czytelny i atrakcyjny. Przed rozpoczęciem digitalizacji typografia była specjalizacją, obecnie typografia jest czymś, z czym każdy musi sobie poradzić, a przynajmniej każdy, kto jest właścicielem lub prowadzi stronę internetową. Typografia obejmuje wybór kroju pisma (rodziny czcionek), rozmiaru czcionki, długości linii, odstępów między wierszami i odstępów między literami.
Czcionka

http://sanrahpo1.pl/tworzenie-stron-internetowych
http://sanrahpo1.pl/tworzenie-stron-siedlce
http://sanrahpo1.pl/tworzenie-stron-warszawa
http://sanrahpo1.pl/strony-www-krakow
http://sanrahpo1.pl/strony-www-lodz
http://sanrahpo1.pl/strony-www-poznan
http://sanrahpo1.pl/strony-www-gdansk
http://sanrahpo1.pl/strony-www-szczecin
http://sanrahpo1.pl/strony-www-bydgoszcz
http://sanrahpo1.pl/strony-www-lublin
http://sanrahpo1.pl/strony-www-bialystok


Rozmiar czcionki

Upewnij się, że używasz co najmniej 14 pikseli na rozmiar czcionki. Ten rozmiar jest dobry zarówno na większych ekranach komputerów stacjonarnych, jak i ekranach mobilnych. Preferowany rozmiar czcionki dla witryny jest obecnie znacznie większy niż dziesięć lat temu. Wówczas czcionka o wielkości 10 pikseli pozwalała dodawać więcej tekstu do strony i sprawiała, że ​​strona wyglądała bardziej jak książka. Wraz z rozwojem ekranów komputerowych obecnie 16 pikseli jest bardzo normalne.

Kolor czcionki

Wybór koloru czcionki zależy w dużej mierze od rodzaju prowadzonego bloga i projektu witryny. Mówimy ogólnie, że najlepiej jest czytać przy użyciu czarnej czcionki na białym tle. Ogólna myśl jest taka, że ​​kontury są ostrzejsze, a litery łatwiej odróżnić i zidentyfikować.

Jedyną rzeczą, którą powinieneś zrobić w odniesieniu do czcionki i koloru tła, jest przetestowanie kontrastu koloru czcionki i tła. Dostępnych jest wiele narzędzi, wszystkie z własnym rodzajem sprawdzania kontrastu. Naprawdę łatwy i dobry jest do pokolorowania. Colorable pozwala wprowadzić pierwszy plan (kolor tekstu) i tło (kolor tła). Od razu powie ci, czy kontrast jest właściwy, czy zły i jaki wynik uzyska kombinacja kolorów. Kolorowanie jest oparte na wytycznych dotyczących dostępności WCAG.

Biała przestrzeń

Oprócz rozmiaru czcionki chcesz również upewnić się, że tekst ma wystarczającą przestrzeń do oddychania. Jeśli używasz większego rozmiaru czcionki, ale zapomnij dodać spacje dla nagłówków i akapitów, tekst będzie nadal nieczytelny. Białe znaki są szczególnie ważne na urządzeniach mobilnych.

Oprócz dodawania wystarczającej ilości spacji między nagłówkami i akapitami, należy również dodać wystarczającą spację między wierszami. Jeśli nie dodasz odpowiedniej wysokości linii, dobrze skonstruowane zdania staną się jednym wielkim blokiem liter. Jest to dalekie od przyjaznego dla użytkownika i sprawi, że twoja strona będzie bardzo nieprzyjemna dla odwiedzających.
używanie białych znaków w celu poprawy czytelności
Typografia linków

Ważne jest zaprojektowanie linków w samych tekstach. Oczywiście linki zwrotne są ważne dla SEO. Jednak konstrukcja linków jest ważna dla użyteczności. Wyraźnie wyjaśnij, co to jest link, a co nie. Możesz to zrobić, wybierając inny kolor lub dodając podkreślenie.

Aby podkreślić link, możesz łatwo połączyć dwie powyższe opcje. Upewnij się także, że zmieniłeś styl, gdy najedziesz kursorem myszy na łącze. Usuń podkreślenie lub zmień kolor.

Długość linii

Ostatnią rzeczą do rozważenia przy typografii jest długość linii tekstu. W sekcji Czytelność: optymalna długość linii Christian Holt wymienia szereg sugerowanych linii tekstu, podając, że powinny one mieć od 50 do 65 lub 75 znaków. Ilene Strizver stwierdza, że ​​nieuzasadniony tekst powinien zawierać od 9 do 12 słów w wierszu, a tekst uzasadniony powinien zawierać od 12 do 15 słów. Z naszego doświadczenia wynika, że ​​od 10 do 15 słów to dobra lektura.

Wniosek

Upewnij się, że tekst jest dobrze napisany i niezbyt trudny, to tylko jeden z aspektów czytelności. Aby poprawnie odczytać tekst, typografia tekstu również powinna być OK. Upewnij się, że używasz przyzwoitej wielkości czcionki, zastanów się nad kontrastem używanych kolorów i dodaj biały znak. Skupienie się na obu aspektach czytelności (typografia i trudność) sprawi, że ludzie zaczną czytać posty na blogu.