Czego Bauhaus może nas nauczyć o projektowaniu infografiki

W porównaniu do sztuk pięknych, design zawsze był postrzegany jako mniej inspirujący ze względu na swój praktyczny charakter. Dopiero od ostatniego stulecia zdaliśmy sobie sprawę z niesamowitej mocy projektowania dzięki kilku ruchom projektowym zmieniającym paradygmat.

Bauhaus był jednym z tych ruchów, które nadały wzornictwu wyjątkowe miejsce w ludzkości: wyjątkową dyscyplinę, która łączyła sztukę i rzemiosło z podejściem filozoficznym.

„Bauhaus" – termin dosłownie oznaczający w języku niemieckim „dom budowlany” – był szkołą artystyczną założoną przez architekta Waltera Gropiusa w 1919 roku. Kiedy szkoła Bauhaus istniała, miała swoje korzenie w trzech miastach – Dessau (1925-1932), Weimarze (1919-1925) i Berlin (1932-1933).Chociaż Bauhaus jako ruch był krótkotrwały i ostatecznie zamknięty z powodu nazistowskiej partii politycznej, miał ogromny wpływ na sztukę, projektowanie i architekturę, który trwa do dnia dzisiejszego. Do najbardziej znanych artystów i projektantów Bauhausu należą Paul Klee, Johannes Itten, Mies Van der Rohe, Wassily Kandinsky i László Moholy-Nagy.

Zamiast skupiać się na elitarnym ideale sztuk pięknych, Bauhaus był wówczas na tyle radykalny, że integrował zasady sztuki i projektowania, takie jak teoria koloru, kompozycja, z nieustannym dążeniem do celowej funkcjonalności. Można się wiele nauczyć z rewolucyjnych zasad Bauhausu dotyczących projektowania infografik. Tutaj przeglądamy ich lekcje, aby odświeżyć twoje myślenie o projektowaniu informacji z ciekawą mieszanką artystycznego talentu i modernistycznej racjonalności.

Dziedzictwo Bauhausu

Istnieje sześć podstawowych zasad Bauhausu. Opierają się na minimalistycznym podejściu, zdefiniowanym przez proste kolory i czysty design. Bauhaus jako ruch, poza byciem szkołą artystyczną, wyznawał pewne przekonania, które ukształtowały jego podejście do sztuki i projektowania:

1. Produkty mogą być produkowane masowo, ale także szanować artystycznego ducha indywidualności i służyć większości populacji. Chociaż podobna idea istniała już w Niemczech, znalazła się w centrum uwagi po Bauhausie.
2. Szkoła artystyczna Bauhaus uważała również, że uczeń musi być dobrze wyposażony pod względem artystycznym, społecznym, ekonomicznym, technicznym i duchowym. To wydobyłoby z nich to, co najlepsze i uczyniłoby z nich żywotnych uczestników społeczeństwa.
3. Bauhaus School of Arts przedkładała myślących przyszłościowo wykładowców nad uczonych z kwalifikacjami akademickimi. Zachęcali do twórczości artystycznej.
4. Inna z jego zasad obejmowała połączenie sztuk stosowanych i sztuk pięknych.
5. Zwolennicy Bauhausu uważali, że projektant musi mieć gruntowne doświadczenie z materiałami.
6. Mocno wierzyli w racjonalne projektowanie i byli urzeczeni nowoczesnym poczuciem piękna.

Lekcje Bauhausu dotyczące projektowania infografiki

Projektanci graficzni mogą się wiele nauczyć o nowoczesnym designie, który łączy w sobie kunszt, przystępność cenową i użyteczność. Przyjrzyjmy się lekcjom, które możemy dziś zastosować w projektowaniu infografik.

1 Forma podąża za funkcją

Skuteczne projektowanie informacji traktuje komunikację jako najwyższy priorytet. Raz na jakiś czas widzimy pięknie stylizowaną infografikę, która nie niesie zapadającego w pamięć przesłania. Podstawowym celem infografiki jest przekazywanie informacji – forma i styl powinny spełniać ten cel, a nie odwrotnie.

Słynne stoły zagnieżdżone Josefa Alberta to gra minimalistycznych form i zestawień kolorystycznych.

Szkoła Bauhaus uczyła uczniów usuwania zbędnych dekoracji, które nie służyły celom użytkowym. Wyrażenie „forma podąża za funkcją”, ukute przez amerykańskiego architekta Louisa Sullivana, doskonale oddaje ducha Bauhausu. Zgodnie z tą zasadą, dobra infografika powinna stawiać na pierwszym miejscu czytelność i redukować wizualny bałagan, aby uzyskać wyraźny efekt wizualny. Innymi słowy, powinniśmy ogłosić śmierć nadmiarowi ozdobnych detali.

