Dlaczego typografia jest ważna dla Twojej witryny

Opublikowany: 2017-06-13

Marketing własnych treści jest kluczową strategią w przyciąganiu nowych klientów, utrzymywaniu klientów, a także generowaniu konwersji, niezależnie od tego, czy są to polubienia, subskrypcje, leady czy sprzedaż.

Treść może istnieć jako wiadomość sama w sobie, ponieważ wszyscy mamy tendencję do myślenia, że wiadomość się nie zmienia, bez względu na to, jaką czcionką jest lub jak jest zapakowana.

Czy to prawda?

Zastanówmy się, jak powstaje wiadomość. Z lingwistycznego i semantycznego punktu widzenia nasuwa się główna idea, a następnie starannie dobierane są słowa w celu ujęcia przekazu. Aby skutecznie komunikować się, musisz znać swoich odbiorców i być w stanie przewidzieć, jak zareagują na wybrane przez Ciebie słowa.

Te słowa muszą być przeczytane, aby zostały następnie zrozumiane, przetworzone i przetrawione. Aby jednak skłonić odbiorców do przeczytania, musisz przedstawić swój przekaz w odpowiedni i skuteczny sposób.

Prezentacja jest niezwykle ważna. Większość ludzi spodziewałaby się, że w pudełku od jubilera znajdzie się pierścionek z brylantem, a nie pomięta brązowa papierowa torba, i nikt nie zawracałby sobie głowy szukaniem tego drugiego tylko po to, by go znaleźć. Typografia polega na prezentowaniu i pakowaniu treści, czyli wiadomości, którą chcesz przekazać swoim odbiorcom.

Czym jest typografia?

Typografia to po prostu sposób, w jaki tekst jest ułożony w dokumencie lub, dla celów tego artykułu, na stronie internetowej. Jest często uważany za sztukę, zwłaszcza że typografia jest ściśle związana z kreatywnością i innowacyjnością. Typografia służy wielu celom, od podkreślania tematu, definiowania osobowości, podkreślania pomysłów, eksponowania emocji, wzbudzania zainteresowania i budowania ogólnej estetyki projektu. Jest to skrzyżowanie układu i treści i jest integralną częścią projektowania stron internetowych dla każdej strony internetowej.

Elementy typografii warte rozważenia

Typografia obejmuje szereg elementów, które wpływają na projektowanie stron internetowych i na które ma wpływ, w tym wybór czcionki, palety kolorów, rozmiaru, długości linii, układu i integracji z projektem. Ważne jest, aby znać wszystkie te czynniki, aby móc efektywnie korzystać z typografii.

Kroje pisma: to pierwsze rzeczy, które przychodzą na myśl, gdy myślimy o typografii. Niektórzy używają nawet terminów „czcionka” i „typografia” zamiennie, jednak czcionki stanowią zaledwie podzbiór tego, co składa się na typografię. Kroje pisma po prostu odwołują się do nazwy używanego stylu tekstu. Przykłady obejmują Helvetica, Times, Papyrus i Arial.
Czcionki: Większość ludzi używa również zamiennie „czcionki” i „kroju pisma”, ale jeśli jesteśmy konkretni, czcionka odnosi się do określonego stylu kroju pisma, wskazując rozmiar, wysokość, szerokość i styl. Arial Narrow, rozmiar 14, kursywa to czcionka. Podobnie Myriad Pro Regular, rozmiar 12.
Śledzenie: jest to odstęp między znakami lub grupami znaków w bloku tekstu. Chociaż śledzenie jest zwykle stosunkowo standardowe, można je dostosować, aby wpłynąć na gęstość tekstu.
Kerning: Podczas gdy śledzenie jest terminem bardziej ogólnym, kerning odnosi się konkretnie do odległości między poszczególnymi literami i znakami, zwykle w płaszczyźnie poziomej.
Długość linii: odnosi się do długości tekstu biegnącego od lewej do prawej strony na całej stronie. Można to zmienić, dostosowując marginesy, kerning i rozmiary czcionek. Im dłuższa linia, tym trudniej ją odczytać.
Interlinia: Interlinia to miara odstępu między miejscami, w których znajdują się litery, w stosunku do wierszy tekstu bezpośrednio nad i pod.

Te elementy są ważne dla wpływania na sposób czytania strony. Większość ludzi skupia się wyłącznie na samych czcionkach i krojach pisma, ignorując, jak drobne korekty w śledzeniu, kerningu, długości linii i interlinii mogą mieć dramatyczne i cenne wyniki.

Dlaczego?

Typografia podkreśla osobowość wizualną witryny

