8 rzeczy, które należy przestać robić z typografią (już teraz!)

Dobra typografia to sztuka, na którą nie należy zbytnio mieszać . Formy literowe przepływają razem, tworząc słowa i frazy, które są czytelne i mają subtelne znaczenie wizualne.

Ale jeśli nie jesteś ostrożny, łatwo zniszczyć piękno typograficzne w jednej chwili.

Jeśli wpadłeś w którąś z tych pułapek projektowych, nadszedł czas, aby przestać robić cokolwiek na tej liście, aby pisać i porządkować swoje elementy projektu. (Twoje portfolio będzie Ci wdzięczne.)

Przeglądaj zasoby projektowe

Dodawanie cieni

Większość czcionek jest idealna właśnie taka, jaka jest. (Jestem śmiertelnie poważny.)

Jeśli litery nie działają w twoim projekcie, być może powinieneś rozważyć inny typ. Nie wybieraj leniwej opcji i dodawaj do tekstu zbyt oczywisty cień lub kontur.

… Najlepsze cienie pozostają całkowicie niezauważone

Istnieje ogólna zasada dotycząca cieni, które powinny być przestrzegane przez większą liczbę osób - najlepsze cienie pozostają całkowicie niezauważone. Jeśli widzisz cień na elemencie tekstowym, oznacza to, że jest on prawdopodobnie zbyt duży, zbyt ciemny i utrudnia czytelność.

Szczerze mówiąc, używanie tych efektów jest dość leniwym sposobem na poprawienie działania tekstu. (Zazwyczaj widać cienie i kontury na tekście, które powinny mieć większy kontrast w stosunku do tła.)

Z drugiej strony możesz tworzyć fajne elementy tekstowe typu artystycznego z cieniami i konturami. Ale jest to technika, której prawdopodobnie użyjesz tylko kilka razy w swojej karierze projektowej.

Używanie zbyt wielu czcionek

Powinno być oczywiste. Ale to wymaga powtórzenia.

Użycie zbyt wielu czcionek psuje całą typografię w projekcie. Używanie czcionek, które nie pasują do siebie (lub treści w tym zakresie), może zepsuć projekt.

Wybierz paletę typografii dla projektów. Ustaw hierarchię typów i stamtąd pracuj. Przestrzegaj reguł stylu pisma, które ustawiłeś dla projektu i istnieje szansa, że ​​wszystko się ułoży.

Nie wiesz, jak sparować czcionki? Ucz się więcej.

Ignorowanie kontrastu

Kontrast jest tym, co sprawia, że ​​każdy fragment Twojego projektu jest czytelny. Dotyczy to materiałów drukowanych, stron internetowych, a nawet przedmiotów dotykowych, takich jak koszule lub billboardy.

Brak wystarczającego kontrastu między tłem a typografią - lub brak uwzględnienia zmian kontrastu spowodowanych podświetleniem lub elementami otoczenia - jest częstym błędem. I może zabić skuteczność każdego słowa w projekcie.

… Bardzo czytelna typografia z silnym kontrastem ma również pozytywny wpływ na dostępność strony internetowej.

Masz tylko kilka sekund, aby przykuć czyjąś uwagę dzięki projektowi. Nie marnuj tego cennego czasu, ponieważ użytkownicy mają trudności ze zrozumieniem słów, które chcesz im przeczytać.

Aby zapewnić czytelność, chcesz umieścić jasny tekst na ciemnym tle (lub odwrotnie) i nie używać podobnie nasyconych kolorów względem siebie. Zasadniczo najlepszym rozwiązaniem jest użycie czarnego (lub ciemnoszarego) i białego tekstu, jeśli masz wątpliwości co do kombinacji kolorów.

Narzędzie takie jak WebAIM Color Contrast Checker może pomóc w określeniu kontrastu dla elementów tekstowych. Dodatkową zaletą jest bardzo czytelna typografia z silnym kontrastem, która pozytywnie wpływa również na dostępność strony internetowej.

Zbyt duże użycie czcionek Cap, Pogrubienie i Kursywa

Czy wiesz, że wiele stylów pisma może powodować problemy, jeśli chodzi o dostępność?

Używanie zbyt wielu odmian tekstu - wszystkie wielkie litery, pogrubienie, kursywa i podkreślenie - może sprawić, że tekst będzie wyglądał na znacznie bardziej skompresowany i ściśnięty niż jest w rzeczywistości. Jest to problem, jeśli chodzi o czytelność.