Poniżej infografika zgodna z tą zasadą. Używając minimalnych kolorów i podstawowych kształtów geometrycznych, przekazuje złożone informacje w bardzo przejrzysty, przejrzysty sposób.

Codzienne rutyny znanych kreatywnych ludzi

2 Hierarchia wizualna jest królem

Szkoła Bauhaus zwracała szczególną uwagę na relacje zachodzące między dwoma przeciwieństwami. Na przykład wyjaśnił związek między ciemnością a światłem, lewą i prawą stroną lub dużym i małym. I ta relacja między elementami tworzy wizualną hierarchię.

Weźmy na przykład kultowe obrazy kompozycji Kandinsky’ego (Mondriana?). Rozmiar i położenie czerwonego prostokąta tworzy wizualny punkt centralny, tworząc relację z sąsiadującymi kontrastującymi kolorami i formami, którą nasze oczy bardzo łatwo śledzą.

Obraz Kandinsky’ego „Biało-biały” demonstruje wyraźną wizualną hierarchię.

Lekcja tutaj polega na stworzeniu wyraźnego skupienia wizualnego w projekcie infografiki za pomocą kontrastu, kształtów i pozycjonowania przestrzennego. W poniższym przykładzie infografiki użycie kolorów czerwonego i zielonego tworzy silny kontrast, który podkreśla różnicę ilościową, podczas gdy nachodzące na siebie formy w środku tworzą wyraźny wizualny punkt centralny.

Infografika Roku Żywności w Nowym Jorku.

3 Kolor jako medium

Bystry student szkoły artystycznej Bauhaus, Josef Albers, rozwinął ten temat w swojej kultowej książce „Interakcja kolorów”. Josef nauczył nas, że kolory są względne i rzadko postrzegane jako ich rzeczywiste właściwości fizyczne. Jako medium kolory mogą być „zwodnicze” i „prowokujące”. Dlatego zrozumienie, w jaki sposób kolory wchodzą ze sobą w interakcję, może w dużym stopniu wpłynąć na przekaz.

W poniższym przykładzie ilustrującym względność kolorów kwadraty tego samego koloru brązu są postrzegane jako mające różne odcienie ze względu na kontekst, w którym się znajdują. Pierwszym krokiem jest zrozumienie wewnętrznych właściwości palety kolorów. Aby przekazać właściwy przekaz, przy wyborze schematu kolorów należy również wziąć pod uwagę interakcję między kolorami.

Josef Albers o względności koloru.

Obecnie projektanci wybierają najlepsze palety, aby strony internetowe były kolorowe i pasowały do ​​​​istotnych właściwości odcieni.

Lekcja, że ​​kolory mają głębsze powiązania, jest tym, co wykorzystują współcześni projektanci. Dlatego ostrożnie wybierają najlepszą kombinację kolorów i całkowicie wydobywają znaczenie.

Inni artyści Bauhausu, oprócz Josefa Albersa, przyczynili się do teorii kolorów, na przykład Johannes Itten i jego sfera kolorów. Podział kolorów na kolory podstawowe, drugorzędne i trzeciorzędne jest dziś nadal szeroko stosowany w projektowaniu graficznym. Teoria kolorów Ittena może pomóc projektantowi infografik w wyborze najlepszego schematu kolorów dla swoich projektów.

12-kolorowe koło Johannesa Ittena.

Mając na uwadze tę teorię kolorów, znacznie łatwiej jest wybrać najlepszy schemat kolorów dla swojej infografiki w oparciu o zasady spójności i prostoty. Dobra infografika wykorzystuje spójną paletę kolorów, zachowując proste kombinacje kolorów. Chcesz, aby Twoje kolory wspierały przekazywanie informacji, zamiast przeszkadzać lub odwracać uwagę czytelnika od kluczowego przesłania.

Na przykład, jeśli chcesz zaprojektować infografikę o parzeniu kawy, najlepiej użyć brązu jako dominującego koloru, ponieważ jest to kolor kojarzony z ziarnami kawy, zachowując jednocześnie prostotę całej palety kolorów. W tej infografice Nespresso projekt oddaje motyw, używając brązowego koloru w całym tekście.

Aby konsekwentnie i prosto używać kolorów w projekcie infografiki, możesz wziąć pod uwagę 3 schematy kolorów: monochromatyczny, triadyczny i uzupełniający. Monochromatyczny schemat kolorów wykorzystuje kolory o tym samym odcieniu, ale o różnym nasyceniu, więc uważaj, aby ustawić kolory w taki sposób, aby nie wyglądały na zbyt matowe. Początkującym łatwiej jest zacząć od triadycznego schematu kolorów, w którym kolory są w równej odległości na kole kolorów. Kolory uzupełniające znajdują się na przeciwnych końcach koła kolorów i doskonale nadają się do tworzenia kontrastu.

