Kombinacja czcionek: przewodnik po parowaniu czcionek w projektach

Kiedy patrzysz na logo, jaka jest pierwsza rzecz, którą zauważasz w jego projekcie? Zapewne kolor i styl czcionki.

A jak dobrze brzmi nazwa marki, jak pięknie tekst uzupełnia symbol w logo, wszystko zależy od stylu czcionki użytej w logo.

Krótko mówiąc, wszystko, od pierwszego wrażenia, jakie tworzy projekt, po to, jak zapada w pamięć, zależy od wybranego stylu czcionki.

Ale oto haczyk. Każdy styl czcionki ma swój własny charakter. Tak więc, gdy musisz wybrać kombinację dwóch lub więcej czcionek, powinieneś uważać, aby ogólny efekt był zgodny z zamierzeniami.

To prowadzi nas do palącego pytania w świecie projektowania graficznego: „Jak połączyć czcionki w projekcie projektowym?”

Ale wcześniej wyjaśnijmy terminologię.

Kroje pisma, czcionki i typografia

Możemy w końcu używać terminów krój pisma, czcionka i typografia zamiennie, ale mają one bardzo różne znaczenie. Zrozumienie różnic ułatwia komunikację z projektantami osobom niebędącym projektantami.

Dodaj do tego, 74% marketerów używa wizualizacji w ponad 70% treści, których używają do marketingu. A te wizualizacje często zawierają zarówno tekst, jak i obrazy. Podczas gdy obrazy służą do przyciągnięcia uwagi i nawiązania emocjonalnego związku, tekst wspiera obrazy i zapewnia, że ​​komunikaty są przekazywane w jasny sposób.

Tak więc, aby mieć pewność, że wybierasz odpowiednie czcionki i kombinacje czcionek, aby nadać przekaz Twojemu projektowi, porozmawiajmy o kilku podstawowych terminach.

Krój pisma

„Krój pisma” odnosi się do kształtów i stylów każdego znaku alfanumerycznego. A w krojach pisma możesz mieć klasyfikacje, takie jak szeryfowa, bezszeryfowa, skryptowa i dekoracyjna.

1. Czcionki szeryfowe

Mają szeryf lub małą kreskę wystającą poza literę. Na przykład Times New Roman jest krojem szeryfowym. W krojach szeryfowych występuje stary styl, przejściowy, nowoczesny i szeryfowy.

W czcionkach szeryfowych w starym stylu pociągnięcia liter mają prawie taką samą grubość, ale szeryfy są cienkie i spiczaste. W stylu przejściowym istnieje niewielka różnica między cienkimi i grubymi pociągnięciami liter i szeryfów. Nowoczesny krój pisma szeryfowego pokazuje największą różnicę między odmianami cienkiego i grubego obrysu. I chociaż te trzy style mają cienkie szeryfy, styl szeryfowy płyty ma szeryfy, które są tak grube jak pociągnięcia.

2. Kroje pisma bezszeryfowego

Ten krój pisma nie ma serifu w literach. Zamiast tego litery wydają się czyste i minimalistyczne. Arial i Helvetica to popularne kroje pisma bezszeryfowego.

W przypadku krojów pisma bezszeryfowego różnice wynikające z grubości kreski i kształtu liter dają cztery główne klasyfikacje: geometryczną, groteskową, neogroteskową i humanistyczną.

Geometryczne kroje bezszeryfowe wydają się bardziej zaokrąglone i symetryczne. Czcionki groteskowe były jednymi z najwcześniejszych rodzajów czcionek bezszeryfowych, które stały się popularne. Nazwa oddaje charakter tych czcionek, ponieważ niektórzy uważają je za osobliwe, biorąc pod uwagę nierówną szerokość obrysu dla liter.

Neo-groteskowe czcionki bezszeryfowe są dość podobne do stylów przejściowych w kroju szeryfowym. I wreszcie styl humanistyczny w kroju bezszeryfowym przypomina kaligraficzne kreski. Są one najbardziej znane ze swojej czytelności.

