Do's and Don'Ts of Typography
Ponieważ tak wiele treści dostępnych w Internecie jest tekstem, projektanci muszą zrozumieć podstawowe zasady dobrej typografii. Posiadanie takiej wiedzy pozwala projektantom na skuteczniejszą komunikację, umożliwiając tworzenie lepszych projektów i stron internetowych, które są łatwiejsze w użyciu.
Bardziej doświadczonym projektantom tekst może się wydawać naturalny, ale dla tych, którzy dopiero zaczynają, postanowiłem stworzyć listę podstawowych instrukcji i zakazów. Ta lista nie tylko nauczy Cię podstaw, ale możesz również użyć jej jako listy kontrolnej do realizacji przyszłych projektów. Tutaj idzie:
Ustanów hierarchię typograficzną
Hierarchię typograficzną można ustalić za pomocą różnych metod, takich jak rozmiar, waga, kolor i kontrast. Jego celem jest nadanie struktury stron i poprowadzenie użytkownika przez treść. Bez wyraźnej hierarchii tekst staje się trudniejszy do zeskanowania, a zatem z reguły trudniejszy do odczytania. Spójrz tylko na poniższe przykłady. Po lewej stronie tekst ma jeden rozmiar i jedną wagę, dlatego trudno jest rozróżnić nagłówki od tekstu. Tymczasem po prawej stronie mamy tę samą treść, ale z wyraźną hierarchią typograficzną, więc znacznie łatwiej jest rozróżnić różne elementy.
W tym miejscu użyłem tylko rozmiaru i wagi, aby ustalić hierarchię, ale dla jeszcze lepszych wyników możesz spróbować eksperymentować z kolorem i kontrastem.
NIE nadaj tekstowi zbyt małego znaczenia
Nie każdy ma wizję 20-20, dlatego ważne jest, aby tekst w Twoim ciele był wystarczająco duży, aby ludzie mogli go wygodnie czytać. Osobiście polecam nie mniejszy niż rozmiar 14pt.
DO wybierz odpowiednią czcionkę dla tekstu głównego
Kolejnym ważnym czynnikiem, jeśli chodzi o tekst w twoim ciele jest czytelność. Chociaż krój pisma, taki jak Satisfy, może pasować do wzoru z ręcznie wykonaną estetyką, użycie takiego kroju czcionki w tekście będzie miało negatywny wpływ na użytkowników. Dzieje się tak dlatego, że jest trudniej odczytać niż przeciętny szeryf lub bezszeryfowy. Przyjrzyj się poniższym przykładom, a zauważysz, o ile trudniej twój mózg musi pracować, aby rozróżnić słowa po lewej stronie w porównaniu z tymi po prawej.
NIE używaj zbyt wielu różnych czcionek na jednej stronie
Usługi takie jak Typekit i Google Fonts mogą dawać dostęp do tysięcy czcionek, ale nie oznacza to, że trzeba z nich korzystać. Jak widać na poniższym przykładzie, jeśli nie jest to zrobione naprawdę dobrze, używanie wielu czcionek może być bardzo rozpraszające. Dlatego zazwyczaj zalecam używanie nie więcej niż 2 lub 3.
Daj swojej sali tekstowej oddychanie
Brak białych odstępów między wierszami może wpływać na czytelność, ponieważ utrudnia śledzenie linii z jednej linii do drugiej. Jednak ten problem można łatwo rozwiązać, zwiększając wysokość linii, ale uważaj, aby nie przesadzić, zbyt dużo miejsca może również wpływać negatywnie na czytelność.
NIE rób ciągłego używania wszystkich czapek
Ludzie nie są przyzwyczajeni do czytania dużych fragmentów tekstu ustawionego we wszystkich literach iz tego powodu jest trudniej ludziom czytać. Nie tylko to, ale ludzie często kojarzą czapki z krzykiem lub agresją, a jeśli chodzi o kopię marketingową, może się to wydawać spamem. Z tego powodu ważne jest, aby zastanowić się, w jaki sposób i kiedy zamierzasz używać wszystkich wielkich liter i czy chcesz używać go z umiarem.
Spróbuj ograniczyć liczbę akapitów do 40-60 znaków w linii
Jeśli linia jest zbyt długa, czytelnik stopniowo zaczyna tracić ostrość i często może mieć problemy z czytaniem z jednej linii do drugiej. Jeśli linia jest zbyt krótka, powoduje, że oko czytelnika zbyt często cofa się, co zakłóca ich rytm. Może to również spowodować, że zaczną zbyt wcześnie czytać następną linię, powodując brak słów z poprzedniej linii. Dlatego mówi się, że optymalna długość linii dla tekstu głównego wynosi około 40-60 znaków na linię.
NIE używaj dużych ilości wyśrodkowanego tekstu
Wyśrodkowany tekst jest trudny do odczytania, ponieważ krawędzie bloku tekstowego są nierówne, co utrudnia skanowanie, ponieważ każda linia ma inny punkt początkowy. Wyśrodkowane bloki tekstu są również trudne do wyrównania do innych obiektów na stronie i często są uważane za dość amatorskie. Z tego powodu, podobnie jak w przypadku pozostałych limitów, najlepiej używać tekstu wyśrodkowanego z umiarem, wybierając zamiast tego tekst wyrównany do lewej.
Upewnij się, że kontrast między tekstem a tłem jest wystarczający
Kontrast to kolejny aspekt typografii, który może wpływać na czytelność. Jeśli nie ma wystarczającego kontrastu między tekstem a tłem, treść może stać się nieczytelna.
Czy masz coś do dodania? Jakie wskazówki dałbyś początkującym projektantom? Daj nam znać w komentarzach.