Typografia we wspólnych przestrzeniach: trend, który musisz znać
Wydaje się, że to taka prosta koncepcja, ale ten trend dopiero zaczyna się rozwijać. Projektanci pozwalają typografii krzyżować płaszczyzny między elementami.
Trend jest zilustrowany typem, rozpoczynającym się w jednej części płótna, a następnie rozciąga się w przestrzeń czegoś innego, na przykład nakładającej się części zdjęcia lub wkraczania na inne kolorowe pudełko lub obraz. Technika nakładania warstw jest interesująca i może pomóc w dodaniu odrobiny kreatywności do projektu na wiele sposobów. Oto dokładniejsze spojrzenie na sposoby używania typografii we wspólnych przestrzeniach.
Zidentyfikuj trend
Typografia we wspólnych przestrzeniach jest dość łatwym do zidentyfikowania trendem w projektowaniu stron internetowych. (Możesz go również wypróbować w projektach innych niż internetowe, takich jak plakaty lub pocztówki.) Kluczową cechą jest to, że typ lub powiązane elementy wydają się przekraczać wiele warstw lub płaszczyzn w projekcie.
Chociaż chodzi o to, że szukasz typografii we wspólnych przestrzeniach, trend może dotyczyć niemal każdego elementu projektu, który przechodzi w przestrzeń, która wygląda, jakby była zarezerwowana na coś innego. Często jest prezentowany jako rozszerzenie konstrukcji podzielonego ekranu.
Element przecinający płaszczyzny może być dość oczywisty, podobnie jak wiele przykładów typografii poniżej lub bardziej subtelny. Spójrz na zdjęcie przedstawiające wózek Hometown Trolley powyżej. Pociągnięcie rozciąga się od typu, aby odciągnąć oko od obrazu wózka do głównego nagłówka. Bliższe spojrzenie ujawnia, że część wózka wychodzi z tła na część ekranu przeznaczoną na elementy typu.
To, co robi ten trend - jeśli jest dobrze zaprojektowane - pomaga poprowadzić oko użytkownika przez elementy. Dzięki podzielonemu projektowi są dwie różne rzeczy, na które należy patrzeć, dzielenie się przestrzenią pomaga poprowadzić użytkownika do ważnych części projektu. Inną zaletą z punktu widzenia projektu jest to, że tworzenie wielu przestrzeni może ułatwić umieszczenie elementów tekstowych - pomyśl o projekcie jako o dwóch gigantycznych kartach z warstwą na górze, która je łączy.
Mieszaj zdjęcia i typografię
Typografia we wspólnych przestrzeniach pięknie działa z mocnymi zdjęciami. Wielu projektantów korzysta z tego trendu w przypadku obrazów zorientowanych pionowo (coś, co nie jest często używane ze względu na charakter proporcji ekranu).
Udostępnianie przestrzeni to świetny sposób na wykorzystanie tych kształtów w inny sposób, przy jednoczesnym tworzeniu efektownego obrazu. Napis może przechodzić między obrazem a białymi znakami lub może po prostu czytać między spacjami, tak jak w powyższym przykładzie.
To, co jest sprytne w typografii i przesyłaniu wiadomości w The Square Apartments, to to, że słowa można czytać samodzielnie w formacie prawie podzielonego ekranu lub na panelach, aby uzyskać pełniejsze, ale przesyłanie wiadomości.
Inną zaletą tej opcji jest to, że wybranie koloru tekstu może być nieco trudniejsze, ponieważ nie pozwala się na wiele tła. To może być najłatwiejsza odmiana typografii we wspólnych przestrzeniach do wypróbowania.
Wypróbuj pogrubioną czcionkę
Ten trend jest dramatycznie piękny, z napisem przecinającym panele w projekcie i wykorzystującym ciekawy krój pisma w dużym stopniu. Dodatkowy nacisk na krój pisma, ponieważ składa się z wielu przestrzeni, podkreśla słowa i tworzy centralny punkt w projekcie.
Aby działało to skutecznie, potrzebujesz krótkiej wiadomości - długie nagłówki będą przytłaczające, interesujący wybór kroju pisma oraz para obrazu i tła o podobnej kolorystyce, dzięki czemu tekst będzie można łatwo odczytać na całym płótnie.
W większości przypadków wybierz czarne lub białe litery na tle. Jest to dość skomplikowany projekt dla użytkowników do strawienia - nawet jeśli może wyglądać raczej prosto - a czytelność powinna być głównym problemem.
Typ warstwy z kolorem
Nie ma nic do powiedzenia, że typografia musi dzielić przestrzeń z obrazami, aby wykorzystać ten trend. Może działać równie dobrze, gdy w ogóle nie masz żadnych zdjęć.
Mieszaj i dopasowuj kolorowe pola, geometryczne kształty i różne opcje typografii, aby tworzyć warstwy z polotem.
Powyżej Startup Lab wykonuje fascynującą pracę polegającą na łączeniu kolorowych bloków z czcionką, która ignoruje obramowania, tworząc wiele interesujących warstw. Zgrabne cieniowanie dużych słów stanowi przyjemny wizualny punkt odniesienia i ładnie kontrastuje z prostszymi, prostymi stylami typu wtórnego.
Dodaj nutę animacji
To, że korzystasz z trendu przestrzeni współdzielonej, nie oznacza, że musisz zrezygnować z innych mod. Dodaj odrobinę animacji dla elementów interfejsu użytkownika lub elementów nawigacyjnych, aby zachęcić użytkowników do klikania wokół projektu.
Subtelny ruch może również pomóc skupić się, jeśli projekt jest trochę zajęty.
W powyższym projekcie małe okrągłe logo obraca się powoli. Prawie działa, aby wyśrodkować projekt, który ma prawie asymetryczny układ. Wypełnia uwięzione miejsca między literą a obrazem, dzięki czemu ogólny wygląd wydaje się kompletny i zrównoważony. Dodatkowo animacja przeniesie Cię bezpośrednio do brandingu strony.
Nie komplikuj
Jest to powtarzający się motyw tutaj w Design Shack, ale ten trend działa najlepiej, gdy jest prosty. Chociaż opracowanie efektywnego projektu z typografią lub innymi elementami we wspólnych przestrzeniach może zająć dużo planowania i może być trudne, efekt końcowy powinien wyglądać na prosty i bezproblemowy.
Jeśli nie wiesz, od czego zacząć, wypróbuj minimalną platformę. Białe tło z czarnym typem, takie jak Melville powyżej, może przesunąć ostrość na kolorowe obrazy. (Czyste linie są zawsze modne).
Skoncentruj się na przepływie wizualnym dzięki tego rodzaju wzorom projektowym. Zastanów się, które części projektu są najważniejsze do zobaczenia przez użytkowników, a następnie kliknij. Nakładaj tło, obrazy i napisy, aby przeciągnąć użytkowników przez ten przepływ, tak aby ostatnią rzeczą, którą widzą w naturalnym postępie, była kolejna czynność. (W przypadku powyższego projektu użytkownicy mają dwie możliwości - kliknij link lub przewiń.)
Wniosek
Tworzenie projektu z typografią we wspólnych przestrzeniach jest nowoczesną odmianą dość tradycyjnych technik projektowania. Zapewnia to opcję, która pomaga projektantom wyróżniać zdjęcia za pomocą często przycinanych kształtów lub zaprojektować odważną opcję bez obrazów.
Skorzystaj z solidnego, czytelnego napisu, który dobrze przecina płaszczyzny, aby w pełni wykorzystać ten trend. Rozważ przepływ użytkowników i wezwania do działania ... i baw się dobrze!
