Cyfrowy Przewodnik Po Typografii Dla Wydawców Czasopism

Typografia cyfrowa jest naturalnym etapem rozwoju pisma, który trwa od wieków. Nawet jeśli na początku technika układania czcionek była czymś, co miało funkcję czysto użytkową, to z czasem stała się częścią sztuki wizualnej. Dobór odpowiednich czcionek, wielkości liter i przestrzeni między nimi to wyzwania, z którymi musi zmierzyć się każdy twórca tekstów, czasopism czy stron internetowych. Wszystko po to, aby zapewnić ludziom przyjemność z czytania na najwyższym możliwym poziomie, przy jednoczesnym zachowaniu zasad użyteczności, wygody i unikalności treści. Niniejszy artykuł został napisany, aby pomóc Ci osiągnąć te cele.

Na początku było słowo. A właściwie litera. A właściwie był to krój pisma. Johannes Gutenberg – czy coś ci to przypomina? Moment, w którym wynalazł mechaniczną ruchomą prasę drukarską, jest uważany przez Europejczyków za początek ery druku.

Wtedy wszystko się zaczęło.

Nastąpił boom na drukowanie wraz z tworzeniem nowych znaków, projektowaniem krojów pisma i układów. Z biegiem lat typografia wkroczyła w każdy aspekt naszego życia, a teraz (choć prawdopodobnie nie zwracasz na to uwagi) jest absolutnie wszędzie i otacza nas z każdej strony codziennego życia. Nie wierzysz?

Spójrz na swoje książki i ich grzbiety z tytułami; otwórz szafkę kuchenną i zerknij na nazwy produktów na ich pudełkach; wykop nazwę swojej lodówki wypisaną na jej drzwiach; wejdź do centrum handlowego i skup się na nazwach umieszczonych przy wejściach do sklepów. Czy już wiesz, o czym mówię?

Dziś, oprócz tradycyjnej typografii stosowanej w druku, jej cyfrowy odpowiednik zajmuje równie ważne miejsce w projektowaniu i przygotowywaniu publikacji.

Niezależnie od tego, czy jesteś wydawcą, projektantem, twórcą magazynu lub strony internetowej, czy po prostu fanem czcionek, zagłęb się w ten cyfrowy przewodnik po typografii, aby móc przygotować oszałamiającą publikację online.

Spis treści:

Jak poprawić typografię cyfrową?

Historia rozwoju typografii jest absolutnie niezwykła, interesująca i pełna przełomów. Jednym z nich było przejście ze składu metalowego na cyfrowy i fotograficzny. Dla wielu wydawców była to znacząca zmiana, a nawet przełom na miarę Gutenberga. Dziś wszyscy możemy się nieco wzruszyć oglądając wideo, które pokazuje Ostatni dzień składu na gorąco w New York Times (1978).

Przenieśmy się w czasie i przyjrzyjmy się temu, z czym wszyscy mamy dziś do czynienia – cyfrowej typografii.

Typografia – podstawy

Typografia to technika rozmieszczania czcionek w taki sposób, aby język pisany był czytelny, czytelny, a także atrakcyjny dla czytelnika. Koncepcja ta obejmuje szereg różnych działań, takich jak: wybór krojów pisma, rozmiarów punktów, długości linii, odstępów między wierszami, odstępów między literami i dostosowywanie odstępów między parami liter.

Istnieje subtelna, ale istotna różnica między dwoma podobnymi terminami: „krój pisma” i „czcionka”. Według CourseLounge „krój pisma opisuje spójny projekt lub styl w ramach kolekcji lub rodziny czcionek, gdzie odmiany w ramach każdej rodziny są znane jako czcionki”.

Kroje pisma dzielą się na dziesiątki kategorii. Prawdopodobnie słyszałeś o podziale na czcionki szeryfowe i bezszeryfowe. To jednak dopiero początek. Kroje pisma mają swoje rodziny; zazwyczaj wyróżnia się pięć podstawowych klasyfikacji (choć w Internecie można znaleźć więcej kategorii lub mogą być one nieco inaczej nazwane).

