Strategie i narzędzia parowania czcionek dla doskonałych kombinacji czcionek

Wybór czcionek nadaje ton wyglądowi dokumentu, witryny internetowej lub innego projektu. Czy jest zabawny i przyjazny, elegancki i kreatywny, czy poważny i formalny?

Z reguły będziesz chciał użyć w swoim projekcie dwóch lub trzech czcionek. Ale skąd wiesz, którą wybrać i jakie pary czcionek dobrze do siebie pasują?

W tym artykule omówimy strategie parowania czcionek i narzędzia, które pomogą Ci znaleźć idealne kombinacje czcionek do wykorzystania w Twoim projekcie.

Elementarz typografii

W tym przewodniku używamy terminów, które mogą być pomocne w wyjaśnieniu...

Czcionka a krój pisma

Terminy czcionka i krój pisma są często używane zamiennie, ale w rzeczywistości są to różne rzeczy. A krój pisma to rodzina czcionek; a robić jest jedną z indywidualnych odmian stylu w tej rodzinie. Tak więc Times New Roman jest krojem pisma, a Times New Roman Regular i Times New Roman Medium Italic są czcionkami.

jak emulować mac w systemie Windows

Klasyfikacje typów

Klasyfikacje typów to kategorie czcionek oparte na ich wyglądzie. Kilka klasyfikacji obejmuje:

Szeryf
Bezszeryfowy
gotyk
Maszyna do pisania
Scenariusz
Dekoracyjny

Są to po prostu kategorie typów, które znajdziesz na różnego rodzaju stronach internetowych, odlewniach i nie tylko. Dobrym punktem wyjścia do wybierania czcionek jest wybór klasyfikacji odpowiedniej dla Twojego projektu i jego tematu.

szeryfy vs. bezszeryfowy

Jedną z najczęstszych klasyfikacji krojów pisma jest szeryfowa i bezszeryfowa. Nie wiesz, jaka jest różnica? Czcionka szeryfowa ma cienkie linie na końcach liter. Czcionka bezszeryfowa nie ma żadnych funkcji rozszerzających.

Nadrodziny

Superrodziny to grupa krojów pisma, która podlega kilku klasyfikacjach. Krój pisma zaczyna się od tego samego podstawowego kształtu, a następnie dodawane są do niego elementy, aby pasowały do określonej klasyfikacji. Typowym przykładem nadrodziny jest Nadrodzina połysku .

Ponadto, jeśli interesuje Cię techniczny aspekt czcionek, możesz przeczytać o tym różnica między czcionkami OTF i TTF .

Wybór pierwszego kroju pisma

Niektóre kroje pisma nieco ułatwiają sprawę, ponieważ wydają się mieć tylko jeden cel w życiu. Jeśli zastanawiasz się nad Copperplate Gothic, prawdopodobnie projektujesz menu ze stekami lub coś związanego z bankiem.

Niestety rzadko jest to takie proste. Jeśli masz problem ze znalezieniem odpowiedniego kandydata, rozważ przeprowadzenie małych badań. Poszukaj przykładów, które mogą wskazać ci właściwy kierunek.

Pamiętaj, że nie chcesz kopiować, szukasz inspiracji. Możliwe, że ktoś już wcześniej rozwiązał ten problem, a jego rozwiązanie może pomóc w poinformowaniu twojego.

Po wybraniu tego pierwszego kroju, nadszedł czas, aby pomyśleć o jego uzupełnieniu.

Wybór parowania czcionek

Istnieje wiele wskazówek, które pomogą ustalić, które czcionki dobrze ze sobą współgrają. Niektóre z tych wytycznych można łączyć, a inne są ze sobą sprzeczne.

Chociaż jest kilka rzeczy, których absolutnie należy unikać, jeśli chodzi o parowanie czcionek (takich jak używanie zbyt wielu czcionek), istnieją inne wytyczne, które są bardziej elastyczne i zależą w dużej mierze od nastroju lub celu projektu.

Oto kilka, o których warto pamiętać.

1. Utwórz kontrast