Na pierwszy rzut oka odwiedzający Twoją witrynę powinni być w stanie określić, o co w tym wszystkim chodzi. W grę wchodzi mnóstwo psychologii, a wiele podtekstów rozwija się niemal natychmiast.

Czerpiąc wskazówki z kolorów, układu i typografii, mogą wyczuć nadrzędny ton, nastrój, przesłanie i motyw, nawet bez konieczności studiowania pisanej treści lub oglądania zdjęć. W ciągu kilku sekund odwiedzający zdecydują, czy są członkami grupy docelowej, czy też odrzucą witrynę jako po prostu nie dla nich.

Typografia pomaga osiągnąć ten cel, ponieważ wzajemne oddziaływanie poszczególnych elementów wizualnych działa synergistycznie, aby wywołać pożądaną reakcję emocjonalną.

Typografia pomaga zdefiniować Twoją markę

Twoja marka to coś więcej niż logo. Podobnie jak znak firmowy Nike Swoosh czy Starbucks' Siren, typografia tych rzeczywistych nazw marek jest równie rozpoznawalna i przyczynia się do postrzegania marki.

Weź dowolną znaną markę i po prostu zmień czcionkę na inną. Nawet jeśli marka używa czcionki, która jest używana w wielu innych kontekstach, połączenie typografii i logo przyczynia się do tego, jak ludzie identyfikują i postrzegają markę w taki sposób, że nie można ich rozwieść.

Nie trzeba dodawać, że jeśli masz kultowe logo i jest uzupełnione odpowiednią typografią, połączenie wyróżnia się w umysłach Twoich klientów, posuwając Twoją markę do przodu.

Typografia skupia uwagę czytelników

Jak wspomnieliśmy wcześniej, treści na Twojej stronie mogą być najwyższej jakości, ale jeśli nie zostaną one skutecznie zaprezentowane, Twoje wysiłki pójdą na marne. Jednym ze sposobów, aby czytelnicy zagłębili się w temat, jest wykorzystanie typografii na swoją korzyść. Wszystkie wymienione powyżej elementy przyczyniają się do tego, jak Twoje treści są nie tylko postrzegane, ale i doświadczane.

Zapytaj kogokolwiek, czy przeczytał coś opublikowanego w Comic Sans i potraktował to poważnie. Są szanse, że prawdopodobnie odrzucili wiadomość jako banalną lub trywialną. Jeszcze lepiej, przedstaw im przerażającą „ścianę tekstu”, gdzie każde słowo jest w tej samej czcionce, a każda linia jest wyjustowana. Prawdopodobnie mieli trudności z przebrnięciem przez pierwszy akapit, nawet jeśli temat jest czymś, co naprawdę ich interesuje.

Małe poprawki w kroju pisma i rozmiarze, układzie i kolorze mogą mieć ogromny wpływ na czytelność artykułu, pomagając podkreślić kluczowe punkty wiadomości, a czytelnicy docenią Twój wysiłek.

Typografia utrzymuje spójność Twojej witryny w stanie nienaruszonym

Typografia to spoiwo, które łączy ze sobą różne elementy Twojej witryny.

Odwiedzający Twoją witrynę szukają spójności; i nie musi to oznaczać ogólnego wyglądu Twojej witryny, który sprawia, że wygląda ona jak wszyscy inni. Elementy muszą dobrze ze sobą współpracować wewnętrznie, od góry strony do przycisków wezwania do działania. Wyszukiwarki mają tendencję do faworyzowania dobrze prezentowanych treści, a wyniki Twojej witryny w Analytics będą odzwierciedlać spójność. Co więcej, Twoi użytkownicy powinni być w stanie znaleźć to, czego szukają, i nie muszą spędzać kilku minut na włóczeniu się po Twojej witrynie, denerwując się na każdym kroku.

Typografia może albo wzmocnić jednolitość Twojej witryny, albo ujawnić jej brak, a współczynniki konwersji będą wskazywać na wrażenia użytkowników, które odwiedzają Twoi czytelnicy.

Jak sprawić, by typografia działała dla Ciebie?

Czcionki, kroje pisma i ich odmiany

Ważne jest, aby znać rodzaje krojów pisma, które masz do dyspozycji, lub przynajmniej znać te, z którymi chcesz pracować. Czcionki są w wielu odmianach, a niektóre różnice są subtelne. Ale te niuanse mogą mieć wpływ na prezentację, więc poznaj swoje opcje, rozwijając osobowość i prezencję swojej witryny.

Tysiące czcionek w kilku kategoriach

