Wyróżnij swój krój pisma internetowego, łącząc odpowiednie czcionki

Opublikowany: 2019-04-30

Czy możesz uwierzyć, że 95% projektów graficznych zależy od „Typografii”? Tak, czcionki mogą zrujnować lub zepsuć całą witrynę lub plakat. Być może starannie wybrałeś układ swojej witryny, wybrałeś idealną kolorystykę, ale jeśli czcionki są złe, możesz być pewien, że ludzie tego nie przeczytają. Potraktuj czcionki jako wszechpotężną magiczną różdżkę, która może sprawić, że marka będzie natychmiast rozpoznawalna.

Zatrzymajmy się i wykonajmy tutaj proste ćwiczenie. Zamknij oczy i pomyśl o Disneyu. Teraz czas na spowiedź. Czy pierwszą rzeczą, która przyszła ci do głowy, była mysz, która katapultowała firmę do sławy? A może to stylowe logo marki ze znakiem towarowym „D” i zakręconym „Y”? Jesteśmy pewni, że to drugie. Oto moc typografii w pigułce dla Ciebie.

Łączenie czcionek razem to nie czarna magia, to nauka

Wybór odpowiedniej czcionki i połączenie ze sobą dwóch czcionek jest trudnym zadaniem nawet dla doświadczonych projektantów. Czy zauważyłeś, że większość grafików trzyma się tylko kilku czcionek we wszystkich swoich projektach? Tak, czcionki mogą być drogie, ale głównym powodem tego jest to, że parowanie czcionek może być kłopotliwe. Wybór czcionek i wybór odpowiednich czcionek wymaga nauki. Czcionki wybrane dla nagłówka, podtytułu i treści mają moc określania tonu Twojej wiadomości, a ostatecznie wpływają na Twoją markę.

Mylisz się ze wszystkimi zasadami i implikacjami? Nie martw się, w tym artykule omawiamy zasady parowania czcionek i pomagamy znaleźć te, które najlepiej pasują do Twojego przekazu i treści. Udostępniamy również ściągawkę czcionek, które ze sobą współpracują. Możesz ich użyć, gdy następnym razem utkniesz w połowie projektu.

Zacznijmy! Po pierwsze, zanim zdecydujesz się sparować czcionki, poznajmy podstawy.

Jak wybrać czcionkę?

Jednym z kluczowych kroków w całym procesie projektowania jest wybór odpowiedniej czcionki. Oto jak to zrobić.

Zawartość

Praktyczna zasada jest taka, że ​​wybrana czcionka musi pasować do treści lub wiadomości, którą chcesz przekazać. Treść jest najważniejszym elementem każdego projektu. Niestety, większość projektantów-amatorów popełnia błąd, przenosząc go na drugą połowę procesu projektowania. Pamiętaj, że jeśli nie masz żadnej wiadomości do przekazania, nie ma potrzeby projektowania.

Zdecyduj więc o czcionce na podstawie typu treści. Czy to jest nagłówek, czy będzie to podnotatka? Czy wiadomość brzmi profesjonalnie, czy zabawnie i nieformalnie? Czy wiadomość zostanie umieszczona wraz z logo? Zadaj te pytania, aby pomóc Ci zacząć.

Postać

Jeśli myślisz, jak coś abstrakcyjnego, takiego jak czcionka, może mieć charakter, to się mylisz. Czcionki takie jak Helvetica są dość ogólne i nic nie oznaczają. Wręcz przeciwnie, inne czcionki budzą wspomnienia i skojarzenia. W chwili, gdy spojrzysz na pochyły Spencerian Script, pierwszym obrazem, który pojawia się w twoim umyśle, jest „Coca-Cola”. Podobnie kilka czcionek ma różne znaki lub wywołuje różne skojarzenia. Wybierając czcionkę do swojego projektu, upewnij się, że charakter pisma odpowiada charakterowi wiadomości.

Przede wszystkim pamiętaj, że wybór odpowiedniej czcionki polega na słuchaniu instynktu. Czasami podczas projektowania masz wrażenie, że coś jest nie tak z czcionką. Następnie po prostu zamień czcionkę i spróbuj ponownie, aż znajdziesz tę, która będzie pasować.

Wskazówki dotyczące parowania czcionek

Teraz, gdy wiesz, jak wybrać odpowiednią czcionkę do swojego projektu, przejdźmy do następnego kroku procesu. Długo oczekiwany przewodnik po parowaniu czcionek.

Jednym z błędów popełnianych przez większość niedoświadczonych projektantów jest użycie kilku czcionek w jednym projekcie. Czy słyszałeś stare powiedzenie: „Zbyt wielu kucharzy psuje rosół”? To samo dotyczy czcionek. Po prostu trzymaj się jednej lub dwóch czcionek lub maksymalnie trzech. Co więcej, zmierzasz ku katastrofie.

Kolejną sztuczką jest stworzenie przewodnika po stylu. To nic innego jak przypisanie różnych zestawów czcionek, których możesz wielokrotnie używać we wszystkich swoich projektach. Aby utworzyć kompleksowy przewodnik po stylach, musisz przypisać czcionki dla następujących elementów:

  • Nagłówki i podtytuły
  • Akapity (tekst główny)
  • Elementy funkcjonalne (takie jak przyciski, metadane, notatki)