W ramach powyższych grup możemy wyróżnić pewne podgrupy. Są w nich określone nazwy czcionek. Działa to w następujący sposób:

Comic Sans → skrypt → zwykły
Arial → bezszeryfowy → groteskowy
Times New Roman → szeryfowy → przejściowy

Jak wybrać odpowiednią czcionkę do publikacji cyfrowej?

Nie ma idealnej odpowiedzi na to pytanie. Główną zasadą jest czytelność i spójność estetyczna. Sztuka projektowania polega na dostosowaniu czcionki do wielkości ekranu, na którym publikacja będzie czytana. Niezależnie od tego, czy publikujemy magazyn internetowy wyświetlany na ekranach komputerów, czy też aplikację mobilną magazynu widzianą na smartfonach, czcionka powinna pozwalać na swobodne czytanie tekstu i zapewniać komfort oczom bez ich nadwyrężania.

Przed wyborem czcionek należy dokładnie przeanalizować odbiorców: ich wiek i pracę. Czcionki powinny pasować do oczekiwań czytelników i ich stylu życia. Brzmi dziwnie? Ale spójrz – Comic Sans może być idealny dla dzieci lub fanów komiksów, ale nie dla prawników lub nauczycieli akademickich.

Główne zasady, których należy przestrzegać przy wyborze czcionek:

Najważniejszymi priorytetami przy wyborze czcionki są czytelność i łatwość czytania.
Zacznij od wybrania czcionek, które będą używane w treści artykułu i będą dominującą częścią tekstu.
Używaj „bezpieczniejszych” czcionek dla większości części tekstu i baw się tytułem lub napisami.
W większości przypadków wystarczą dwie różne czcionki w jednym artykule.
Jeśli chcesz użyć kilku czcionek, użyj tych o podobnej wysokości, z tego samego okresu lub od tego samego projektanta.
Dopasuj czcionki do charakteru treści i preferencji czytelników.
Weź pod uwagę ekran, na którym będą wyświetlane treści (komputer, iPad, smartfon).
Czcionka nie może odwracać uwagi od treści.
Aby wyróżnić fragment treści, można użyć pogrubienia lub kursywy. Nigdy nie używaj podkreślenia, chyba że jest to hiperłącze.
Przetestuj swój projekt – zawsze dobrze jest sprawdzić, jak projekt wygląda w formie, w jakiej zostanie opublikowany.

Czcionki i sposób, w jaki wpływają na ludzi, są również przedmiotem wielu badań naukowych. Na przykład, mogą one przekazywać wiarygodność. Czytelnicy są bardziej skłonni uwierzyć w informacje zapisane czcionką szeryfową, taką jak Baskerville, niż czcionką bezszeryfową, taką jak Helvetica.

Inna analiza pokazuje, że czcionki szeryfowe są postrzegane jako bardziej tradycyjne, czcionki bezszeryfowe jako bardziej swobodne, a czcionki o stałej szerokości są proste i nudne. Zostało to potwierdzone przez naukowców, którzy twierdzą, że rozmiar czcionki, grubość obrysu i odstępy między znakami mogą wywoływać wspomnienia i obrazy mentalne u obserwatorów. Na przykład większe rozmiary czcionek wywołują silniejszą reakcję emocjonalną.

Czcionki, których można bezpiecznie używać w publikacjach cyfrowych:

Nunito Sans
Garamond
Gruzja
Avenir
Raleway
Lato
Verdana
Open Sans
Myriad
Electra
Perpetua
Arial
Tahoma
Helvetica
Proxima Nova

Czcionki, których radzimy unikać (lub przynajmniej używać oszczędnie):

Comic Sans
Kurier
Papirus
Wpływ
Pamiątka
Times New Roman
Brush Script

Ile czcionek potrzebujesz i jak je łączyć?

