8 złotych zasad kompozycji dla grafików

Kompozycja jest znana głównie w branży fotograficznej i artystycznej, ale jest równie ważna w projektowaniu graficznym. Projekt musi wyglądać atrakcyjnie wizualnie dla użytkowników i służyć szerszemu celowi, nie tylko być ładnym, a wdrożenie zasad kompozycji właśnie to robi.

Aby Twoje projekty graficzne były bardziej informacyjne i funkcjonalne dla użytkowników, zachowując jednocześnie estetykę, przestrzegaj tych złotych zasad kompozycji.

Co to jest kompozycja i dlaczego jest tak ważna?

Kompozycja jest przemyślanym wynikiem przedstawionych obrazów. Może to dotyczyć fotografii — są podobne zasady kompozycji w fotografii— a także sztuka tradycyjna. Nawet prezentacja jedzenia w fotografii kulinarnej wykorzystuje kompozycję wywołać określone reakcje.

W projektowaniu graficznym chodzi o rozmieszczenie elementów i treści. Dobrze zaokrąglony widok kompozycji uwzględnia układ, kolor, teksturę i same elementy.

Zasady te są niezbędne w projektowaniu graficznym, ponieważ projekt polega na wyświetlaniu informacji przy jednoczesnym zachowaniu estetyki. Projektanci powinni zawsze brać pod uwagę kompozycję, aby poprowadzić oko publiczności przez projekt.

1. Projekt do układu siatki

Układ jest jednym z najważniejszych aspektów kompozycji projektu. Być może słyszałeś o spirali Fibonacciego io tym, jak wiele elementów w przyrodzie podąża za nią. Używanie spirali Fibonacciego jako przewodnika po układzie jest świetne w przypadku tradycyjnych dzieł sztuki lub w tym równowaga radialna w sztuce i projektowaniu, ale spirale nie są jedynym układem, na który ludzie dobrze reagują.

Projektowanie graficzne — zwłaszcza projektowanie układów, projektowanie stron internetowych i projektowanie UX/UI — działa najlepiej, gdy jest ustawione na siatkę. Projektowanie stron internetowych na komputer zazwyczaj wykorzystuje 12-kolumnową siatkę, ale nie jest to twarda i szybka zasada. Inne typy projektów działają lepiej z innymi rozmiarami siatki.

Siatki zapewniają spójność projektów. Ludzkie oko lubi wiedzieć, czego się spodziewać i gdzie, zwłaszcza podczas czytania ważnych informacji. Podążanie za siatką pomaga użytkownikom przyswoić Twój projekt, a także oznacza, że ​​każda strona jest zgodna z ogólnymi oczekiwaniami dotyczącymi miejsc docelowych.

2. Ćwicz hierarchię typograficzną

Nawet jeśli jesteś nowy w projektowaniu graficznym, przez całe życie doświadczałeś hierarchii typograficznej. Gazeta jest doskonałym przykładem tej zasady kompozycyjnej.

Główny artykuł nagłówkowy ma zawsze największy i najodważniejszy tekst. Zaraz po nim pojawia się drugi najważniejszy artykuł na pierwszej stronie. Pod nagłówkiem znajdziesz mniejszy, ale nadal odważny tekst, który daje wgląd w artykuł. Wreszcie, rozmiar tekstu w treści artykułu jest najmniejszy, zapewniając wszystkie dodatkowe informacje.

Ta sama technika powinna być stosowana do wszystkich form projektowych. Najważniejsze — ale często najkrótsze — informacje powinny być najobszerniejsze i najbardziej przejrzyste, a następnie coraz mniejszy tekst dla mniej ważnych, ale istotnych informacji.

Jedną rzeczą do zapamiętania jest wybór liczby rozmiarów i krojów pisma używanych w każdym projekcie. Wybierz maksymalnie trzy czcionki i trzy lub cztery rozmiary w zależności od przypadku użycia. Mniej znaczy zwykle więcej, jeśli chodzi o projektowanie typograficzne.

3. Daj wszystkim miejsce

Aby wchłonąć informacje lub projekt wizualny, musi być wystarczająco dużo miejsca. Zbyt wiele elementów razem przytłoczy odbiorców, uniemożliwiając im w ogóle przyswojenie jakiegokolwiek projektu lub informacji.

Zapewnienie negatywnej przestrzeni jest powszechną techniką w projektowaniu graficznym i tradycyjnych formach sztuki; nie jest to jednak jedyna technika zapewniania odpowiedniej przestrzeni w projektach.

Ponownie, praca z siatką pomoże ci odpowiednio rozmieścić projekt. Świadomość, że mniej znaczy więcej, pomaga również ustalać priorytety elementów projektu, umożliwiając umieszczanie w kompozycji tylko tego, co jest potrzebne.

