2024-03-07 / BRANDFULL

Fonty, czcionki, kroje pisma – o co w tym wszystkim chodzi?

Nie da się ukryć, że nie tylko to, CO piszesz w Internecie, ale też JAK wygląda dany tekst, przyczynia się do tego, jak jest odbierany. Dowiedz się, jak ułożyć słowa w swoich projektach, by zyskały moc!

 

Typografia, tajna broń w identyfikacji marki

Typografia znana jest ludziom już od wieków. Kiedyś związana była z drukiem (tzw. druk typograficzny). Obecnie często można spotkać się z określeniem typografia internetowa. Czym jest typografia internetowa? W skrócie można opisać ją jako projektowanie i używanie krojów pisma jako środka komunikacji. W typografii internetowej chodzi głównie o czytelność i atrakcyjność wizualną tekstów.

Typografia obejmuje wiele parametrów tekstu, takich jak:

  • rodzaj fontu
  • rozmiar fontu
  • światła między znakami i wersami
  • rozmieszczenie elementów na stronie
  • kolorystyka

Poprawne stosowanie zasad typografii zapewnia pozytywny odbiór treści i zwiększa zrozumienie czytanego tekstu.

 

Czcionka, font, krój pisma i jego rodzina. Jak poprawnie używać tych określeń?

Zacznijmy od tego, by wyjaśnić kilka podstawowych pojęć. Są one bowiem niejednokrotnie używane lub jako synonimy, co może wywołać zamieszanie lub nawet przekłamanie. Sprawdź, dlaczego font nie jest czcionką, a kroje pisma mają rodziny. Poznaj główne elementy typografii!

 

Czcionka

Mówiąc o czcionce, zazwyczaj ma się na myśli komplet znaków o tym samym kroju, odmianie i stopniu. Jednak czcionka dawniej oznaczała metalowy prostopadłościan, na którym uwypuklone były poszczególne znaki pisma. Czcionki były wykorzystywane w drukarniach.

 

Font

Font jest cyfrowym odpowiednikiem czcionki. Czytając ten artykuł, widzisz właśnie font, czyli obraz kroju pisma zakodowany w wersji cyfrowej, możliwej do odtworzenia na urządzeniach elektronicznych – monitorach komputerów, smartfonach.

 

 

Krój pisma

Krój pisma jest kompletem pojedynczych znaków w jednakowym stylu graficznym. Wszystkie znaki mają określony wygląd – grubość linii, kształt, odstępy, znaki dodatkowe. Kroje pisma mogą mieć jednak wiele odmian. Wyróżnia się kroje pisma:

  • jedno i dwuelementowe: krój jednoelementowy to taki, w którym znaki zbudowane są z kresek tej samej szerokości, a w dwuelementowym znaki mogą różnić się szerokością.
  • szeryfowe i bezszeryfowe: kroje szeryfowe: wyróżniają się szeryfami, czyli ozdobnymi zakończeniami liter, a bezszeryfowe to czcionki proste, bez dekoracyjnych zakończeń.
  • stałe i proporcjonalne: czcionki stałe dają każdemu znakowi tyle samo miejsca, a w proporcjonalnych ilość miejsca między znakami jest zależna od litery (np. litera i zajmuje mniej miejsca niż litera w).

 

Rodzina kroju pisma

Rodzina kroju pisma to zbiór odmian jednego kroju pisma. Mogą one różnić się między sobą grubością (np. bold), szerokością, pochyleniem (kursywa). Używając danego kroju, należy korzystać z jego odmian, gdyż pogrubienie i kursywa często wymuszane przez programy, takie jak Word mogą niszczyć wygląd danego kroju.

 

Majuskuły, minuskuły, mediskuły – z czym to się je?

Świat typografii pełen jest skomplikowanych nazw określających bardzo proste zagadnienia. Czym są tajemnicze majuskuły, minuskuły i mediskuły?

 

Majuskuły (wersaliki)