3 Rodzaje schematów kolorystycznych dla infografiki.

Na koniec zawsze weź pod uwagę kontekst swojej infografiki, aby wybrać kolory, które przywołują odpowiednie skojarzenia. Na przykład, jeśli projektujesz infografikę na okres świąteczny, najlepiej trzymać się czerwono-zielonej kolorystyki.

4 Typografia ma znaczenie, dużo

Jednym z największych spadków szkoły artystycznej Bauhaus jest typografia. Liderzy Bauhausu uważali, że typografia jest integralną częścią grafiki, a słowa powinny być ustawione pod ostrymi kątami. Jednak znaczenie słowa miało większy priorytet niż jego konstrukcja.

To przekonanie nauczyło współczesnych projektantów ważną lekcję. Zachęciło ich to do kreatywności w zakresie stylów czcionek, ale także ostrzegło, aby nie odbiegali od rzeczywistego przesłania, które chcą wyrazić. Według Bauhausu podstawową funkcją typografii jest komunikowanie, a komunikacja powinna pojawiać się w „najkrótszej, najprostszej, najbardziej przenikliwej formie”.

Najlepsze kroje pisma Bauhaus dążą do przejrzystości i prostoty.

W przypadku projektowania infografik z reguły powinniśmy używać czcionek, które są czytelne i proste, aby komunikacja była jasna. Zbyt ozdobne czcionki w kopiowanym tekście będą utrudniać czytanie i rozpraszać uwagę, ponieważ teksty rzadko są centralnym punktem projektu.

5 Układ siatki

Dobre wyrównanie robi ogromną różnicę w projektowaniu graficznym. Pionierzy Bauhausu wierzyli w minimalistyczne podejście do organizacji wizualnej, gdzie wszystko jest ciasno ściśnięte w prostokąty i kwadraty. Siatka ma doskonały sens dla praktycznych projektantów Bauhausu. Wiele elementów projektu Bauhaus jest zgodnych ze ścisłą siatką, na przykład okładka książki i szachownica poniżej.

Projektowanie dla sieci.

Obecnie system siatki jest powszechnie stosowanym systemem wyrównywania przez grafików i projektantów stron internetowych do układów stron. Pozostaje skutecznym systemem do utrzymania hierarchii wizualnej w całej sekcji treści. W przypadku projektowania infografiki przestrzeganie systemu siatki jest koniecznością, ponieważ wiele elementów musi być rozmieszczonych, zorganizowanych i ustrukturyzowanych, aby stworzyć przejrzystą wizualną hierarchię.

Jak system siatki jest używany w projektowaniu graficznym.

Korzystając z systemu siatki opartego na kolumnach, takiego jak powyższa siatka z 6 kolumnami, możesz ustawić wytyczne dotyczące interakcji elementów projektu z każdym z nich. Stanowi to podstawę silnych relacji wizualnych w Twoim projekcie. Systemy siatek mogą być również wykorzystywane do tworzenia rytmu i ruchu. W powyższym projekcie kolorystycznym magazynu Bauhaus ukośna siatka tworzy wrażenie ruchu, podczas gdy gęsto zaludnione elementy w środku siatki dają wrażenie grawitacji.

Jeśli system siatek oparty na kolumnach jest klejem, który spaja zawartość, użycie marginesów pomaga uporządkować gęste wyświetlanie informacji. Prawdopodobnie zauważyłeś, jak hojne wykorzystanie białej przestrzeni i szerokich marginesów w projektach Bauhaus tworzy czysty, uporządkowany wygląd.

Wreszcie, posiadanie systemu siatki pomaga przełamać siatkę. Twój projekt staje się natychmiast skuteczny, gdy celowo łamiesz zasady. Dzięki temu Twoja infografika natychmiast stanie się bardziej niezapomniana wśród wielu szablonowych układów infografik. Weźmy jako przykład poniższą infografikę: przerwanie prostokątnej siatki u góry tworzy uderzający efekt wizualny, podczas gdy reszta siatki strony została zachowana, aby zachować wizualną harmonię całego projektu.

Dobry przykład przełamania siatki.

Twoja kolej

Oto pięć podstawowych lekcji z Bauhausu, które możesz wykorzystać w swoim kolejnym projekcie infografiki. Czy uważasz, że są łatwe do zrozumienia i praktyczne do naśladowania? Czy odkryłeś inne zasady Bauhausu odpowiednie dla projektów infografik?

A jeśli jesteś gotowy, aby zrobić krok naprzód, wypróbuj te zasady projektowania z narzędziem do tworzenia infografik, takim jak Visme, które zawiera szablony, abyś mógł skupić się na zabawie z wyborem odpowiedniej czcionki, koloru i układu wizualnego.