Nie musisz ograniczać się do jednej czcionki, ale pamiętaj, że pięć to po prostu za dużo i taka ilość sprawi, że tekst będzie po prostu chaotyczny zamiast ładny. Na początku możesz bawić się dwoma, z zasadą, że wybierasz jedną dla głównej treści, a drugą dla tytułu (lub podtytułów). Bardziej prawdopodobne jest, że kroje pisma z tego samego okresu będą dobrze ze sobą współpracować, a jeśli zostały stworzone przez tego samego projektanta, tym lepiej dla spójności projektu.

Możesz mieszać czcionki bezszeryfowe i szeryfowe, szukając idealnego połączenia metodą prób i błędów. Taka kombinacja może pomóc w stworzeniu ładnej tekstury na stronie treści i oddzielić różne sekcje artykułu. Czcionki bezszeryfowe i szeryfowe zmieszane między nagłówkami i tekstem zwykle okazują się całkiem atrakcyjne.

Spójrz na „Eating Naturally Magazine”. Na swojej okładce mieszają różne rodzaje czcionek, zachowując bezszeryfową czcionkę w tytule. Całość przyciąga wzrok i daje efekt profesjonalnego, dopracowanego projektu.

Czcionki bezszeryfowe:

działają lepiej w sieci,
są łatwiejsze do odczytania na ekranach komputerów, ponieważ są mniej skomplikowane wizualnie – czytanie wymaga mniej czasu na przetworzenie, a nasz mózg skupia się bardziej na wiadomości niż na próbie rozszyfrowania znaków,
są bardziej czytelne w małych rozmiarach, ze względu na ich proste formy,
Mogą być dobrym wyborem, jeśli chcesz, aby Twój magazyn prezentował bardziej liberalne lub nowoczesne podejście do projektowania.

Czcionki szeryfowe:

Są one zwykle preferowane w długich fragmentach tekstu, ponieważ szeryfy pomagają oku szybciej przesuwać się wzdłuż linii,
Są one często lepsze dla tekstu na wykresach, grafach i diagramach,
Używanie krojów szeryfowych na ekranach o niskiej rozdzielczości może nawet powodować dysonans wizualny, zniechęcając czytelników do czytania treści,
Mogą urozmaicić tekst, jeśli nie są nadużywane.

Jaki rozmiar czcionki wybrać?

Właściwie dobrany rozmiar czcionki poprawia czytelność publikacji cyfrowych i pozwala ludziom uniknąć frustracji podczas korzystania z treści na urządzeniu mobilnym.

Zbyt mały tekst może powodować zmęczenie. W rezultacie czytelnicy ignorują większość napisanych informacji. Jest to szczególnie ważne w przypadku czytania na telefonach komórkowych, gdzie małe litery na małym, jasnym ekranie mogą powodować bóle głowy. Z drugiej strony, zbyt duży tekst może również powodować problemy. Będzie on rozpraszał i zwracał uwagę na siebie, a nie na istotę słów.

Większość ekspertów zgadza się, że 16-punktowy rozmiar czcionki jest idealny dla tekstu, który będzie czytany online. Ten rozmiar w wersji cyfrowej odpowiada typowemu 10-punktowemu rozmiarowi w druku. Nie jest on zbyt duży, a zatem łatwy do odczytania.
W przypadku tekstu, który będzie czytany na urządzeniu mobilnym, optymalnym rozmiarem jest 14 punktów.
Uważa się również, że w przypadku urządzeń z systemem iOS lepiej jest używać tekstu, który ma co najmniej 11 punktów (jest czytelny przy typowej odległości oglądania nawet bez powiększania). Jest to minimalna wartość rozmiaru czcionki, jednak idealny rozmiar dla wielu osób mieści się w zakresie 15-19 punktów.
W przypadku systemu Android minimalny czytelny rozmiar czcionki wynosi 12 punktów, ale zdecydowanie zaleca się użycie co najmniej 14 punktów w tekście głównym.

Należy pamiętać, że różne czcionki o tym samym rozmiarze mogą wyglądać zupełnie inaczej i dawać różne wrażenia estetyczne. Jedna czcionka w rozmiarze 12 punktów może wydawać się znacznie wyższa niż inna w tym samym rozmiarze. Pomimo wszystkich zasad, wszystko powinno być sprawdzone w indywidualny sposób przed ostateczną publikacją.

