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.
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:
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.
Proste kroje przekazują pewność i jasność.
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.
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.
ZA niestandardowy krój pisma na Squarespace's Sleeping Tapes nadaje odpowiedni nastrój.
Zabawny krój pisma HeadOfffice ustawia energetyczną atmosferę.
Nowoczesny i oryginalny krój pisma zastosowany w Maaemo strona główna tworzy tajemniczą atmosferę.
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.
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.
Ręcznie rysowane elementy to świetny sposób na humanizację marki.
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.
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.
Połowę słów "krwawić" nad obrazem.
Lub nawet złamać zasady i nadać znaczenie pierwszemu wizerunkowi i ukryć za nim słowa.
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.