Kompletny przewodnik po typografii internetowej: zasady, słowniczek, pomysły i najlepsze praktyki

'Obraz jest wart tysiąca słów.’

Najczęściej zdjęcia przekazują to, co mają do powiedzenia. Jednak obraz z tekstem robi większe wrażenie.

Typografia działa jako dodatek do grafiki. Typografia to nie tylko wybieranie losowej czcionki i rozmiaru punktu z rozwijanego menu oprogramowania do edycji. Jest to wyspecjalizowana dziedzina projektowania graficznego. Jest to sztuka i technika układania czcionek. Jest to jedna z ważnych umiejętności, która może odróżnić Cię od reszty projektantów, jeśli wiesz, jak jej używać.

Co to jest typografia?

Zanim przejdziesz do sztuki i techniki typografii, najpierw zrozum, o co chodzi w typografii. Typografia to wizualny fragment tekstu (słowa pisanego). Tekst to ciąg słów. Każdy wyświetlany wizualnie tekst, który widzisz, jest w zasadzie typografią. Tekst można podzielić na trzy kategorie – wizualnie, dźwiękowo i cyfrowo.

Typografia to coś więcej niż projektowanie liter i znaków. Obejmuje wybór rozmiaru punktu, odstępów i długości linii. W czasach, gdy Johannes Gutenberg wprowadził prasę drukarską, zecerowie musieli układać litery i znaki w przestrzeni fizycznej. Teraz, w dobie komputerów, ta praca jest o wiele łatwiejsza. Musisz tylko znaleźć czcionki open source, ułożyć litery i znaki i gotowe.

Znaczenie typografii

Typografia to coś, co znajdziesz absolutnie wszędzie. Powiedzmy, że może to być Twój smartfon, filiżanka kawy, billboard, ubrania i wiele więcej. Typografia jest wszędzie. Wybór czcionki, liter i układu znaków decyduje o sposobie przekazania wiadomości.

Nawet jeśli wydaje ci się, że to mały czynnik, z pewnością nim nie jest. Nawet pojedyncza korekta typu może zmienić cały wygląd i styl Twojej grafiki. Jeśli kiedykolwiek zauważyłeś, że Facebook testował nową czcionkę o nazwie Geneva w czerwcu 2016 r. Była to nieco cieńsza i lżejsza wersja oryginalnej czcionki Helvetica. Ale różnica między tymi dwiema czcionkami była zauważalna.

Zasady typografii

W typografii musisz wybrać krój pisma zgodnie z układem, siatką, motywem projektu, schematem kolorów i tak dalej. Oto kilka zasad typografii, o których powinieneś pamiętać podczas pracy.

Wybór odpowiedniej czcionki

Jeśli spędzisz kilka minut w Internecie, znajdziesz zadziwiającą gamę gotowych do użycia darmowych i płatnych czcionek. Ale to nie znaczy, że musisz spędzać godziny na szukaniu czcionek, które wizualizujesz w swoim umyśle. Możesz zacząć malować nawet z ograniczoną paletą. Istnieje kilka wypróbowanych i przetestowanych czcionek, takich jak Helvetica, które nigdy nie mogą się nie udać w żadnym projekcie.

Krój pisma jest formą projektu, która jest tworzona przez rzemieślników, którzy wkładają wszystkie swoje wysiłki i umiejętności przez znaczny okres czasu. Profesjonalnie zaprojektowane czcionki oferują różnorodne możliwości dostosowywania pod względem grubości i stylów, aby stworzyć kompletną rodzinę. Ponadto oferują znaczne pary kerningu, obsługę wielu języków i dostosowywanie ustawień czcionek.

Poniżej przedstawiono najważniejsze terminy typograficzne, które są brane pod uwagę:

Rozmiar

Nie każdy krój pisma jest tworzony jednakowo. Niektóre używają grubych i szerokich aspektów, podczas gdy inne są cienkie i wąskie. Różne kroje pisma mogą zajmować różną ilość miejsca na stronie.

Wysokość znaku jest oznaczona jako wysokość X. Podczas łączenia różnych krojów pisma dobrą praktyką jest używanie tylko tych krojów, które mają podobną wysokość x. Z drugiej strony szerokość znaku nazywana jest „ustawioną szerokością”, która decyduje o tym, ile miejsca zajmie litera i buforuje się z innymi literami.

