Spójrz na dowolną stronę online dzisiaj, niezależnie od wielkości witryny lub branży, dla której jest ona przeznaczona, a zobaczysz, że jedną wspólną cechą jest treść tekstowa.
Jednym z najprostszych sposobów wpływania na wygląd strony internetowej są czcionki używane do zawartości tekstowej w tej witrynie. Niestety, wielu projektantów stron internetowych, którzy są na początku swojej kariery nieco szaleje, używając zbyt wielu czcionek na każdej stronie. Może to spowodować mętne doświadczenie, które wydaje się brakować spójności projektu. W innych przypadkach projektanci próbują eksperymentować z czcionkami, które są praktycznie nieczytelne, wykorzystując je tylko dlatego, że są "fajne" lub inne, mogą rzeczywiście być fajnie wyglądającymi czcionkami, ale jeśli tekstu, który mają przekazać, nie można odczytać, to "chłód" tej czcionki zerwie się, gdy nikt nie przeczyta tej strony i zamiast tego opuści stronę, którą może przetworzyć!
W tym artykule przyjrzymy się niektórym elementom, które należy wziąć pod uwagę, wybierając rodzinę czcionek do kolejnego projektu strony internetowej.
NIEKTÓRE ZASADY-OF-THUMB
- Nie używaj więcej niż 3-4 czcionki na jednej stronie. Coś więcej niż to zaczyna czuć się amatorsko - a nawet 4 czcionki może być zbyt wiele w niektórych przypadkach!
- Nie zmieniaj czcionki w połowie zdania, chyba że masz bardzo dobry powód (uwaga - nigdy, przez wszystkie moje lata, jako projektant stron internetowych, nie znajdowałem wystarczającego powodu, aby to zrobić)
- Użyj czcionek bezszeryfowych lub szeryfowych dla tekstu podstawowego, aby ułatwić czytanie tych bloków treści.
- Używaj czcionek o stałej szerokości dla tekstu maszyny do pisania i bloku kodu, aby ustawić ten kod niezależnie od strony.
- Używaj czcionek skryptowych i fantasy dla akcentów lub dużych nagłówków z bardzo małą ilością słów.
Pamiętaj, że są to wszystkie sugestie, a nie zasady trudne i szybkie. Jeśli jednak chcesz zrobić coś innego, powinieneś zrobić to z intencją, nie przez przypadek.
SANS SERIF FONTS SĄ PODSTAWĄ TWOJEJ STRONY
Czcionki bezszeryfowe Sans są tymi czcionkami, które nie mają "szeryfów" - mało dodanych rozwiązań projektowych na końcach liter.
Jeśli wziąłeś udział w kursach projektowania wydruków, prawdopodobnie powiedziano ci, że powinieneś używać tylko czcionek serif tylko do nagłówków. To nie jest prawda w sieci. Strony internetowe są przeznaczone do oglądania przez przeglądarki internetowe na monitorach komputerowych, a dzisiejsze monitory są całkiem niezłe w wyraźnym wyświetlaniu czcionek serif i sans-serif. Niektóre czcionki szeryfowe mogą być trudniejsze do odczytania w mniejszych rozmiarach, szczególnie na starszych wyświetlaczach, dlatego zawsze należy mieć świadomość odbiorców i upewnić się, że potrafią oni czytać czcionki szeryfowe przed podjęciem decyzji o ich zastosowaniu do tekstu podstawowego. W związku z tym większość czcionek szeryfowych jest obecnie przeznaczona do użytku cyfrowego i będą działać dobrze jako kopia ciała, o ile są ustawione na rozsądny rozmiar czcionki.
Niektóre przykłady czcionek bezszeryfowych to:
- Arial
- Genewa
- Helvetica
- Lucida Sans
- Trebuchet
- Verdana
Ciekawostki: Verdana to rodzina czcionek stworzona do użytku w Internecie.
WYKORZYSTUJ FONTY SERIF DO DRUKU
Czcionki szeryfowe mogą wyświetlać się w trybie online w przypadku starszych wyświetlaczy, jednak są idealne do drukowania i dobre dla nagłówków na stronie internetowej. Jeśli masz wersję witryny przyjazną dla druku, jest to idealne miejsce do korzystania z czcionek serif. Szeryfy, w druku, ułatwiają czytanie, ponieważ umożliwiają wyraźniejsze rozróżnianie liter. Ponieważ wydruki mają wyższą rozdzielczość, można je wyraźniej zobaczyć i nie wydają się rozmazać razem.
Najlepsza praktyka: rozważ użycie czcionek szeryfowych dla stron przyjaznych dla druku.
Niektóre przykłady czcionek serif to:
- Garamond
- Gruzja
- Czasy
- Czcionka Times New Roman
CZCIONKI MONOSPACE PODJĄĆ RÓWNE PRZESTRZEŃ DLA KAŻDEGO LISTU
Nawet jeśli twoja strona nie jest związana z informatyką, możesz używać monospace do dostarczania instrukcji, podawania przykładów lub sugerowania tekstu na maszynie. Litery o stałej szerokości mają tę samą szerokość dla każdej postaci, więc zawsze zajmują tyle samo miejsca na stronie.
Maszyny do pisania zazwyczaj używają czcionek o stałej szerokości geograficznej, a ich użycie na stronie internetowej może dać wrażenie, że są to treści pisane maszynowo.
Niektóre przykłady czcionek o stałej szerokości to:
- Kurier
- Courier New
- Lucida Console
- Monaco
Najlepsza praktyka: czcionki o stałej szerokości działają dobrze w przypadku próbek kodu.
FANTASY I SCRIPT FONTS SĄ trudne do odczytania
Czcionki fantasy i skryptów nie są tak szeroko rozpowszechnione na komputerach i ogólnie mogą być trudne do odczytania w dużych porcjach. Chociaż może Ci się spodobać efekt pamiętnika lub innego osobistego zapisu, jaki może dać używanie czcionek kursowych, twoi czytelnicy mogą mieć kłopoty. Jest to szczególnie ważne, jeśli twoi odbiorcy obejmują osoby, które nie są rodzimymi użytkownikami. Również czcionki fantasy i cursive nie zawsze zawierają znaki akcentujące lub inne znaki specjalne, które ograniczają twój tekst do angielskiego.
Używaj czcionek fantasy i cursive w obrazach oraz jako nagłówki lub wezwania. Zachowaj ich krótko i pamiętaj, że dowolna czcionka, którą wybierzesz, nie będzie prawdopodobnie na większości komputerów czytelników, więc będziesz musiał dostarczyć je za pomocą czcionek internetowych.
Niektóre przykłady czcionek fantasy to:
- Miedziana taca
- Desdemona
- Wpływ
- Kino
Ciekawostki: Impact to rodzina czcionek najczęściej używana na komputerach Mac, Windows i Unix.
Niektóre przykłady czcionek skryptowych to:
- Apple Chancery
- Comic Sans MS
- Lucida Handwriting
Ciekawostki: Badania wykazały, że czcionki, które są trudniejsze do odczytania, mogą pomóc uczniom zachować więcej informacji.
Oryginalny artykuł Jennifer Krynin. Edytowane przez Jeremy'ego Girarda w dniu 9/8/17
