Przewodnik dla początkujących po hierarchii wizualnej dla projektantów
Opublikowany: 2018-11-07Jeśli jesteś grafikiem, projektantem stron internetowych lub w ogóle wykonujesz prace wizualne, prawdopodobnie rozwinąłeś swój proces podczas tworzenia nowego dokumentu lub produktu. Niezależnie od tego, czy odnosisz się do tego w ten sposób, czy nie, jednym z podstawowych zadań do rozpoczęcia nowego projektu jest wymyślenie pewnego rodzaju wizualnej hierarchii dla utworu – układu wszystkich elementów lub sekcji w twoim wizualnym podziale. Komponowanie nowego dzieła wizualnego zawsze będzie uwzględniać układ i kompozycję – gdzie rzeczy idą, jak się układają i w jakiej kolejności. Możesz myśleć o hierarchii jako o ramowaniu listy istotnych elementów w projekcie w taki sposób, że najważniejsze rzeczy są prezentowane na górze kreacji.
Tworzenie hierarchii jest ważne, ponieważ pomaga skierować uwagę na właściwą rzecz we właściwym czasie. Hierarchia to rozsądny sposób na pokazanie względnej istoty elementów, oferując organizację w ich strukturze i pomagając widzowi w nawigacji. Będziesz mógł wiedzieć, które informacje pojawiają się przed innymi; będziesz dokładnie wiedział, co należy najpierw przeczytać. Będziesz także wiedział, na którą część należy zwrócić większą uwagę.
We wszystkim, co tworzymy, powinna istnieć hierarchia – nawet eseje, które piszemy w szkole, czy raporty, które przedstawiamy inwestorom dla naszych firm. Jednak w projektowaniu hierarchia nie ogranicza się tylko do tekstu. Na przykład, gdy przeglądasz prawidłowo zaprojektowaną witrynę, dowiesz się, że hierarchia jest stosowana, aby pomóc w ustrukturyzowaniu strony. Od rozmiaru banera nawigacyjnego po ikony, notki i obraz bohatera. Tak więc, podczas gdy osoba zajmująca się treścią lub copywriter jest zajęta opowiadaniem historii witryny od jej najważniejszych do najmniej ważnych elementów, Ty – jako projektant – powinieneś tworzyć pasującą hierarchię wizualną.
Hierarchia wizualna tworzy centralny punkt, dzięki czemu Twoi widzowie są bardziej komfortowi i lepiej dopasowani, przechodząc przez Twój projekt i prowadząc ich tam, gdzie będą znajdować się najważniejsze informacje – i tam przyciągając ich uwagę. Jeśli nie możesz się doczekać poszerzenia swojej wiedzy na temat hierarchii wizualnej w celu budowania swojej kariery projektanta, jesteś we właściwym miejscu. W tym artykule omówimy niektóre kwestie, które należy wziąć pod uwagę, aby stworzyć odpowiednią hierarchię wizualną.
Użyj rozmiaru na swoją korzyść
Jako grafik możesz wykorzystać rozmiar na swoją korzyść, zmniejszając lub zwiększając różne elementy, aby poprawić widoczność. Większy element projektu zyskuje nieco więcej uwagi i dlatego powinien być zarezerwowany dla najważniejszych, interesujących lub wprowadzających elementów. Powiększanie wymiarów obiektu i rozmiaru w stosunku do innych obiektów (skala) to jeden z bardzo skutecznych sposobów nadania wizualnej hierarchii i organizacji projektu. Te elementy projektu, które nie mają dużego znaczenia lub nie przywiązują do najważniejszych wskazówek tekstowych, można pomniejszyć tak, aby nie były tak widoczne, jak te, które mają duże znaczenie. Tego typu elementy projektu należą do najniższego punktu w hierarchii wizualnej.
Dokonaj inteligentnych wyborów kolorów
Inną ważną rzeczą, na której należy się skupić przy tworzeniu hierarchii, jest kolor i kontrast. Ludzi wizualnie przyciąga kolor, zwłaszcza jeśli kolor jest stosowany w strategiczny sposób, aby wyświetlić ważne obrazy lub informacje. Istnieje bardzo duże prawdopodobieństwo, że dana osoba przejdzie przez stronę internetową i przeczyta głębiej, gdy istnieje jakaś organizacja związana z kolorami tych informacji. Dlatego wykresy i wykresy oparte na danych są często oznaczone kolorami, aby zapewnić lepszą widoczność i czytelność. Kolory takie jak żółty i czerwony wyrażają ważność i pilność, podczas gdy kolory takie jak niebieski i zielony oznaczają stabilność i spokój. Należy jednak uważać, aby nie zalać projektu wszystkimi kolorami tęczy, ponieważ może to mieć negatywny wpływ lub odwrócić uwagę od przekazu. Używaj kolorów mądrze i celowo, a przekonasz się, że dobrze przekładają się na ogólny efekt wizualny Twojego produktu.
Rozważ mądrze typografię
Innym czynnikiem, który należy wziąć pod uwagę, jest rodzaj czcionki, której zdecydujesz się użyć, oraz rozmiary każdego z nich. Do wyboru jest wiele czcionek, więc Twoim zadaniem jest upewnienie się, że te, które wybierzesz, są najlepsze i podkreślają przesłanie każdego produktu. Tradycyjnie mówiono, że nagłówki i tytuły powinny używać czcionek bezszeryfowych lub displayowych, a czcionki kopiujące powinny być zdegradowane tylko do czcionek szeryfowych. To się zmienia wraz ze światem, ale z reguły im większa czcionka, tym bardziej zauważalna będzie kopia. Ogólnie rzecz biorąc, kopia jest ułożona w formacie konspektu, w którym górny tytuł jest największy, mniejsze podtytuły są średniej wielkości, a ogólna kopia treści jest najmniejsza. Mniej chodzi o trend lub oczekiwania w zakresie projektowania, a bardziej o czytelność i ludzką skłonność do skanowania.
Najważniejsze elementy projektu powinny być napisane czcionkami, które przykuwają uwagę – ale zawsze zapewniają przejrzystość. Uwaga nie jest przydatna, jeśli czytelnik nie rozumie, co jest napisane. Zbyt często wybory czcionek są dokonywane bez patrzenia na to, jak manifestuje się każda litera. Czasami powodowało to nawet faux pas dla marki, która chciała napisać jedno słowo, ale której czcionka sprawiała, że słowo wyglądało niepoprawnie lub, co gorsza, nieodpowiednie.
Po zapoznaniu się z powyższymi wskazówkami możesz teraz stworzyć swoją wizualną hierarchię. Biorąc pod uwagę, że jest to przewodnik dla początkujących, wszystkie punkty przedstawione w tym artykule zostały dokładnie zbadane, aby pomóc Ci wymyślić najlepszą hierarchię wizualną po raz pierwszy i łatwo to zrobić. Jednym z łatwych sposobów sprawdzenia, czy twoja wizualna hierarchia była skuteczna, jest głośne przeczytanie całego języka w utworze. Czy są części, które wzywają do zmiany głosu lub podkreślenia? To właśnie one przyciągają najwięcej uwagi. W przypadku projektów, które nie zawierają dużo tekstu, zmruż oczy lub spójrz z daleka i zauważ, gdzie są skierowane twoje oczy – najlepiej, aby ten obszar był centralnym punktem twojego produktu. Jeśli pociąga Cię kopiowanie lub elementy wizualne, które są mniej ważne, być może zbudowałeś coś, co zbyt rozprasza, i możesz użyć tego jako miary do wprowadzania zmian w projekcie przed jego ukończeniem.