System punktowy to metoda stosowana do mierzenia czcionek od XVIII wieku. Punkt można zmierzyć jako 1/72 cala, a 12 punktów może utworzyć jedną pica. Pica to jednostka miary szerokości kolumny. Ponadto rozmiary można mierzyć w pikselach, calach lub milimetrach. To zależy od wymagań projektu.

Prowadzący

Pionowa przestrzeń pomiędzy każdą linią tekstu nazywana jest interlinią. Powodem nazywania tego wiodącym jest to, że w czasach, gdy używano składu metalowego, używano ołowianych pasków do dzielenia linii tekstu. Praktyczną zasadą uzyskania czytelnego tekstu podstawowego jest użycie wartości wiodącej większej niż rozmiar czcionki. Możesz użyć wartości wiodącej wyższej od 1,25 do 1,5 razy.

Śledzenie i kerning

Kerning to czynność polegająca na dostosowaniu odstępów między znakami. Pomaga stworzyć harmonijne połączenie.

Na przykład, gdy używasz wielkiej litery „A” z wielką literą „V”, ukośne kreski lewego górnego rogu litery „V” są kerningowane z prawą dolną częścią litery „A”.

Z drugiej strony śledzenie to termin odnoszący się do odstępów między wszystkimi znakami, które są stosowane równomiernie. Kerning jest podobny do ścieżki, ale oba nie są takie same.

Mierzyć

Miara jest terminem, który wyjaśnia szerokość bloku tekstowego. Aby uzyskać optymalne wrażenia z czytania, należy rozważyć miarę jako ważny aspekt typografii.

Hierarchia i skala

Wszystkie typy nie mogą być używane w tym samym rozmiarze, musisz ustawić hierarchię typów. W przeciwnym razie czytelnikom trudno będzie zrozumieć, które informacje są ważniejsze od innych.

Ogólnie rzecz biorąc, nagłówki są duże, podtytuły są mniejsze, a typ treści jest nieco mniejszy niż podtytuły, aby pomóc czytelnikom zrozumieć ich hierarchię.

Nie tylko rozmiar, użycie różnych kolorów, gramatury i odstępów może również pomóc w ustaleniu hierarchii w pracy.

Słowniczek

Omówiliśmy tutaj prawie każdą podstawową koncepcję i terminologię związaną z typografią.

• Aesc: wymawia się jako „Ash”. Jest to ligatura dwóch liter, a mianowicie. „a” i „e”. Pochodzenie aesc pochodzi ze staroangielskiego, gdzie jest oznaczane jako samogłoska dwugłoskowa. Aesc migrował do alfabetów, takich jak islandzki i duński.
• Przysłona: Przysłona jest sękatym otworem glifu, który można zobaczyć literami takimi jak „e”. Rozmiar otworu różni się w zależności od jego implementacji. Jednak zmiana przysłony wpłynie na czytelność litery.
• Wierzchołek: Wierzchołek to punkt, który znajduje się na górze znaku. Jest to miejsce, w którym spotykają się pociągnięcia lewe i prawe.
• Linia bazowa: Jest to sekcja, w której znajduje się podstawa wielkich liter.
• Miska: Miska jest uważana za zamknięte części liter, takich jak „b” i „p”.
• Nawias: Jest to kontur przypominający klin, który jest cenny do trzymania szeryfa i tworzenia trzonu czcionki w wielu krojach pisma.
• Wysokość czapki: Wysokość czapki to wysokość dużej litery nad linią bazową.
• Licznik: Licznik jest zamknięty lub niecałkowicie zamknięty w części formy listu. Licznik można zobaczyć w postaci liter typu „c” lub dolnej części „g” i „e”. Tę sekcję można pomylić z miską.
• Descender: Jest to fragment litery, który schodzi poniżej linii bazowej. Na przykład litery takie jak „p”, „y” i „q”.
• Ucho: Ucho jest małą kreską, która rozciąga się od górnej prawej strony miski.
• Glif: Jest to pojedyncza część, która tworzy czcionkę. Zawarty jest w nim każdy rodzaj pojedynczej części, który pomaga zbudować czcionkę, czy to znak interpunkcyjny, cyfra, litera, czy nawet dingbat. Glify można nazwać budulcem typografii.
• Rynna: Jest to przestrzeń między sąsiednimi stronami twojej pracy. Rynny można często zobaczyć w kolumnach tekstu.
• Orphan: Orphan to pierwszy wiersz nowego akapitu, który jest umieszczony na końcu strony. Nie jest to rzecz, którą chciałbyś mieć w swoim projekcie, ponieważ jest to uważane za złą praktykę.
• Pica: Pica to jednostka miary szerokości kolumny. W jednym pica jest 16 pikseli lub 12 punktów.
• Czytelność: Jest to określane jako łatwość czytania, która obejmuje użycie bloku tekstu, który można łatwo zeskanować gołym okiem.
• Serif: Jest to krój pisma z szeryfami. Zakończenie kreski pisma w tym kroju wywodzi się z tendencji rzymskiej.
• Bezszeryfowy: Krój bezszeryfowy to bezszeryfowy lub bezszeryfowy.
• Kręgosłup: Jest to główna zakrzywiona kreska, która występuje w małej literze dużej litery „S”.
• Ostroga: Jest to małe wybrzuszenie, które pojawia się na krzywiźnie litery. Jest również nazywany brodą lub dziobem. Na przykład – litera „G”.
• Trzon: Pociągnięcie o pełnej długości jest nazywane trzonem w postaci pionowej. Jest pionowy.
• Wysokość X: Wysokość małej litery „x” w danym kroju pisma to wysokość x.