4. Elementy warstwy

Nawet przy dużej ilości miejsca w projekcie nadal możesz układać elementy jeden na drugim. Duży, pogrubiony tekst jest nadal czytelny, jeśli zakrywa części obrazu. Warstwowy efekt przemawia do artystycznej strony projektu graficznego, ale nie przeszkadza mu to w pełnieniu funkcji pomocnej i informacyjnej.

W przypadku projektowania pod kątem UX/UI lub projektowania stron internetowych elementy warstwowe mogą pomóc w przepływie interakcji użytkownika. Tytuł może animować się na obrazie lub zniknąć po wybraniu, na przykład w celu odsłonięcia innych elementów.

Nakładanie warstw pomaga przestrzegać hierarchii, równoważąc informacje, które mają być widoczne dla ludzi, z elementami projektu, które dodają dekorację lub kontekst. Jest to również powszechne elementy warstw w kompozycjach fotograficznych poprowadzić wzrok widzów przez zdjęcie.

5. Dodaj tekstury

Podobnie jak dodawanie warstw, dodawanie tekstur to świetny sposób na ulepszenie kompozycji projektowych. Projekt graficzny nie musi być płaski.

Tekstury mogą obejmować gradienty, przezroczystość, tekstury grunge, wzory, a nawet tekst może dodać teksturę. Jeśli projektujesz w serwisie Canva, możesz znaleźć kilka świetnych teksturowane elementy przy użyciu kodów Canva.

6. Graj z harmonią kolorów

Kolor jest jednym z najważniejszych aspektów projektowania. Wybierz kolory, które pasują nie tylko do Twojej marki i dopasować wskaźnik WCAG, ale które również dobrze wyglądają w całym projekcie.

Harmonia kolorów oznacza nie tylko kolory, które naturalnie ze sobą współgrają, ale także kolory uzupełniające lub monochromatyczne z kolorowymi akcentami. Zawsze powinien istnieć powód, aby użyć nieharmonizującego koloru w swoim projekcie graficznym, ale jeśli zostanie to zrobione dobrze, sprawi, że Twój projekt będzie się wyróżniał.

7. Zintegruj punkty centralne

Nawet jeśli Twój projekt służy wyłącznie do dekoracji lub jest ładny, uwzględnienie punktu centralnego przyciągnie ludzi. Jest to szczególnie ważne w przypadku projektowania informacji, ponieważ może to być element, który sprawia, że ​​ludzie zatrzymują się i zaczynają czytać Twój projekt.

Zastanów się, gdzie chcesz lub potrzebujesz, aby Twoi odbiorcy spędzali najwięcej czasu w Twoim projekcie. Używając systemu siatki, izolacji kolorów lub zapewniając odpowiednią przestrzeń ujemną, możesz podkreślić swój punkt centralny, aby nie zgubił się w hałasie.

Jeśli przestrzegasz innych zasad kompozycji, w twoim projekcie powinien naturalnie pojawić się punkt centralny. Hierarchia typograficzna i warstwowanie obrazów mogą sprawić, że element wysuwa się na pierwszy plan jako najważniejszy element projektu.

8. Wiedz, kiedy łamać zasady

Jak powiedział słynny Pablo Picasso: „Naucz się zasad jak profesjonalista, aby móc je łamać jak artysta”.

Kiedy już wiesz, co sprawia, że ​​projektowanie graficzne jest świetne w tradycyjnym tego słowa znaczeniu, czas zacząć eksperymentować. Zaprojektuj idealnie skomponowany plakat, przestrzegając każdej zasady do litery T, a następnie zmień wszystko. Zobacz, jak się czujesz, gdy patrzysz na swój nowy projekt. Eksperymentuj więcej lub wróć do podstaw kompozycji.

Ważne jest, aby użyć instynktu projektowego. Projektowanie graficzne jest bardziej ustrukturyzowane niż tradycyjna sztuka, więc zwykle powinien istnieć powód dla twoich wyborów projektowych. Tak długo, jak decyzje projektowe mają sens, a projekt nadal działa zgodnie z zamierzeniami, eksperymentowanie z kompozycją może pomóc w stworzeniu najlepszego projektu graficznego, jaki kiedykolwiek stworzyłeś.

Zawsze stosuj złote zasady do swoich projektów... lub Nie

Tych zasad nie ustalają żadni bogowie projektowania graficznego, są one po prostu uzgodnione przez projektantów po dziesięcioleciach udanego projektowania. Postępuj zgodnie z radami Picassa i najpierw naucz się zasad. Gdy zrozumiesz skład projektu, będziesz mieć doświadczenie, aby wiedzieć, czy musisz przestrzegać go w każdym aspekcie każdego projektu.