W różnych przewodnikach rozmiary czcionek są definiowane w różny sposób. Piksele (px) to nie to samo co punkty (pt). Tutaj znajdziesz odpowiedni konwerter.

Gdzie można pobrać czcionki?

Odpowiedź jest prosta – z Internetu! Boże, co my byśmy bez niego zrobili! Istnieje wiele stron internetowych oferujących darmowe lub płatne czcionki, które można po prostu pobrać w różnych formatach (otf., ttf.). Większość z nich jest wyposażona w wyszukiwarkę czcionek opartą na różnych kategoriach, takich jak rozmiar, popularność, czas powstania itp.

Oto lista miejsc, które pomogą ci w wyborze czcionek:

Google Fonts – darmowa i łatwa w użyciu biblioteka 1029 bezpłatnych licencjonowanych rodzin czcionek. Wszystkie czcionki mogą być używane zarówno do celów komercyjnych, jak i osobistych.
1001 fonts – strona oferująca 25128 darmowych czcionek w 13669 rodzinach, darmowe licencje do użytku komercyjnego i łatwe bezpośrednie pobieranie.
Just My Type – kolekcja par czcionek od Typekit i H&FJ.
Fonts In Use – strona internetowa, która zebrała ponad 17 000 projektów, z których każdy wykorzystuje co najmniej jedną z ponad 12 000 rodzin krojów pisma z ponad 3500 firm produkujących czcionki. Świetna treść i ogromne źródło inspiracji.
Typewolf – świetne źródło informacji na temat wszystkiego, co związane z typografią w sieci.
50 Examples Of Stunning Typography In Magazine & Book Designs – artykuł na Bashooka, który prowadzi do wielu inspiracji projektowych.

– Jak mogę znaleźć nazwy czcionek, które gdzieś widziałem?

Istnieją strony internetowe, które pomagają w rozpoznawaniu czcionek. Wystarczy przesłać zdjęcie (zrzut ekranu) czcionki, którą lubisz i to wszystko. Jedną z takich stron jest myfonts.com, spróbuj sam.

Jak używać czcionek w pliku PDF?

Czcionki są pobierane (na przykład ze stron internetowych wymienionych powyżej) na komputer, a nie do konkretnego programu. Często występują one w dwóch formatach: otf. lub ttf. Jeśli chcesz zmienić format, możesz łatwo przekonwertować jeden na drugi – w Internecie jest mnóstwo programów, które pozwalają to szybko zrobić.

Po pobraniu nowej czcionki ze strony internetowej należy ją zainstalować, co jest bardzo proste. Aby zainstalować nową czcionkę na komputerze Mac, znajdź pobrany plik czcionki, kliknij dwukrotnie nazwę czcionki, aby otworzyć ją w przeglądarce, a następnie kliknij przycisk instalacji.

Aby zainstalować nową czcionkę w systemie Windows 10, kliknij plik czcionki prawym przyciskiem myszy, a następnie kliknij „zainstaluj”.

Po zainstalowaniu nowej czcionki na komputerze, pojawi się ona naturalnie w różnych programach i będzie gotowa do użycia.

Jeśli używasz programu InDesign, zainstalowana czcionka pojawi się w menu Czcionka na panelu Typografia.

Pamiętaj, aby osadzić czcionki w pliku PDF w programie InDesign.

Osadzanie czcionek to sposób na zapewnienie, że dokument będzie wyświetlany zgodnie z przeznaczeniem, bez niepożądanych zmian czcionek.

Jak osadzić czcionki w programie InDesign?

