Powrót do podstaw: piękna typografia w projektowaniu stron internetowych

/2015-03-17 18:05:29/
Kazaria
/Biznes/

Świetna strona zaczyna się od pięknej typografii. I chociaż łamanie okazjonalnych zasad jest świetne, czasem dobrze jest powrócić do zasad tworzenia świetnej typografii - i jak ją stworzyć.

Jest to niezbędne odświeżenie, które może pomóc w przemyśleniu projektów, rozważeniu nowego podejścia lub po prostu wrócić do prostszego, usprawnionego projektu.

Dlatego dzisiaj ignorujemy trendy i sposoby łamania zasad, aby skupić się na teorii typografii i tym, jak „reguły” mogą być świetną wskazówką do stworzenia fenomenalnego typu.

Rozmiar i hierarchia

Rozmiar ma znaczenie. Rozmiar może być jednym z najważniejszych czynników podczas tworzenia konturu czytelnej typografii na ekranach. Mały tekst może być denerwujący i trudny do zobaczenia. Zbyt duży tekst może w nieparzysty sposób przecinać linie i powodować zamieszanie.

Czytelna typografia ma kilka warstw hierarchii, które mówią użytkownikom, co czytać na początku, na drugim itd. Istnieje oczywista skala, dzięki czemu tekst ma jeden rozmiar w całym projekcie, nagłówki są w innym rozmiarze, a wyróżnienia i podtytuły mają również własne specyfikacje.

Śledzenie i kerning

Często mylone, śledzenie i kerning to nie to samo. Kerning to regulacja odstępu między parą liter. Śledzenie to dostosowanie odstępu między pełnym zestawem znaków, takim jak akapit lub ogólne dopasowanie do bloku tekstu.

Kerning jest często stosowany do poszczególnych elementów w celu zapewnienia precyzji i zwiększenia czytelności, a nawet stylu dla dużego tekstu. Śledzenie jest często używane do skracania luźnego kroju pisma w tekście.

Ogranicz kroje pisma

Zbyt wiele czcionek może być przytłaczające i denerwujące. W przypadku większości projektów wystarczą dwa lub trzy kroje.

Kluczem do wyboru opcji typu bryłowego jest wybór rodziny typów z dużą różnorodnością stylów. Większość krojów jakości ma wiele stylów - pogrubiony, regularny, kursywa, skondensowany, czarny i tak dalej. Wybierając krój pisma z wieloma opcjami, uzyskasz wagę i styl do wielu zastosowań. (Niektóre rodziny zawierają nawet opcje serif i sans serif, jeśli chcesz zachować cały projekt w jednej rodzinie czcionek).

Mieszaj i dopasowuj style

Podczas wybierania krojów pisma - co prawda może to być najtrudniejsza część wielu projektów projektowych - wybór dwóch różnych stylów jest w porządku, a nawet preferowany.

Najpopularniejszym parowaniem jest szeryf i bezszeryfowy. Ale nie musisz się tego trzymać.

Podczas parowania różnych stylów i krojów pisma, szukaj liter o podobnej wysokości x (szukaj zestawów znaków o tym samym pionowym rozmiarze „x” małych liter) i kształcie misek (przestrzeń wewnątrz zamkniętych liter, takich jak „o”).

Te szczegóły mogą mieć znaczącą różnicę pod względem tego, jak kroje pisma się ze sobą czują, oraz łatwość czytania tekstu przez użytkowników. Używanie podobnych form literowych w różnych stylach wciąż ma znajomość wizualną, która może ułatwić czytanie wszystkich typów razem.

Zapomnij o łącznikach i uzasadnieniu

W większości przypadków łączniki i pełne uzasadnienie są niepotrzebne.

Techniki te, szczególnie w Internecie, mogą sprawić, że tekst będzie trudniejszy do przyswojenia i zrozumienia na pierwszy rzut oka. Łączniki przerywają czytanie, a pełne uzasadnienie często powoduje nieparzyste odstępy, które są trudne do odczytania.

Chociaż oba elementy mają swoje miejsce w niektórych projektach, należy ich najczęściej unikać.

Nie zmieniaj czcionek

Nigdy nie powinieneś nigdy dostosowywać czcionki. Nie staraj się, aby było grubsze, wyższe lub cieńsze. Zamiast tego wybierz nowy krój.

Projektanci czcionek ciężko pracują, aby stworzyć spójny zestaw znaków dla kroju pisma, który jest czytelny i pasuje do stylu czcionki. Nie próbuj zmieniać wyglądu zestawu znaków. Nie ulepszysz ich i często zrobisz bałagan tego typu.

Jeśli krój pisma nie działa dokładnie tak, jak tego potrzebujesz, poszukaj czegoś innego. Wypróbuj narzędzie Identifont podobne czcionki, które identyfikuje kroje czcionek o podobnym wyglądzie, aby wybrać inną opcję, która może lepiej działać w Twoim projekcie.

Kontrast

Projektuj kontrast za pomocą typografii. Podobnie jak do tworzenia hierarchii używasz różnych rozmiarów, weź pod uwagę różne grubości czcionek, kolory i style, aby zapewnić zainteresowanie wizualne.

Kolor to jeden z najskuteczniejszych i najłatwiejszych sposobów na uzyskanie kontrastu. Idealnym kontrastem jest ciemny tekst na jasnym tle (lub na odwrocie). Dostępnych jest prawie nieograniczona liczba opcji kolorów. Podczas zabawy z kolorem i typografią pamiętaj, że niektóre kombinacje kolorów, takie jak jasnoczerwony na prawym niebieskim, mogą być naprawdę trudne do odczytania. Poszukaj kombinacji, które różnią się między sobą jasnością a ciemnością, intensywnością i nasyceniem.

Jeśli chodzi o kontrast, proste tła często najlepiej nadają się do czytania tekstu. Ale jeśli tło zawiera elementy wizualne, takie jak obraz lub wzór, należy zwiększyć wielkość liter, aby utworzyć separację między tłem a pierwszoplanowym elementem tekstowym.

Mierz sprawy

Miarą jest rozmiar pojemnika zawierającego tekst. Może to być szerokość całej ramki tekstowej lub pojedynczej kolumny w formacie wielokolumnowym.

Mierz znaczenie, ponieważ liczba znaków (w tym spacje, glify i interpunkcja) na ekranie może mieć wpływ na czytelność. Teoria leżąca u podstaw tej koncepcji polega na tym, że jeśli linie są zbyt długie lub zbyt krótkie, może to być męczące dla oka użytkownika ze względu na stały ruch do przodu i do tyłu od jednej linii do drugiej.

Z elementów stylu typograficznego: „Wszystko od 45 do 75 znaków jest powszechnie uważane za zadowalającą długość wiersza dla jednokolumnowej strony ustawionej na szeryfowej powierzchni tekstowej o rozmiarze tekstu. Linia 66 znaków (licząca zarówno litery, jak i spacje) jest powszechnie uważana za idealną. W przypadku pracy w wielu kolumnach lepsza średnia wynosi od 40 do 50 znaków. ”

Jest to całkiem dobry punkt wyjścia dla większości projektów, chociaż wiele projektów wypacza się do rozmiarów czcionek, które są nieco większe, co spowodowałoby, że liczba znaków spadłaby na mniejszy koniec tego zakresu.

Chociaż typografia mobilna nie stanowiła problemu przy pierwszej publikacji książki, wytyczne dla wielu kolumn są akceptowalnym punktem wyjścia. Możesz nawet zejść nieco niżej i dążyć do bardziej optymalnych 35 znaków w linii dla małych ekranów.