Wybór odpowiedniego kroju pisma: 5 wskazówek na sukces
Jednym z największych trendów w projektowaniu stron internetowych jest duży obraz bohatera lub wideo u góry strony z kilkoma słowami, które poprowadzą użytkowników do witryny. Ten rodzaj estetyki wywiera duży nacisk na projektanta, aby wymyślił odpowiedni krój wyświetlacza, aby połączyć projekt.
Przy tak wielu czcionkach do wyboru, może to być trochę trudne zadanie. Ale możesz znaleźć świetny krój pisma z odrobiną planowania i szczęścia. Oto pięć wskazówek na początek z kilkoma pięknymi przykładami typografii wyświetlacza.
Przeglądaj zasoby projektowe
Co to w ogóle jest typ wyświetlacza?
Zanim przejdziemy do wskazówek, czy czujesz się swobodnie rozmawiając o krojach czcionek? (Jeśli tak, przejdź do końcówki nr 1).
Jeśli nie, typ wyświetlacza jest często duży, przyciągający wzrok napis, który jest używany w nagłówkach lub dużych słowach w projekcie. Typ wyświetlania nie jest unikalny w projektowaniu stron internetowych, jest to również termin używany przez projektantów druku.
Typ wyświetlania występuje w dwóch podstawowych formach dla Internetu.
- Główny nagłówek witryny na stronie głównej, taki jak Walk West (powyżej).
- Główny nagłówek lub nagłówek na każdej stronie w całym projekcie witryny. Chociaż często nie są tak duże lub efektowne, jak główny nagłówek na stronie głównej, te bity typu wyświetlania są elementami, które przenoszą każdą stronę.
1. Musi być czytelny
Typ wyświetlacza musi być czytelny, aby był skuteczny. Powinno to brzmieć jak oczywisty, ale przy tak wielu fajnych krojach nowości do wyboru, nietrudno jest znaleźć strony internetowe, w których główny nagłówek nie jest łatwy do odczytania.
Nie ma reguły dotyczącej tego, z jakiego rodzaju kategorii typu powinien pochodzić wyświetlany napis. Szeryfowe i bezszeryfowe działają równie dobrze. Nawet niektóre nowatorskie kroje są idealnie dopasowane.
Liczy się to, że napis jest wystarczająco duży, wystarczająco rozstawiony i kontrastuje z innymi elementami wystroju, aby wyróżnić się na ekranie. Wyobraź sobie, jak wyglądałyby te słowa, gdyby krzyczały „CZYTAJ MNIE”. Tak powinien wyglądać krój pisma dla użytkowników.
2. Napis musi pasować do słów
Może to być jedna z najtrudniejszych koncepcji na świecie do zrozumienia, dopóki nie zobaczysz jej w działaniu: litery muszą pasować do słów.
Oto wyjaśnienie. Niektóre słowa wyglądają źle w niektórych krojach. Trudno to wyjaśnić. Być może słowo zawiera s kilka razy i ten zestaw liter nie wygląda świetnie w zestawie znaków. To samo może się zdarzyć szczególnie w przypadku glifów lub znaków nieparzystych, takich jak%, $ lub &. A może wybrałeś krój pisma, w którym ja, ja i 1 wyglądają podobnie, a wszystkie te znaki są na wyświetlaczu. (Musisz wybrać coś innego.)
Napis powinien przejść test gałki ocznej, co oznacza, że powinien wyglądać zachęcająco. Słowa powinny mieć pewien charakter, talent lub rozkwitać, co jest pożądane. Jeśli zauważysz jakieś dziwactwa w kombinacjach znaków, użytkownicy też.
3. Daj sobie elastyczność
Pomyśl o tym, jak typ wyświetlania będzie używany w całym projekcie. Czy potrzebujesz wielu wag i stylów, aby stworzyć odpowiedni pakiet nagłówka? Czy wybrany przez Ciebie krój pisma działa dla tych pomocniczych przestrzeni wyświetlania, a także dla głównego nagłówka?
Będziesz chciał pomyśleć o wszystkich tych zastosowaniach i zapewnić sobie wystarczającą elastyczność dzięki krojowi czcionek, który wybierzesz dla nas na wiele sposobów. Zbyt często krój pisma będzie wyglądał świetnie w przypadku czcionek o dużych rozmiarach z tylko jednym lub dwoma słowami do przemyślenia, ale skuteczne użycie staje się znacznie trudniejsze, jeśli chodzi o użycie go w tych dodatkowych przestrzeniach.
Znacznie łatwiej będzie przejść przez projekt i stworzyć spójność, jeśli wybrany krój pisma działa w wielu sytuacjach. Aby uzyskać dodatkową elastyczność i spójność projektu, weź pod uwagę całą rodzinę krojów czcionek do użytku z wyświetlaczami. Idź trochę odważniej z głównym nagłówkiem i użyj cieńszej opcji dla drugiego wyświetlacza (może nawet wypróbuj go z kolorem).
4. Uważaj na cienkie pociągnięcia
Następujące stwierdzenie jest przedmiotem kontrowersji: cienkie pociągnięcia są trudne w użyciu, jeśli chodzi o rodzaj wyświetlania.
Tak, litery z cienkimi pociągnięciami mogą wyglądać niesamowicie. Tak, niektórzy projektanci pięknie to robią. Ale większość nie.
Wróć do wskazówki nr 1. Wszystko wraca do czytelności.
Wyobraź sobie, że używałeś kroju pisma z supercienką kreską na ekranie głównym i wygląda świetnie na 27-calowych monitorach biurkowych (być może takich jak ten, na którym projektujesz). Teraz spójrz na to na tablecie lub telefonie. Co teraz myślisz Czy nadal jest tak samo czytelny? (Prawdopodobnie nie.)
Jeśli potrzebujesz bardziej przekonujących, pamiętaj, że Apple wypróbowało to z IOS 7. Użytkownicy narzekali, że krój pisma użyty w systemie operacyjnym jest zbyt cienki i trudny do odczytania. Wzięli te skargi do serca, a kolejne wydania zawierały grubszą czcionkę.
5. Pomyśl o obrazie
Jak słowa - i litery - działają z obrazem lub filmem, z którym są sparowane? To ważny element. Najpiękniejszy krój na świecie może wydawać się niezręczny, jeśli ton nie pasuje do obrazu i komunikatów w pozostałej części projektu.
Kontrast jest również ważnym czynnikiem, szczególnie w przypadku wideo, w którym mogą się poruszać ciemne i jasne części obrazu. Słowa zawsze muszą być rozpoznawalne w tle.
Więcej projektantów decyduje się na jednolite kolorowe tła - jest to całkiem fajny trend z dużą ilością jasnych, odważnych projektów stron internetowych - tak, że tekst jest głównym celem. Jeśli podoba ci się twój napis, może to być świetna opcja.
Solidne tło z pogrubioną opcją wyświetlania sprawia, że użytkownicy mogą skupić się na samych słowach. Kolor służy do rysowania, aby zwrócić uwagę na to, co chcesz powiedzieć. Ta kombinacja tekstu działa z wieloma opcjami czcionek i może być zmieniana tak, aby pasowała do niemal każdego schematu kolorów, od wysokiego koloru po minimalistyczny czarno-biały wzór. Jedyne, co naprawdę się liczy, to wybrać absolutnie piękny krój pisma!
Wniosek
Typ wyświetlania jest pierwszą myślą, którą wpadasz do głowy użytkownika. To pierwsze wrażenie może określić, czy użytkownik trzyma się Twojej witryny, czy przechodzi do czegoś innego.
Aby w pełni wykorzystać tę kluczową interakcję, upewnij się, że każde słowo jest łatwe do odczytania, nadaje odpowiedni ton i pomaga użytkownikom poruszać się po projekcie, aby dać Ci największą szansę na sukces.