„Przyciągają się przeciwieństwa” to z pewnością prawda, jeśli chodzi o czcionki. Nie chcesz używać zbyt podobnych opcji. Albo po prostu nie doda niczego do twojego projektu, albo będzie wyglądać nieco inaczej.

Zamiast tego sparuj swirly czcionkę z pogrubioną. Połącz lekką i przewiewną czcionkę z grubą. Połącz krój szeryfowy z elegancką, kursywą opcją. Połącz szeryf płyty z czcionka pisma ręcznego , jak w powyższym przykładzie.

Lub połącz wąski z szerokim --- dobrym parowaniem czcionek dla Copperplate jest coś cieńszego, jak Helvetica Condensed.

2. Zachowaj to w rodzinie

Jedną z najłatwiejszych rzeczy, jakie możesz zrobić, jest po prostu ograniczenie wyboru do jednego kroju pisma i zróżnicowanie czcionek poprzez zmianę rozmiaru, wagi lub nachylenia. To może nie jest najbardziej kreatywny wybór, ale jest to najprostszy sposób na urozmaicenie tekstu.

Niektóre kroje pisma mają dość obszerny zestaw czcionek. Nowa Beba , na przykład, występuje w różnych wagach. Połącz Bebas Neue Bold z Bebas Neue Light w różnych rozmiarach, a zbliżysz się o krok do wspaniałego projektu.

Chociaż Bebas Neue jest krojem pisma tylko wielkimi literami, możesz również bawić się wielkimi literami jako sposobem na zwiększenie zainteresowania swoim projektem.

Jeśli chcesz trochę większej różnorodności, ale uważasz, że najlepiej dla ciebie jest utrzymanie jej w rodzinie, poszukaj nadrodzin. ten Nadrodzina połysku obejmuje Sans, Serif, Typewriter Sans, Typewriter Serif, Math i inne kroje pisma.

3. Połącz szeryfy i bezszeryfy

Szybkim i skutecznym sposobem na stworzenie kontrastu jest połączenie czcionki szeryfowej z czcionką bezszeryfową. Jak widać w poniższym przykładzie, dobrym parowaniem czcionek Calibri jest czcionka szeryfowa, taka jak Times New Roman:

Jednym z najłatwiejszych sposobów wyboru komplementarnych opcji szeryfowych i bezszeryfowych jest zachowanie ich w nadrodzinie. Viget zapewnia obszerna lista superrodzin może to być przydatne i zapewnia, że czcionki uzupełniają się nawzajem.

4. Ogranicz się do dwóch lub trzech czcionek

Trudno będzie znaleźć profesjonalnego projektanta, który nie żyje według tej kardynalnej zasady typografii. Jeśli łączysz czcionki, ogranicz się do dwóch lub trzech.

Jeśli projekt zawiera nagłówek, podnagłówek i treść, możesz użyć trzech różnych czcionek. Prawdopodobnie będziesz chciał trzymać się tylko dwóch, jeśli Twój projekt ma mniej tekstu.

Są wyjątki od reguły, ale tylko w bardzo szczególnych rodzajach wzornictwa.

Inspiracje i pomysły dotyczące parowania czcionek

Wreszcie, jeśli nadal uważasz, że pomysł parowania czcionek jest zniechęcający, istnieje wiele narzędzi do parowania czcionek, które pomogą Ci upewnić się, że mały Calibri nie skończy się w złym tłumie.

Kombinacje czcionek Canva

Kombinacje czcionek Canva pozwala wybrać swój pierwszy wybór i sugeruje, jaki powinien być jego partner. Wykorzystuje czcionki dostępne za pośrednictwem narzędzia do projektowania Canva, więc niektóre popularne kroje pisma nie są uwzględniane.

Typ.io

ten Typ.io serwis jest podzielony na dwie sekcje. Pierwsza sekcja zawiera funkcje kombinacje czcionek z całej sieci jako źródło inspiracji. Inne funkcje sekcji listy czcionek które dobrze się łączą w zależności od funkcji, na przykład czy będą używane w nagłówku czy w treści.

Tylko mój typ