7 pomysłów typograficznych i najlepszych praktyk

Poniżej znajdują się najlepsze praktyki typograficzne, które możesz zastosować w swojej pracy. Skorzystaj z tych wskazówek w swoich projektach, aby stworzyć własne arcydzieła.

Znaczenie wyboru odpowiednich czcionek

Każdy projektant ma listę swoich ulubionych czcionek. Ale to nie znaczy, że musisz cały czas wybierać czcionkę tylko z listy ulubionych. Każdy krój pisma ma swój własny styl, osobowość i nastrój. Musisz więc zdecydować, która czcionka będzie idealnie pasować do Twojego projektu. Wybór czcionki jest ważny, ponieważ pomaga przekazać wiadomość odbiorcom.

Pamiętaj o swoich odbiorcach

Po wybraniu czcionki, która pasuje do idei Twojego projektu, powinieneś zastanowić się, czy będzie pasować do odbiorców. Jedna grupa docelowych odbiorców może uznać, że Twoje czcionki są modne, podczas gdy niektórzy uznają je za przestarzałe. Musisz więc zrozumieć, dla kogo projektujesz projekt. Przed podjęciem decyzji dotyczącej czcionki należy wziąć pod uwagę wiek, płeć, lokalizację i inne czynniki odbiorców.

Ustal hierarchię

Jak wspomniano wcześniej, hierarchia odgrywa ważną rolę w typografii. Twoja grafika powinna być dobrze zorganizowana i powinna zapewniać czytelnikom łatwą nawigację. Hierarchia typografii jest bardzo przydatna przy tworzeniu projektów zawierających dużo tekstu, takich jak książki, biuletyny, czasopisma i inne tradycyjne publikacje drukowane.

Zwróć uwagę na odstępy i wyrównanie

Odstępy i wyrównanie mogą wydawać się mniej ważne, ale z pewnością tak nie jest. Bez odpowiednich odstępów i wyrównania Twoje projekty będą wyglądały na zagmatwane, zagracone i zwyczajne. Odstępy obejmują użycie interlinii, marginesów, śledzenia i odstępów.

Użyj Kerning, kiedy tylko potrzebujesz

Wielu projektantów myli pojęcia śledzenia i kerningu. Jednak oba są różnymi terminami. Kerning pozwala nadać typografii profesjonalny i dopracowany wygląd.

Nie przekraczaj zakresu krojów pisma, grubości i stylów

Wszyscy lubimy używać różnych czcionek i dostosowywać je, aby wyglądały z klasą. Jednak użycie różnych krojów pisma w jednym projekcie może sprawić, że Twoja praca będzie wyglądać amatorsko i niechlujnie. Należy unikać używania więcej niż trzech czcionek w jednym projekcie, aby nadać mu profesjonalny wygląd.

Obserwuj i ćwicz

Jedynym wypróbowanym i przetestowanym sposobem na poprawę umiejętności typograficznych jest zbadanie, w jaki sposób inni projektanci używają typografii w swojej pracy. Jest to umiejętność, która wymaga praktyki i wyczucia szczegółów, aby zrozumieć, w jaki sposób ktoś wykorzystał typografię w swoim projekcie i jak będziesz mógł wykorzystać ją w swoich projektach.

To był ostateczny przewodnik po typografii. Mam nadzieję, że ten przewodnik pomógł ci zrozumieć różne koncepcje i praktyki, dzięki którym możesz poprawić swoje umiejętności typograficzne.