Majuskuły to nic innego, niż po prostu wielkie litery. Majuskuły są często używane na początku zdań, nazw własnych i w innych kontekstach, gdzie chcemy przyciągnąć uwagę czytelnika.

 

Mediskuły (kapitaliki)

Mediskuły to mniejsza wersja wielkich liter. Znajdują się pomiędzy majuskulami a minuskułami. Są one stosowane w niektórych stylach typograficznych jako alternatywa dla majuskuł lub minuskuł.

 

Minuskuły

Minuskuły to małe litery, zapisane w standardowym rozmiarze. Są one najczęściej używane w tekście i stanowią podstawową formę liter w alfabecie.

 

Anatomia litery, czyli rozkładamy litery na czynniki pierwsze

Czy zastanawiałeś się kiedyś, z czego składa się litera? Wbrew pozorom, budowa litery wcale nie jest prosta. Sprawdź, jakie elementy ją tworzą.

 

 

  • Linia bazowa: Jest to linia, na której opierają się litery, zapewniając im stabilność i równowagę w tekście.
  • Linia akcentów: To linia, która określa wysokość, na której znajdują się duże litery (np. litera „T”) w stosunku do reszty tekstu.
  • Górna linia pisma: Jest to najwyższy punkt, do którego sięga górna krawędź liter.
  • Środkowa linia pisma: To linia, która wyznacza połowę wysokości liter w tekście. Na niej osadzone są elementy środkowe liter, takie jak poprzeczki (np. w literze „e”).
  • Dolna linia pisma: To najniższa linia, do której sięgają litery, na niej opierają się dolne części liter.
  • Trzon: Podstawowa, niezmienna część litery, która stanowi jej rdzeń, na przykład pionowa kreska w literze „I”.
  • Oś litery: Linia wyznaczająca centralną osią symetrii litery, która pomaga zachować równowagę w jej kształcie.
  • Wydłużenie dolne: Część niektórych liter, która wychodzi poniżej dolnej linii pisma, na przykład „g”, „j”, „y”.
  • Wydłużenie górne: Część niektórych liter, która wychodzi powyżej górnej linii pisma, na przykład „b”, „d”, „h”.
  • Oko: To wewnętrzna pętla w literze, na przykład w literze „e”.
  • Brzuszek: Obszar wewnątrz litery, który jest wypełniony, na przykład w literze „b” lub „d”.
  • Pętla: Zakrzywiony element liter, zazwyczaj na górze, jak w literze „g”.
  • Uszko: Mały dodatek na końcu pionowej kreski niektórych liter, np. „j”, „q”.
  • Szeryfy: Dekoracyjne lub funkcjonalne zakończenia kreski na literach, na przykład w „Times New Roman”.
  • Wygięcie: Zakrzywienie lub zmiana kierunku kreski w literze, na przykład w literze „k”.
  • Wierzchołek górny: Górna część liter, na przykład szpic w literze „A”.
  • Wierzchołek dolny: Dolna część liter, na przykład w literze „v”.
  • Poprzeczka: Horyzontalna kreska w literze, na przykład w „t” lub „f”.
  • Połączenie: Miejsce, gdzie dwie części litery łączą się, na przykład w „n” lub „m”.
  • Ramię: Pionowa część niektórych liter, na przykład w „k” lub „R”.
  • Nóżka: Dolna część niektórych liter, na przykład w „r” lub „p”.
  • Ogonek: Małe wygięcie na końcu kreski, na przykład w polskiej literze „ą”.

Typografia, choć znana od wieków, bezustannie dopasowuje się do rozwoju technologii. Typografia jest jednym z najbardziej znaczących elementów projektowania stron internetowych, jednak do tej pory często pomijana w wielu projektach. Chcesz, aby Twoje publikacje były wizualnie atrakcyjne i funkcjonalne, pamiętaj, by tworzyć je zgodnie z ogólnie przyjętymi zasadami.

 

Zobacz nasze pozostałe wpisy >