Możesz spędzić godziny, dni, a nawet tygodnie, szukając czcionek do użycia, a mimo to nie masz pewności, czy znalazłeś to, czego szukasz. Na szczęście czcionki można łatwo sklasyfikować w zgrabne kategorie z niewielkim nakładaniem się.

Szeryf : Szeryf to niewielki występ na końcu pociągnięcia, zwykle widoczny u dołu, ale także u góry lub skrajnej prawej lub lewej krawędzi liter. Na przykład małe litery „m” lub „n” tych czcionek wydają się mieć „stopy”. Przykłady czcionek szeryfowych to Times, Baskerville i Cambria.
Sans Serif : te czcionki nie mają końcowych kresek ani „stopek”. Mają czysty, opływowy lub minimalistyczny wygląd, ale czasami są trudniejsze do odczytania w mniejszych rozmiarach. Przykłady takich czcionek to Arial, Helvetica i Calibri.
Skrypt : te ozdobne czcionki są popularne ze względu na swój elegancki wygląd i często można je znaleźć na zaproszeniach ślubnych, certyfikatach i podobnych dokumentach. Aby używać ich efektywnie, używaj ich oszczędnie, z dużą ilością miejsca i w rozmiarach wystarczająco dużych, aby docenić ich kunszt.
Wyświetlacz : ten rodzaj czcionki jest często spotykany na plakatach filmowych, oznakowaniach i nagłówkach gazet. Podobnie jak w przypadku czcionek skryptowych, używaj ich tylko do podkreślenia, ponieważ zbyt duża ilość może być przytłaczająca.
Pismo odręczne: Jak sama nazwa wskazuje, czcionki te mają wygląd ręcznie renderowany, symulując pismo odręczne dziecka; lub nieformalne, pospieszne bazgroły na tablicy. Zaletą tych czcionek jest to, że zawierają element ludzki, którego w innych kategoriach brakuje.

Czytelna treść jest czytana

Czytelność ma wiele czynników. Oprócz samej treści weź pod uwagę wszystkie elementy typografii, zwłaszcza wykorzystanie przestrzeni. Kerning i śledzenie mogą mieć ogromny wpływ na zdolność skanowania tekstu podstawowego.

Daj swoim pisemnym treściom dużo swobody, dodając wystarczającą odległość między poszczególnymi literami, słowami, wierszami i sekcjami, aby móc przetwarzać jednostki w znaczący sposób.

Długość linii powinna wynosić od 50 do 75 znaków w linii. Oznacza to użycie około 10 do 15 słów, niezależnie od tego, czy wiersze są wyjustowane, czy nie.

Wybór czcionki

Czcionki, które wybierzesz do swojego projektu, niezależnie od tego, czy jest to branding strony internetowej, pojedynczy produkt, linia produktów, czy cała firma, mogą wpływać i kierować zachowaniami odbiorców w celu całkowitego poparcia lub odrzucenia projektu. Pamiętaj, aby wziąć pod uwagę wpływ swoich wyborów na to, jak zachęcają odbiorców do działania.

Staje się to coraz ważniejsze, jeśli Twoja marka ma ugruntowaną tożsamość, a Twoi odbiorcy mogą rozpoznać Twoją markę po prostu dzięki czcionkom użytym w Twoim brandingu. Zmiana rzeczy może mieć negatywny wpływ na odbiorców, z powodu utraty zaufania do Twojej marki lub podejrzenia, że jakość Twojego produktu zmieniła się na gorsze.

Opanowanie subtelności

Typografia nadaje charakter i znaczenie po prostu dodając zmienność w wyglądzie. Znalezienie krojów pisma o odpowiedniej równowadze osobowości może być bardzo trudne. Wizualne wskazówki i cechy czcionki dodają elementy emocji, tonu i atrakcyjności, które mogą przyćmić rzeczywiste słowa.

Współpracując z grafikiem nad rozwojem Twojej witryny lub marki, zapytaj ich, dlaczego wybrali określone czcionki do Twojego projektu. Dobrzy projektanci byliby bardzo przychylni w wyjaśnianiu swoich wyborów, a także możesz uzyskać wgląd w ich tok myślenia.

Wniosek: znajdź to, co działa (i trzymaj się tego)

Ustalenie typografii, która będzie pasować do Twojej witryny, może zająć dużo czasu i wysiłku, a po drodze możesz popełnić błędy. Nowe czcionki i kroje pisma są tworzone i publikowane każdego dnia, a obecnie obowiązujące układy i motywy w końcu staną się przestarzałe i nieaktualne. Ale gdy już znajdziesz to, co Ci odpowiada, trzymaj się tego i obserwuj, jak konwersje rosną.