Jeśli projektujesz w pakiecie programów Adobe, Tylko mój typ bardzo się przyda. Witryna oferuje sugestie dotyczące parowania produktów firmy Adobe Czcionki Typekit jak również od Hoefler and Co's Usługa typografii w chmurze .

Hoefler and Co. ma również bardzo przydatny przewodnik po zbieraniu ' robić palety ' Zalecają łączenie czcionek z tego samego okresu historycznego o różnych cechach lub podobnej jakości linii z różnymi teksturami. Propozycje czcionek pochodzą od firmy Hoefler and Co., ale możesz zastosować reguły do innych czcionek.

Podobnie jak w przypadku większości rzeczy wizualnych, Pinterest jest doskonałym źródłem inspiracji do parowania czcionek. Po prostu wyszukaj „parowanie czcionek” lub „typografia”, a znajdziesz mnóstwo świetnych sugestii.

Typ połączenia

Zrób grę polegającą na parowaniu czcionek z Typ połączenia . Witryna pozwala wybrać pierwszą czcionkę, a wybranie drugiej staje się czymś w rodzaju „wybierz własną przygodę”.

jak przyłapać kogoś na szpiegowaniu

Czy chcesz wybrać coś, co pochodzi z tej samej rodziny, podobną czcionkę, czcionkę kontrastową lub zanurzyć się w przeszłości?

Typ Google

Jeśli wybranym źródłem czcionki są czcionki Google, Typ Google jest doskonałym źródłem inspiracji dla tego, jak te czcionki dobrze się ze sobą łączą. Wykorzystując tekst z Fables Ezopa i zdjęcia z Unsplash, witryna jest wizualną inspiracją dla tego, jak dobrze ze sobą współgrają czcionki Google.

Para czcionek to kolejne przydatne narzędzie dla użytkowników czcionek internetowych Google, zawierające sugestie dotyczące dobrze dobranych czcionek nagłówka i treści.

Typpiracja

Typpiracja daje pomysły nie tylko na łączenie czcionek, ale także dorzuca schematy kolorów na dokładkę. Jest to szczególnie dobre do projektowania stron internetowych, ponieważ próbki dają wyobrażenie o tym, jak będą wyglądać Twoje artykuły przy użyciu określonych kombinacji.

Blender czcionek internetowych

Blender czcionek internetowych nie przedstawia sugestii za Ciebie, ale pozwala bawić się różnymi czcionkami Google i wyświetlać ich podgląd z przykładowym nagłówkiem, podtytułem i tekstem głównym. Jako bonus generuje CSS, którego potrzebujesz, aby użyć tych czcionek w projekcie online.

Znajdź odpowiednie czcionki

Teraz już wiesz, na co zwrócić uwagę przy wyborze czcionek do swojego projektu. Ale gdzie najlepiej znaleźć te czcionki, których można użyć?

Nasz przewodnik po najlepsze czcionki Google pomoże Ci znaleźć fantastyczne darmowe czcionki na strony internetowe i prezentacje.

A jeśli chcesz jeszcze większego asortymentu do wyboru, sprawdź naszą listę najlepsze strony internetowe do pobierania i używania darmowych czcionek .

Źródło obrazu: mrdoomits/ Depositphotos

Udział Udział Ćwierkać E-mail Canon kontra Nikon: która marka aparatu jest lepsza?

Canon i Nikon to dwie największe marki w branży aparatów fotograficznych. Ale która marka oferuje lepszą gamę aparatów i obiektywów?

Czytaj dalej Powiązane tematy

Twórczy
Czcionki
Typografia
Projektowanie stron
Projekt graficzny

O autorze Andy Betts(221 opublikowanych artykułów)

Andy jest byłym dziennikarzem prasowym i redaktorem magazynu, który od 15 lat pisze o technologii. W tym czasie przyczynił się do niezliczonych publikacji i wykonał prace copywriterskie dla dużych firm technologicznych. Prowadził również eksperckie komentarze dla mediów oraz prowadził panele na wydarzeniach branżowych.

Więcej od Andy'ego Bettsa

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować