Czasami krój pisma musi wyrażać uczucia w takim samym stopniu, jak znaczenie, a dla tej funkcji coraz więcej projektantów zwraca się ku dramatycznej typografii. Tego typu typografia służy nie tylko czytelności i czytelności (chociaż to wciąż jest główny cel). Dramatyczna typografia wyróżnia się. Przechodzi przez ekran urządzenia, wymaga uwagi widza i kieruje go w stronę przekazywanej wiadomości. Jest to okazja do pokazania tożsamości marki, ulepszenia zawartości tekstowej, stworzenia idealnej hierarchii wizualnej i stworzenia niezapomnianego wrażenia. Nic dziwnego, że dramatyczna typografia szybko staje się trendem w interfejsach internetowych.

Czy to proste, czy wyszukane, słowa na dzisiejszych stronach są czytane w zupełnie nowym świetle. W tym artykule przyjrzymy się 5 przykładom dramatycznej typografii w projektowaniu stron internetowych.

1. Prosty, ale dramatyczny krój pisma

Prosta typografia i dramatyczna typografia nie wykluczają się wzajemnie. W rzeczywistości prosta typografia jest jedną z najlepszych form dramatycznych typografii. Ta technika jest stosunkowo łatwa do włączenia na Twojej stronie - wystarczy wybrać prosty krój pisma i postępuj zgodnie z tymi wskazówkami:

  • Zwiększ rozmiar czcionki (duże kroje piszą potężny przekaz szczególnie w połączeniu z obrazami bohatera)
  • Dopasuj kolor tekstu do tła (kolor tekstu jest zazwyczaj biały lub czarny, który dobrze kontrastuje z obrazem lub jasnym tłem).
  • Dodaj pogrubiony styl

Rozmiar czcionki jest sposobem kontrolowania wpływu; poniższy przykład doskonale pokazuje, w jaki sposób formy literowe mogą być wspaniałe same. Stosując skrajności, w odosobnieniu lub w grupach, możliwe staje się przekazanie wiadomości z mocą, bez bycia nieprzyjemnym.

kryjówka

Proste kroje przekazują pewność i jasność.

2. Kreatywne wykorzystanie prostych krojów

Jest absolutnie możliwe, aby wziąć najbardziej podstawowe czcionki i stworzyć niezapomniane wrażenia. Wszystko czego potrzebujesz to eksperymentować z typografią:

Chcesz wysłać wiadomość głośno i wyraźnie? Użyj ALL CAPS do skopiowania. Chcesz stworzyć coś naprawdę wyjątkowego? Użyj prostego kroju pisma wraz z animowanymi efektami lub wideo.

warsztat tkacki

3. Ozdobny krój pisma

Projektanci mają mieszane uczucia dotyczące dekoracyjnych krojów pisma. Wielu projektantów gardzi dekoracyjnymi twarzami jako tanimi i niechlujnymi, a inni uwielbiają je i wykorzystują w kreatywny i interesujący sposób. Jeśli chodzi o mnie, uważam, że właściwie zastosowana, dekoracyjna typografia może nadać ton stronie i podkreśla ją w piękny sposób; ale tylko wtedy, gdy pasuje do osobowości marki i atmosfery witryny. Kiedy projektant osiągnie równowagę poprzez włączenie kopii z odpowiednim dekoracyjnym typem, całe doświadczenie jest lepsze. Oto kilka przykładów:

w Hawk i kura poniżej przykładowa czcionka dekoracyjna pomaga stworzyć dziwaczny i niepowtarzalny styl tej kuchni / baru.

hawkandhen

ZA niestandardowy krój pisma na Squarespace's Sleeping Tapes nadaje odpowiedni nastrój.

squarespace

Zabawny krój pisma HeadOfffice ustawia energetyczną atmosferę.

głowa

Nowoczesny i oryginalny krój pisma zastosowany w Maaemo strona główna tworzy tajemniczą atmosferę.

maemo

Zapewne zauważyłeś, że wszystkie powyższe przykłady mają jedną wspólną cechę: dekoracyjny krój pisma jest używany razem z prostym, minimalnym układem. To nie przypadek. Faktem jest, że ozdobna typografia jest interesująca sama. Jeśli więc zamierzasz użyć typu dekoracyjnego na swojej stronie głównej, aby skoncentrować uwagę użytkownika na jednym elemencie, lepiej użyć prostego układu.

4. Napis

Ręcznie rysowane od dawna jest częścią projektowania stron internetowych. Czasami jest to prawdziwy napis, który jest skanowany, ale w wielu przypadkach jest to krój pisma, który wygląda ręcznie. Czcionki skryptowe i napisy nadają elegancki wygląd każdemu projektowi, gdy zostanie to zrobione poprawnie. Ręcznie narysowany tekst jest unikalny, ponieważ jest w stanie przekazywać komunikaty o organizacji stojącej za nim. Spojrzeć na Ziarno i moździerz i Femme fatale przykłady poniżej. Artystyczne korzenie tych agencji projektowych prześwitują w projekcie strony głównej.

grainandmortar

Ręcznie rysowane elementy to świetny sposób na humanizację marki.

Femme fatale

Tylko upewnij się, że jeśli ostatecznym celem jest czytelność, to przesłanie nie gubi się w pięknie. Aby zapobiec potencjalnym problemom, spróbuj ograniczyć użycie ręcznie rysowanych czcionek do dużych tytułów nałożonych na obrazy i użyj innej czcionki dla zwykłej kopii.

5. Nakładające się elementy

Jednym z najlepszych sposobów na zauważenie tekstu jest nałożenie go na inne elementy (takie jak obrazy lub inne obiekty graficzne). Zazwyczaj czcionki wybrane do nałożenia uwzględniają inne tekstury, wzory i dzieła, które będą obecne w projekcie:

Możesz rozszerzyć tekst poza swoją sekcję na inne.

agan

Połowę słów "krwawić" nad obrazem.

volta

Lub nawet złamać zasady i nadać znaczenie pierwszemu wizerunkowi i ukryć za nim słowa.

tf

Dwie ważne kwestie związane z tą techniką to kontrast i czytelność . Musisz przetestować swój projekt, aby upewnić się, że oba wymagania są spełnione, a strona ma dobre doświadczenia.