3. Kroje pisma

Wyglądają one jak tekst odręczny, na przykład Lucida Handwriting. Formy literowe są uzyskiwane z pociągnięć piórem lub pędzlem. Różnice są tutaj widoczne głównie w oparciu o skos pociągnięć, zmiany wysokości do szerokości oraz obecność lub brak zawijasów, jak widać w stylach kaligraficznych.

4. Dekoracyjne kroje pisma

Jeśli chcesz nagiąć zasady i zaszaleć z typografią, czcionki ekranowe mogą działać dobrze. Mają subtelne lub wyraziste detale, które dodają ozdobnego akcentu. Mogą odbiegać od wszystkich zasad, których przestrzegasz w przypadku pozostałych trzech klasyfikacji krojów pisma. Niektóre pociągnięcia mogą nie dotykać linii bazowej, a czasami zmienia się wysokość x. Ale czy kiedykolwiek wywierają wpływ!

Czcionki

Czcionki to podzbiory krojów pisma. Każda z możliwych odmian kroju pisma jest czcionką. Różnice mogą dotyczyć wagi lub grubości pociągnięć składających się na litery. Obejmują one od średnich, cienkich, ukośnych lub pogrubionych, a także mogą zawierać inne różnice wizualne zastosowane do każdego pociągnięcia i każdej krzywizny każdej litery.

Typografia

Typografia określa, w jaki sposób rozmieszczasz różne kroje pisma lub jakie typy czcionek łączysz, aby stworzyć ogólną kompozycję. Odstępy między poszczególnymi literami, różnice w rozmiarach i inne aspekty są połączone w taki sposób, aby zrównoważyć czytelność i wygląd tekstu.

Tak więc, kiedy mówimy dzisiaj o łączeniu czcionek, powiemy Ci, jak umieścić różne kroje pisma w tej samej ramce, a także jak pokazać odmiany w tym samym kroju pisma.

Kombinacja czcionek: dlaczego warto łączyć czcionki

Być może kupiłeś czcionkę lub wybrałeś darmową, która wygląda naprawdę dobrze. I jesteś gotowy do zaprojektowania swojej reklamy lub postów w mediach społecznościowych. Czy nie wystarczy, że użyjesz tej samej czcionki w różnych rozmiarach i wariantach kolorystycznych? Chociaż praca z tylko jedną czcionką wygląda na łatwą, istnieją dwa powody, dla których nie powinieneś:

• Brak różnicy w stylach czcionek może sprawić, że projekt będzie wyglądał monotonnie
• Nie wszystkie czcionki są czytelne po zmniejszeniu

Podobnie jak nuty brzmią lepiej ze wzlotami i upadkami, projekty wyglądają lepiej z subtelnymi zmianami stylów czcionek.

Wskazówki dotyczące łączenia czcionek dla osób nie będących projektantami

Jak więc sprawić, by te czcionki i kroje pisma działały harmonijnie, aby wyraźnie przekazać zamierzony komunikat? Dowiedzmy Się.

1. Nakreśl cel i zdefiniuj hierarchię wizualną

Zanim zaczniesz wybierać w nich kroje i odmiany czcionek, posegreguj kopię projektu na rozsądne sekcje. Na przykład nagłówek, tekst główny, słowa kluczowe, wezwanie do działania, dodatkowe szczegóły i podtytuły, aby utrzymać przepływ.

Określając cel każdej sekcji tekstu, ustalasz wizualną hierarchię swojego projektu. Od tego, jak dobrze zdefiniujesz hierarchię wizualną, zależy, która część tekstu przyciągnie uwagę jako pierwsza i jaki tekst klienci będą czytać pod koniec.

Tutaj nagłówek powinien być napisany czcionką o mocnym charakterze, przykuwającym uwagę. W przypadku tekstu podstawowego potrzebujesz czegoś, co jest czytelne, nawet gdy musisz zmniejszyć rozmiar. Podtytuły mogą być pogrubioną lub ukośną odmianą tekstu podstawowego, ale w wyraźnie większym rozmiarze czcionki. A w przypadku słów kluczowych możesz użyć pogrubionej czcionki w wybranym kroju pisma.

2. Idź z klasycznym kontrastem szeryfowym i bezszeryfowym

Jedną z najczęstszych odmian, których lubią używać projektanci, jest podkreślenie kontrastu poprzez połączenie krojów szeryfowych i bezszeryfowych.

Jeśli masz dobre oko do szczegółów, możesz łatwo wybrać odpowiednie kroje pisma w ramach każdej klasyfikacji, porównując formy liter. Kroje pisma, których formy liter są mniej więcej podobne, wyglądają harmonijnie w połączeniu.

Jeśli masz długą kopię, możesz użyć nagłówka pogrubionego, takiego jak płyta szeryfowa. A ponieważ będzie wiele linijek tekstu, musisz skupić się na czytelności. Możesz więc wybrać coś czystszego, takiego jak neo-groteskowy krój pisma bezszeryfowego. Ten kontrast sprawdza się szczególnie w przypadku projektów cyfrowych, takich jak posty w mediach społecznościowych, a nawet reklamy cyfrowe i biuletyny e-mailowe.

Jednak w przypadku projektów drukowanych czytelne czcionki szeryfowe są najczęściej wybierane jako tekst podstawowy, a kroje pisma bezszeryfowego są zarezerwowane dla nagłówków. W tym przypadku pogrubiona groteskowa bezszeryfowa będzie świetnym wyborem dla nagłówków. Czcionki szeryfowe w starym stylu z łatwymi formami liter dobrze prezentują się w tekście głównym.

Porada Kimpa: Jednym z najczęstszych miejsc, w których znajdziesz tę kombinację czcionek szeryfowych i bezszeryfowych, będzie projekt logo. Twoja nazwa marki i slogan lub tekst, który mówi, co robi Twoja marka, mogą być kontrastującymi krojami, aby wyróżniały się szczegóły każdego z nich. Po prostu upewnij się, że dopasowałeś osobowość wybranego kroju pisma do osobowości Twojej marki.

Nie możesz znaleźć odpowiedniej kombinacji czcionek do swojego projektu logo? Już dziś zadzwoń do zespołu Kimp, aby dowiedzieć się, jak nieograniczona subskrypcja projektu może pomóc Ci zaprojektować wspaniałe logo Twojej marki.

3. Ustal kontrast bez dwuznaczności

Konflikty w projektowaniu mogą wystąpić, gdy wszystkie wybrane przez Ciebie czcionki są zbyt mocne lub zbyt słabe, aby stworzyć efektowny kontrast. Na przykład wiesz, że groteskowe czcionki bezszeryfowe i slab szeryfowe są zarówno pogrubione, jak i masywne. Użycie jednego z nich do nagłówka, a drugiego do tekstu podstawowego spowoduje zbyt duże obciążenie oczu czytelnika.

Obie te czcionki walczą o uwagę, a przekaz ginie w bitwie. Nawet jeśli zmienisz rozmiar czcionki lub dodasz pogrubioną odmianę do jednego z nich, nadal nie będzie to miało większego znaczenia.

Inną popularną opcją jest łączenie czcionek z tej samej rodziny. Ale znowu, nie można połączyć dwóch lub więcej czcionek szeryfowych płyt, ponieważ wszystkie one łamią hierarchię, którą próbujesz ustalić.

4. Prawidłowy numer

Ile krojów pisma naprawdę powinieneś połączyć? Można być zbyt prostym. Trzy jest przytłaczające. Dwa jest w sam raz. Istnieje uderzająca różnica w wyglądzie każdej rodziny krojów pisma. Tak więc, gdy próbujesz połączyć trzy lub więcej z nich, może to prowadzić do wizualnego bałaganu.

Porada Kimpa: Połącz tylko dwa kroje pisma, a następnie wybierz podobne rodziny czcionek w każdym, aby uzyskać najlepsze wyniki.

5. Dla bezproblemowego kija projektowego z jednym krojem pisma

Jeśli masz trudności ze złożeniem dwóch krojów pisma do swojego projektu, dobrze jest pracować tylko z jednym krojem. Możesz wykorzystać różnice w grubościach pociągnięć, aby uzyskać preferowany efekt.

W powyższym przykładzie komunikat jest jasny i czytelny ze względu na użytą czcionkę bezszeryfową. Aby podkreślić słowo kluczowe, użyto wielkich liter. W celu zwrócenia uwagi na CTA używane są różne kolory i grubości obrysu. Ogólny projekt wygląda spójnie, a poszczególne sekcje lub różne role fragmentów tekstu są jasno określone.

6. Użyj rozmiaru, aby zdefiniować kolejność czytania

Podczas tworzenia kontrastów jednym z głównych celów jest jasne ustalenie kolejności czytania różnych części tekstu. Jeśli istnieje konkretna sekcja, którą czytelnicy mają przeczytać jako ostatni, użyj do tego mniejszych rozmiarów czcionek. Nie oznacza to, że są to sekcje tekstowe o najmniejszym znaczeniu. W większości przypadków są to informacje, które powinny pozostać w umyśle czytelnika.

Większość projektantów stosuje tę taktykę w przypadku wezwań do działania lub informacji kontaktowych w reklamach prasowych. Na przykład na powyższej wizytówce, gdy ostatni tekst, który widzi czytelnik, będzie przyciskami społecznościowymi, najprawdopodobniej pozostanie to w jego pamięci. W rezultacie mogą szukać firmy w mediach społecznościowych i również ją śledzić.

Zawsze możesz dodać przycisk akcentujący lub wybrać inny kolor, aby najmniejsza sekcja tekstu nie pozostała niezauważona.

7. Nie ignoruj ​​nastroju swojej wiadomości

Podczas gdy jesteś zajęty skupianiem się na aspektach kontrastu i czytelności, nie możesz ignorować nastroju lub emocjonalnej osobowości, którą musisz stworzyć w swoim projekcie. Spójrz na poniższy przykład.

W przypadku tej infografiki nagłówek mógł być napisany grubą czcionką szeryfową, aby przyciągnąć uwagę. Ale użycie eleganckiego kroju pisma jest tym, co sprawia, że ​​projekt wygląda na kompletny. Nagłówek powinien zasadniczo informować widza, o czym jest obraz.

W tym przypadku jest to infografika z dużą ilością tekstu. Jeśli więc nagłówek zdoła natychmiast wywołać zamierzoną reakcję emocjonalną, istnieje większe prawdopodobieństwo, że widz zwróci uwagę na resztę tekstu.

8. Pokaż kontrast poprzez korekty kerningu

Kiedy nie możesz pokazać zbyt dużego kontrastu w wielkości czcionki lub grubości, zawsze możesz pobawić się kerningiem. Gdy zwiększysz odstępy między literami, sekcja tekstu zwraca uwagę, nawet jeśli używasz neutralnych krojów i cieńszych grubości.

Na powyższym obrazku dla imion pary młodej zwiększono rozmiar tekstu, aby zwrócić uwagę na sekcję. Nie łamie to jednak minimalistycznego podejścia projektu ze względu na mądre zastosowanie kerningu.

Porada Kimpa: próbując rozwinąć lub połączyć litery w tekście, upewnij się, że nie ma kompromisów w zakresie czytelności. Zbyt duże odstępy między literami, gdy rozmiar czcionki jest już zbyt mały, może osłabić efekt lub czasami utrudnić rozróżnienie między odstępami między wyrazami a odstępami między literami.

Chcesz w pełni wykorzystać wariacje kerningu do tworzenia projektów wyrazistych dla mediów społecznościowych lub reklam prasowych? Współpracuj z zespołem Kimp i zrealizuj wszystkie swoje projekty dzięki stałej, nieograniczonej subskrypcji projektów.

9. Użyj czcionek ekranowych, aby dodać nowy wymiar

Jeśli potrzebujesz prostego projektu logo lub profesjonalnej reklamy na LinkedIn, zawsze możesz połączyć szeryfy i bezszeryfy, aby uzyskać pożądany efekt. Ale czy kiedykolwiek spotkałeś się z sytuacją, w której użyłeś wszystkich właściwych technik, ale projekt nadal wydaje się być pozbawiony charakteru, który sobie wyobrażałeś? Nie jesteś sam.

Jeśli chcesz dodać trochę emocji do swojego projektu lub stworzyć silne osobowości, takie jak efekty retro lub eklektyczne wibracje, zawsze możesz wybrać czcionki ekranowe. Są we wszystkich kształtach i rozmiarach. Niektóre mają tylko kontury, dzięki czemu łatwiej jest pozwolić, aby tło zdominowało projekt. A niektóre można dodać, aby złożyć oświadczenie.

10. Pokaż wyraźne różnice w rozmiarach

Wybierając rodziny czcionek, które wyglądają bardzo podobnie, należy zmienić grubość i rozmiary czcionek, aby skutecznie pokazać kontrast. Zróżnicowanie rozmiaru o zaledwie dwa lub trzy punkty nie będzie miało większego znaczenia. Działa to w przypadku wyróżnień słów kluczowych, ale nie w przypadku rozróżniania nagłówka i tekstu podstawowego. Potrzebujesz tego rozróżnienia, aby stworzyć wizualny haczyk, który przyciągnie uwagę i sprawi, że ludzie zatrzymają się i spojrzą na twój projekt.

Inspiracje projektowe do łączenia czcionek

Aby lepiej zrozumieć zasady, o których wspomnieliśmy powyżej, i wiedzieć, gdzie z nich korzystać, oto kilka inspiracji projektowych dla Ciebie:

W powyższym e-mailu od Cracker Barrel ładna czcionka skryptu doskonale pasuje do motywu walentynkowego e-maila. Duży rozmiar czcionki wciąga Cię, gdy otwierasz wiadomość e-mail. W przypadku samej wiadomości zastosowano bezproblemową czcionkę bezszeryfową, aby cały tekst był łatwy do odczytania.

Najpopularniejszym przykładem łączenia czcionek szeryfowych i bezszeryfowych w celu uzyskania równowagi wizualnej jest logo Louis Vuitton. Czcionka szeryfowa oddaje dziedzictwo marki, a czcionka bezszeryfowa nadaje jej współczesny charakter, aby pokazać, jak ewoluowała marka.

Powyższa reklama jest przykładem doboru stylów czcionek w celu zachowania spójności marki. Gdy wybierzesz czcionki do parowania w reklamach, jedna z czcionek może być tym samym krojem, co w projekcie logo.

Połącz idealne czcionki do swoich projektów z grafiką Kimp

Wybrane kombinacje czcionek mogą tworzyć lub łamać Twoje projekty. Musisz mieć pewność, że tworzą kontrast, nie powodując zbytniej kolizji w wyglądzie wizualnym tekstu w projekcie. Połączenie stylów czcionek może wydawać się najtrudniejszą częścią projektu. Dlatego opłaca się zostawić pracę projektantom. A kiedy pracujesz z nieograniczoną usługą projektowania graficznego, taką jak Kimp, zawsze możesz przekazać opinię na temat projektu i poprosić o poprawki, jeśli nie jesteś zadowolony z wybranej kombinacji czcionek dla swoich projektów.

Zapisz się na bezpłatną wersję próbną , aby rozpocząć.