Otwórz plik w programie InDesign.
Przejdź do Plik > Eksportuj.
Pojawi się okno dialogowe Eksportuj. Utwórz nazwę pliku dla dokumentu PDF i wybierz menu rozwijane Format, a następnie wybierz Adobe PDF (Drukuj). Upewnij się, że dokument jest typu PDF i zapisz plik.
Zobaczysz okno dialogowe Eksportuj Adobe PDF z wieloma ustawieniami, ale interesują nas tylko te związane z osadzaniem czcionek. Wybierz Zaawansowane z menu po lewej stronie.
Będziesz mieć dostęp do ustawień czcionki. Ustawienia związane z osadzaniem czcionek mają tylko jedną wartość. Aby upewnić się, że wszystkie czcionki w dokumencie są osadzone, ustaw wartość 0%.
Następnie wybierz opcję Eksportuj.
Wszystkie czcionki są osadzone w dokumencie.

Jeśli masz jakiś plik PDF na swoim komputerze, możesz sprawdzić, jakie czcionki zostały w nim użyte:

Otwórz plik PDF.
Kliknij Plik> Właściwości dokumentu.
Kliknij kartę Czcionki, aby wyświetlić listę wszystkich czcionek.

Cyfrowa typografia łączy ludzi

Typografia to nie tylko element projektowania magazynów cyfrowych. To coś więcej – część komunikacji na linii wydawca-czytelnik. Ben Barrett-Forrest, projektant graficzny i autor filmu o historii typografii, mówi: „Typografia to moc. Moc wizualnego wyrażania słów i pomysłów. Jest ponadczasowa, ale zawsze się zmienia”.

Odpowiednio dobrane czcionki i dobrze rozplanowany layout mają wpływ na pierwsze wrażenie o magazynie, komfort czytania i ogólne postrzeganie marki. Im lepiej wszystko do siebie pasuje, tym bardziej profesjonalne wydaje się czytelnikowi.

Mamy nadzieję, że nasze porady pomogą ci ulepszyć cyfrową typografię niezależnie od projektu, nad którym pracujesz.

Słowniczek – kilka terminów związanych z typografią, które warto znać:

Drop cap – duża wielka litera używana na początku akapitu lub sekcji, w przeszłości była elementem dekoracyjnym w starych książkach i rękopisach. Akapity są skutecznym sposobem na przyciągnięcie uwagi czytelników również w projektach magazynów cyfrowych. Dodają osobowości i wizualnej siły, nadając stronie magazynu niepowtarzalny wygląd.
Kursywa – pochylona wersja kroju pisma (pochylona od lewej do prawej), używana do podkreślenia lub tytułów.
Kerning – jest związany z dostosowywaniem odstępów między dwiema literami w celu poprawy wyglądu.
Majuskuła – wielka litera.
Miniscule – mała litera.
Monospaced type – krój pisma, w którym ilość miejsca w poziomie zajmowana przez każdy znak jest taka sama.
Piksel (px) – to skrót od „elementu obrazu”, czyli pojedynczej kropki na ekranie komputera. Jeśli wysokość czcionki wynosi 16 pikseli, oznacza to, że zajmuje ona 16 pikseli na ekranie od góry litery do dołu.
Rozmiar punktu (pt) – najmniejsza jednostka miary używana do pomiaru rozmiaru czcionki; będzie używana za każdym razem, gdy ustawisz wymiar tekstu w dowolnym oprogramowaniu do pisania i edycji; to coś innego niż pomiar w pikselach.
Serif – krótka linia lub kreska dołączona do otwartych końców kształtu litery lub rozciągająca się od nich; odnosi się również do ogólnej kategorii krojów pisma, które zostały zaprojektowane z tą cechą. Używany do mniejszych części tekstu, aby dodać mu wyjątkowości.
Sans-Serif / Sans – nazwa rodzajów czcionek bez linii obok znaku; ogólna kategoria krojów pisma (lub pojedynczy krój pisma) zaprojektowanych bez szeryfów.
Śledzenie – jednolite odstępy między znakami w całej sekcji tekstu (zdanie, wiersz, akapit, strona itp.); używane do regulacji odstępów w wierszu; często mylone z kerningiem.
Wysokość X – wysokość małej litery mierzona od linii bazowej. Podczas mieszania czcionek należy wybierać kroje o podobnej wysokości. Pomoże to utrzymać stały poziom szarości akapitu.