Jeśli używasz tych efektów tekstowych do akcentowania lub do podkreślenia, zatrzymaj się i zadaj sobie pytanie, czy jest lepszy sposób. Wszystkie te rzeczy są w porządku, gdy są używane oszczędnie, ale nie powinny występować w całym projekcie.

Podwójna spacja

Przestań wstawiać dwie spacje między kropkami (i innymi znakami interpunkcyjnymi) na końcu zdań i na początku następnego zdania. Pozostawia tylko dziwną lukę. Ta przerwa może stać się jeszcze bardziej niezręczna na końcach linii i powodować powstawanie spacji na początku zdania w nowej linii.

Nowoczesne cyfrowe składy zostały zaprojektowane z myślą o zapewnieniu odstępów między zdaniami. Chociaż czasami może być konieczne ręczne dostosowanie, rzadko są potrzebne dwie spacje (chyba że tworzysz elementy projektu na maszynie do pisania).

Zapominając o urządzeniu / rozmiarze ekranu

Nie zapomnij o użytkownikach mobilnych, którzy ustawiają rozmiary czcionek do projektowania stron internetowych, wiadomości e-mail, a nawet obrazów w mediach społecznościowych, które będą wyświetlane na małych ekranach (i zawierają tekst).

Odstęp między wierszami jest tak samo ważny jak rozmiar samego tekstu.

Chociaż nie jest to typowe podejście do typografii, rozmiar ma ogromny wpływ na to, czy ludzie mogą zrozumieć przekaz. Niektóre kroje pisma są również tworzone dla mniejszych rozmiarów i dobrze się renderują, podczas gdy inne typy typów są znacznie lepiej dostosowane do dużych wyświetlaczy.

Jeśli chodzi o myślenie o dostosowywaniu czcionek, weź pod uwagę rozmiar i wiodącą pozycję. Odstęp między wierszami jest tak samo ważny jak rozmiar samego tekstu.

Pomyśl o użyciu i odpowiednio dobieraj czcionki. (Nawet jeśli musisz dostosować ekran o różnych rozmiarach i prawdopodobnie tak będzie).

Używanie łączników na wyświetlaczu

Zwykle nie jest to duży problem dla projektantów stron internetowych, ale dla wszystkich innych jest to wielka sprawa: nie dziel słów na ekranie.

To jest po prostu brzydkie. I trudny do odczytania.

Nie rób tego

Wciąż i dalej i dalej…

Czas przestać myśleć, że możesz po prostu pisać i pisać, ponieważ jest on dostępny w Internecie. Nikt tego nie czyta, bez względu na to, jak piękny jest ten napis.

Trzymaj się słów, które mają znaczenie. Lepiej wykorzysta wybrany typ, aby ludzie go przeczytali.

Im więcej tekstu masz w projekcie, tym ważniejsza staje się typografia.

Jeśli chodzi o ciągły tekst, pomyśl o długości bloków tekstowych. Czy akapity są krótkie i łatwe do strawienia? Czy korzystasz z list i formatowania, które ułatwiają skanowanie?

Pomyśl o liczbie znaków w wierszu - pomaga to dyktować rozmiar czcionki - i celuj od 40 do 60 znaków w wierszu (nieco mniej w przypadku najmniejszych ekranów). Pomoże to ustalić, czy bloki tekstu są zbyt grube lub niewygodne, aby je czytać.

Trzymaj się standardowego wyrównania dla wszystkiego oprócz nagłówków. Długie bloki wyśrodkowanego tekstu są niezwykle trudne do odczytania. Ludzie nie lubią tego i nie oczekują - poza poezją - i powoduje to wiele zmęczenia oczu. Wyjustowane bloki tekstu są równie trudne do odczytania, jeśli są długie i mogą powodować problemy z odstępami, które są wyzwaniem do rozwiązania w responsywnych ramach.

Im więcej tekstu masz w projekcie, tym ważniejsza staje się typografia. Używaj wyraźnej i łatwej do odczytania czcionki bez trudnego formatowania długich bloków, aby ułatwić czytanie.

Wniosek

Zła typografia może zrujnować projekt szybciej niż prawie jakikolwiek inny problem projektowy. Aby projekt był skuteczny, ludzie muszą być w stanie go przeczytać i zrozumieć. Najczęściej ma to postać typografii.

Zbyt dużo dekoracji, niewłaściwy kontrast lub skala oraz nadmiar elementów tekstowych to najczęstsze problemy, które można znaleźć w przypadku typografii. Pamiętaj, aby pozwolić literom stać na własną rękę, zapewnić duży kontrast dla optymalnej czytelności i używać czcionek ze słowami o wspólnym znaczeniu i kontekście.