WSKAZÓWKA 1: NIE DOCENIJ SIŁY KONTRASTU/

Kontrast odgrywa istotną rolę we wszystkich projektach graficznych. W ten sposób wyróżnisz swój projekt i przestaniesz być nudny i nudny. Tak jak dodajesz wizualny kontrast do swojego projektu, powinieneś dążyć do dodania odrobiny kontrastu tekstury.

Jeśli czcionki nagłówka i tekstu podstawowego są zbyt podobne, możesz być pewien, że straci to wymagany efekt. Łącz czcionki różniące się grubością, szerokością i stylem. Na przykład parowanie „Serif” i „Sans-Serif” działa dobrze. Należy jednak pamiętać, że powinny one kontrastować ze sobą. Jeśli jedna czcionka ma więcej znaków, pozostaw drugą czcionkę ogólną, aby uzyskać jak największy efekt wizualny.

WSKAZÓWKA 2: KORZYSTAJ Z TYPU FOUNDRY

Ustalenie, czy dwie czcionki mają wystarczający kontrast, może być dość zniechęcającym zadaniem, szczególnie dla początkujących. Prostym sposobem na to jest użycie dwóch czcionek wykonanych przez tę samą „Odlewnię czcionek”. Odlewnia czcionek to nic innego jak firma, która projektuje i sprzedaje czcionki odpłatnie lub za darmo.

Lub możesz użyć kroju pisma, rodziny czcionek. Wybierz konkretny krój pisma i wybierz z niego dwie różne czcionki. Na przykład Arial i Arial Black należą do tego samego kroju pisma, ale całkiem dobrze się kontrastują i uzupełniają.

WSKAZÓWKA 3: ZAPEWNIJ WIZUALNĄ HIERARCHIĘ

Weź gazetę lub czasopismo leżące obok ciebie i spójrz na dowolną przypadkową stronę. Możesz zobaczyć hierarchię wizualną w grze. Tradycyjne media drukowane wykorzystują czcionki do oddzielania różnych części tekstu, takich jak nagłówki, śródtytuły, treść i podpisy. Daje to subtelny przekaz Twoim oczom i sprawia, że ​​skupiają się na najważniejszej stronie treści.

Odbywa się to poprzez zmianę rozmiaru, pogrubienia, odstępów między czcionkami, aby czytelnicy poruszali się po stronie zgodnie z intencjami wiadomości. Hierarchia wizualna nie musi ograniczać się tylko do projektów z określonymi układami. Nawet w przypadku reklam czy plakatów promocyjnych w mediach społecznościowych możesz zastosować tę taktykę, aby najważniejsza wiadomość dotarła do użytkownika jako pierwsza. To przykuwa uwagę czytelnika i zachęca go do dalszej lektury.

WSKAZÓWKA 4: ROZWAŻYĆ WYSOKOŚĆ X

Innym sprawdzonym sposobem parowania czcionek jest porównywanie ich według wysokości X. To nic innego jak wysokość znaku „X” w różnych czcionkach. Zwykle różni się w zależności od czcionki. Niepisaną zasadą jest tutaj to, że czcionki o tej samej „wysokości X” będą się uzupełniać i współpracować.

WSKAZÓWKA 5: UNIKAJ PAROWANIA CZCIONEK, KTÓRE SĄ ZBYT SPÓJNE LUB ZBYT PODOBNE

Jeśli dwie czcionki są zbyt podobne, Twój projekt będzie wyglądał monotonnie i będzie nudny. Podobnie, jeśli dwie czcionki są ze sobą w konflikcie, projekt wygląda chaotycznie.

5 kombinacji czcionek, które wyglądają oszałamiająco

Aby pomóc Ci zacząć, podajemy tutaj listę pięciu par czcionek, które dobrze ze sobą współpracują.

PODSUMOWANIE

Doszliśmy do końca naszego wprowadzenia do parowania czcionek. Pamiętaj, że typografia i pasujące czcionki są kluczowe dla sukcesu Twoich projektów. Powiedziawszy to, musisz również pamiętać, że źle zaprojektowane kroje pisma często nie działają dobrze. Zamiast więc trzymać się źle zaprojektowanych bezpłatnych czcionek, możesz sprawić, że Twoje projekty będą oszałamiające, płacąc niewielką opłatę za stylowe czcionki premium. W rzeczywistości odnoszący sukcesy projektanci mają osobiste biblioteki czcionek, które zawierają listę najlepszych współpracujących ze sobą czcionek.

Jeśli chcesz tworzyć przyciągające wzrok projekty, nadszedł czas, aby udoskonalić swoje umiejętności typograficzne i utworzyć osobisty katalog czcionek.

Planujesz zbudować stronę internetową? Nasz wykwalifikowany zespół doświadczonych projektantów i programistów pracował nad kilkoma projektami projektowania stron internetowych i zna tajniki projektowania. Wskocz z nami na pokład i obserwuj wzrost sprzedaży i buduj swoją stronę internetową! Aby uzyskać usługi projektowania stron internetowych w Gurgaon, możesz zadzwonić do nas pod numer +91 124-4379-633. Jesteśmy również dostępni 24 godziny na dobę, 7 dni w tygodniu na stronie www.webfries.com.