14 niesamowicie epickich kombinacji czcionek do Twojego następnego projektu
Typografia jest wszechobecna, ale wybór odpowiedniej kombinacji krojów pisma do projektu jest jednym z najtrudniejszych – i najbardziej czasochłonnych – zadań, przed którymi prawdopodobnie staniesz jako grafik.
Obecnie dostępnych jest więcej krojów pisma niż kiedykolwiek wcześniej — a co tydzień powstaje ich więcej — więc nawet znalezienie tylko jednego kroju pisma, który Ci się podoba, może samo w sobie być długim zadaniem. Ponadto, nawet jeśli uda ci się go znaleźć, musisz przejść przez cały proces wyszukiwania czcionek od nowa, aby znaleźć komplementarny krój pisma, który będzie obok niego.
W niektórych przypadkach może to zająć godziny, dni, tygodnie, a nawet miesiące.
Na szczęście nie musisz zaczynać za każdym razem od zera, ponieważ istnieje już mnóstwo epickich kombinacji czcionek, wystarczy ich poszukać.
Oto kilka epickich kombinacji, które znaleźliśmy w Internecie:
1 ArsMaquette Web + FF Tisa Web Pro
Link do strony internetowej: Sozo Design
Sozo Design to brytyjska agencja projektowa, która – sądząc po ich stronie internetowej – wie, co robi, jeśli chodzi o typografię.
ArsMaquette i FF Tisa Pro doskonale się uzupełniają, jak widać na powyższym zrzucie ekranu strony głównej. Powodem tego jest fakt, że ArsMaquette jest czcionką bezszeryfową, podczas gdy FF Tisa jest czcionką szeryfową. Jak być może już wiesz, mieszanie kroju pisma bezszeryfowego z szeryfowym to zazwyczaj recepta na sukces.
FF Tisa to piękna i czytelna czcionka do ciała, która ma odpowiednią równowagę między formalnością a osobowością dla Sozo.
2 Didot Light + Source Sans Pro
Link do strony internetowej: Wraxell’s
Tak często strony takie jak Wraxell’s (np. strony poświęcone dachom) zawierają nudne, nieproszone i przestarzałe projekty.
Jednak projekt Wrexella jest daleki od przestarzałego, częściowo dzięki świetnej kombinacji krojów pisma w całej witrynie.
Główne dwa używane tutaj kroje pisma to Didot Light (słowa „Green Roofing” powyżej są napisane w Didot Light) i Source Sans Pro.
Didot Light to interesujący wybór dla strony internetowej – i być może taki, na który zdecydowałoby się niewielu projektantów ze względu na nieco neoklasyczny wygląd – ale działa doskonale, szczególnie w połączeniu z przyziemnym Source Sans Pro.
3 Raleway + Lato
Link do strony: Nexus
Nexus (witryna przedstawiona powyżej) to w rzeczywistości motyw strony internetowej, który można kupić w Themeforest (więc nie ma to nic wspólnego z Google Nexus).
W rzeczywistości jedynym połączeniem tego szablonu z Google jest to, że wykorzystuje on dwa kroje pisma z Google Fonts: Raleway i Lato.
Raleway jest powszechnie używaną czcionką w całej witrynie i doskonale nadaje się do różnych zastosowań; jednak może być nieco „pełny” do użycia jako tekst akapitu / treści. Jeśli uważasz, że tak jest w przypadku Twojej marki, rozważ połączenie jej z Lato: prostą czcionką bezszeryfową, która doskonale pasuje do Raleway.
4 Proxima Nova + Jaf Bernino Sans
Link do strony internetowej: Koh Active
Koh Active tworzy produkty cyfrowe dla innowacyjnych marek, a jak można się domyślić z ich strony internetowej, dbają o czystość, prostotę i elegancję.
Znajduje to również odzwierciedlenie w wyborze typografii na stronie internetowej. Używają dwóch czcionek: Proxima Nova i JafBernino Sans, aby uzyskać prosty, elegancki wygląd, który również przyciąga uwagę.
Proxima Nova jest niezwykle dobrze wykonana i elegancka, podczas gdy JafBernino Sans jest masywny i przykuwa twoją uwagę. Stosowane obok siebie te dwa kroje pisma stanowią idealne połączenie dla każdej nowoczesnej marki poszukującej prostego, rozsądnego podejścia.
5 Nokaut 52 + tekst kroniki
Link do strony internetowej: Utrzymanie Nowego Jorku na dobrej drodze
Keeping New York On Track to wyjątkowa strona internetowa. Wykorzystuje obfitość białej przestrzeni i nowoczesnych ilustracji. W końcu Nowy Jork jest tak nowoczesny i kosmopolityczny, jak to tylko możliwe.
Jeśli chodzi o typografię, czysty, nowoczesny wygląd strony jest kontynuowany przy użyciu Knockout 52 i Chronicle Text. Knockout 52 to duża, pogrubiona czcionka bezszeryfowa, którą widzisz w nagłówku; jest trochę podobny do Helvetica.
W tekście głównym użyto Kroniki, kroju szeryfowego, który nie różni się zbytnio od Georgii czy Sans Serif.
Powstała kombinacja jest elegancka, nowoczesna i bardzo czytelna.
6 Standardowy wyświetlacz Keplera + Futura PT
Link do strony internetowej: Ellen Tracey
Ellen Tracey określa się jako „idealna równowaga między młodzieńczym charakterem a dojrzałym urokiem” – i to jest coś, co z pewnością znajduje odzwierciedlenie w wyborze typografii marki.
W całej witrynie używane są tylko dwa kroje pisma: Kepler Standard Display i Futura PT. Kepler to piękny krój szeryfowy używany głównie w tytułach/nagłówkach, podczas gdy Futura PT jest używana jako główna czcionka, a także na pasku menu.
Ponownie, mieszanie czcionek bezszeryfowych i szeryfowych zwykle działa dobrze, ale stworzenie takiej kombinacji wymaga sprytnego projektanta, ponieważ pięknie odzwierciedla osobowość marki.
7 DIN Dalej + Sługus W01
Link do strony internetowej: To jest żelazne
„This Is Iron Clad” określa się jako „butikowa agencja kina cyfrowego specjalizująca się w kreatywnym opowiadaniu historii” – co najmniej dość wyjątkowe wprowadzenie.
To unikalne marki, takie jak ta, są często najtrudniejsze do dokonania wyboru, jeśli chodzi o typografię, ale ta marka pięknie to zrobiła. Wykorzystuje DIN Next i Minion W01, aby stworzyć prosty, ale nowoczesny wygląd.
DIN Next jest używany jako główny nagłówek, podczas gdy Minion W01 jest używany jako podtytuł. Po raz kolejny ta kombinacja szeryfów + bezszeryfów działa dobrze. Oba kroje pisma są pisane kursywą, co dodaje marce odrobinę wyjątkowości i osobowości.
8 OldStyle + Przyszłość
Link do strony internetowej: GiliLankafushi
GiliLankafushi to ekskluzywny ośrodek ukryty na pięknej wyspie Malediwów na Oceanie Indyjskim. To może nie być najtańsze miejsce na pobyt, ale z pewnością jest luksusowe.
Zazwyczaj zobaczysz luksusowe, drogie marki, takie jak ta, wykorzystujące prostą typografię szeryfową, co często działa całkiem dobrze. Jednak GiliLankafushi nie chciał przekazać standardowego „luksusu”, ale także poczucia egzotyki.
Aby to osiągnąć, wykorzystali dwa kroje pisma: OldStyle i Avenir. OldStyle służy do uzyskania tego poczucia egzotyki, podczas gdy Avenir zachowuje prostotę, elegancję i przyziemność.
9 słodkich Sans Medium + Lato
Link do strony internetowej: Moje 365 dni w druku
My 365 Days in Print to wyjątkowy projekt, który zamienia historie z 365 dni w wyjątkową księgę rycin.
Z unikalnym projektem przychodzi unikalna kombinacja krojów, tym razem w postaci Sweet Sans Medium i Lato.
Sweet Sans Medium to krój pisma używany w powyższym nagłówku; jest odważny, ale ma też charakter. Lato jest używane w treści tekstu, ponieważ jest bardzo czytelne i dobrze współpracuje z prawie wszystkim.
Zauważysz, że oba te kroje pisma są bezszeryfowe; tylko dlatego, że typowe jest łączenie krojów szeryfowych i bezszeryfowych, nie oznacza, że dwa kroje bezszeryfowe nie mogą razem wyglądać pięknie.
10 JafBernino Sans + fracht tekstowy Pro
Link do strony: średni
Medium stało się dość ikoniczną witryną, jeśli chodzi o typografię. Będąc stroną internetową dla pisarzy, rzeczy są tak proste i czytelne, jak to tylko możliwe, co jest powodem połączenia JafBernino Sans i Freight Text Pro.
Freight Text Pro jest dość podobny do Georgia, chociaż ma trochę więcej wyjątkowości i nie jest używany tak często. JafBernino Sans jest odważna i masywna, co czyni ją idealną czcionką do przyciągającego wzrok nagłówka.
Ponownie, kombinacja to serif/sans serif.
11 Kelsonów bez światła + otwarte bez
Link do strony internetowej: Qburst
Kelson Sans Light to wyjątkowy wybór czcionek dla każdej marki i nie można go często zobaczyć w Internecie; szkoda, ponieważ jest to unikalny krój pisma, który dobrze współpracuje z wieloma innymi krojami pisma.
Zauważysz, że Kelson Sans Light i Open Sans są stosunkowo podobne; oba są bezszeryfowe i oba mają podobną, rozsądną jakość. Zazwyczaj podobne czcionki są złym wyborem dla kombinacji, ale jeśli jesteś mądry (tak jak ta strona), mogą dobrze ze sobą współpracować.
Sztuczka polega na użyciu grubości i stylu, aby pomóc rozróżnić dwa kroje pisma. W powyższym przykładzie zauważysz, że uproszczona wersja Kelson Sans jest używana obok zapisanej kursywą wersji Open Sans.
12 Gotham SSM + wyświetlacz Playfair
Link do strony internetowej: Ruch
Rzecz w witrynach korporacyjnych polega na tym, że mogą być dość nudne; często zobaczysz, że Times New Roman i Georgia pojawiają się znacznie częściej niż powinny.
Jednak Movement.com wykorzystał dwa kroje pisma: Gotham SSM i Playfair Display, aby stworzyć nieco formalny i korporacyjny wygląd, który eliminuje nudę.
Chociaż te dwa kroje pisma całkiem dobrze ze sobą współpracują, moim zdaniem, geniuszem tej witryny jest użycie wielu różnych grubości, rozmiarów i stylów czcionek, aby stworzyć interesujący projekt z hierarchią.
13 Brandon Grotesque + Chaparral Pro
Link do strony internetowej: Lumate
Lumate to kolorowa, dobrze zaprojektowana strona internetowa, która jest stosunkowo minimalistyczna w swoim stylu. Wykorzystuje również nieco unikalną kombinację typografii: Brandon Grotesque i Chaparral Pro.
Brandon Grotesque staje się dość powszechnie używaną czcionką w Internecie, ale Chaparral Pro nie pojawia się tak często. Ta dwójka tworzy świetną parę. Brandon Grotesque jest prosty, bezszeryfowy i idealnie nadaje się do nagłówka, podczas gdy Chaparral Pro doskonale sprawdza się jako podtytuł.
Na stronie zastosowano również PT Sans, który dobrze współpracuje z obydwoma krojami pisma.
14 Open Sans + Merriweather
Link do strony internetowej: Ashton Golf
Ashton Golf z łatwością mógłby być kolejną nudną witryną pola golfowego, pełną ofert, zagraconych zdjęć stockowych i tak dalej, ale na szczęście projektanci musieli mieć swoje kreatywne kapelusze w dniu, w którym zaprojektowali tę witrynę.
Jedną z najbardziej uderzających rzeczy w witrynie jest użycie typografii. Wykorzystuje Open Sans i Merriweather; dwa bardzo różne kroje pisma.
Podstawowym krojem używanym na stronie jest Merriweather, chociaż Open Sans jest używany w mniej ważnych aspektach projektu. Będąc kombinacją bezszeryfową / szeryfową, pięknie ze sobą współpracują.