{"id":259118,"date":"2023-09-12T11:10:00","date_gmt":"2023-09-12T08:10:00","guid":{"rendered":"https:\/\/inform.click\/czego-bauhaus-moze-nas-nauczyc-o-projektowaniu-infografiki\/"},"modified":"2023-09-12T11:36:00","modified_gmt":"2023-09-12T08:36:00","slug":"czego-bauhaus-moze-nas-nauczyc-o-projektowaniu-infografiki","status":"publish","type":"post","link":"https:\/\/inform.click\/pl\/czego-bauhaus-moze-nas-nauczyc-o-projektowaniu-infografiki\/","title":{"rendered":"Czego Bauhaus mo\u017ce nas nauczy\u0107 o projektowaniu infografiki"},"content":{"rendered":"<p>\n  W por\u00f3wnaniu do sztuk pi\u0119knych, design zawsze by\u0142 postrzegany jako mniej inspiruj\u0105cy ze wzgl\u0119du na sw\u00f3j praktyczny charakter. Dopiero od ostatniego stulecia zdali\u015bmy sobie spraw\u0119 z niesamowitej mocy projektowania dzi\u0119ki kilku ruchom projektowym zmieniaj\u0105cym paradygmat.\n<\/p>\n<p>\n  <a href=\"https:\/\/en.wikipedia.org\/wiki\/Bauhaus\" target=\"_blank\" rel=\"noopener\">Bauhaus<\/a> by\u0142 jednym z tych ruch\u00f3w, kt\u00f3re nada\u0142y <strong>wzornictwu<\/strong> wyj\u0105tkowe miejsce w ludzko\u015bci: wyj\u0105tkow\u0105 dyscyplin\u0119, kt\u00f3ra \u0142\u0105czy\u0142a sztuk\u0119 i rzemios\u0142o z podej\u015bciem filozoficznym.\n<\/p>\n<p>\n  \u201eBauhaus&#8221; \u2013 termin dos\u0142ownie oznaczaj\u0105cy w j\u0119zyku niemieckim \u201edom budowlany&#8221; \u2013 by\u0142 szko\u0142\u0105 artystyczn\u0105 za\u0142o\u017con\u0105 przez architekta <a href=\"https:\/\/en.wikipedia.org\/wiki\/Walter_Gropius\" target=\"_blank\" rel=\"noopener\">Waltera Gropiusa<\/a> w 1919 roku. Kiedy szko\u0142a Bauhaus istnia\u0142a, mia\u0142a swoje korzenie w trzech miastach \u2013 Dessau (1925-1932), Weimarze (1919-1925) i Berlin (1932-1933).Chocia\u017c Bauhaus jako ruch by\u0142 kr\u00f3tkotrwa\u0142y i ostatecznie zamkni\u0119ty z powodu nazistowskiej partii politycznej, mia\u0142 ogromny wp\u0142yw na sztuk\u0119, projektowanie i architektur\u0119, kt\u00f3ry trwa do dnia dzisiejszego. Do najbardziej znanych artyst\u00f3w i projektant\u00f3w Bauhausu nale\u017c\u0105 Paul Klee, Johannes Itten, Mies Van der Rohe, Wassily Kandinsky i L\u00e1szl\u00f3 Moholy-Nagy.\n<\/p>\n<p>\n  Zamiast skupia\u0107 si\u0119 na elitarnym ideale sztuk pi\u0119knych, Bauhaus by\u0142 w\u00f3wczas na tyle radykalny, \u017ce integrowa\u0142 zasady sztuki i projektowania, takie jak teoria koloru, kompozycja, z nieustannym d\u0105\u017ceniem do celowej funkcjonalno\u015bci. Mo\u017cna si\u0119 wiele nauczy\u0107 z rewolucyjnych zasad Bauhausu dotycz\u0105cych projektowania infografik. Tutaj przegl\u0105damy ich lekcje, aby od\u015bwie\u017cy\u0107 twoje my\u015blenie o projektowaniu informacji z ciekaw\u0105 mieszank\u0105 artystycznego talentu i modernistycznej racjonalno\u015bci.\n<\/p>\n<h5>\n  Dziedzictwo Bauhausu<br \/>\n<\/h5>\n<p>\n  Istnieje sze\u015b\u0107 podstawowych zasad Bauhausu. Opieraj\u0105 si\u0119 na minimalistycznym podej\u015bciu, zdefiniowanym przez proste kolory i czysty design. Bauhaus jako ruch, poza byciem szko\u0142\u0105 artystyczn\u0105, wyznawa\u0142 pewne przekonania, kt\u00f3re ukszta\u0142towa\u0142y jego podej\u015bcie do sztuki i projektowania:\n<\/p>\n<ol>\n<li>Produkty mog\u0105 by\u0107 produkowane masowo, ale tak\u017ce szanowa\u0107 artystycznego ducha indywidualno\u015bci i s\u0142u\u017cy\u0107 wi\u0119kszo\u015bci populacji. Chocia\u017c podobna idea istnia\u0142a ju\u017c w Niemczech, znalaz\u0142a si\u0119 w centrum uwagi po Bauhausie.\n  <\/li>\n<li>Szko\u0142a artystyczna Bauhaus uwa\u017ca\u0142a r\u00f3wnie\u017c, \u017ce ucze\u0144 musi by\u0107 dobrze wyposa\u017cony pod wzgl\u0119dem artystycznym, spo\u0142ecznym, ekonomicznym, technicznym i duchowym. To wydoby\u0142oby z nich to, co najlepsze i uczyni\u0142oby z nich \u017cywotnych uczestnik\u00f3w spo\u0142ecze\u0144stwa.\n  <\/li>\n<li>Bauhaus School of Arts przedk\u0142ada\u0142a my\u015bl\u0105cych przysz\u0142o\u015bciowo wyk\u0142adowc\u00f3w nad uczonych z kwalifikacjami akademickimi. Zach\u0119cali do tw\u00f3rczo\u015bci artystycznej.\n  <\/li>\n<li>Inna z jego zasad obejmowa\u0142a po\u0142\u0105czenie sztuk stosowanych i sztuk pi\u0119knych.\n  <\/li>\n<li>Zwolennicy Bauhausu uwa\u017cali, \u017ce projektant musi mie\u0107 gruntowne do\u015bwiadczenie z materia\u0142ami.\n  <\/li>\n<li>Mocno wierzyli w racjonalne projektowanie i byli urzeczeni nowoczesnym poczuciem pi\u0119kna.\n  <\/li>\n<\/ol>\n<p>\n  Lekcje Bauhausu dotycz\u0105ce projektowania infografiki\n<\/p>\n<p>\n  Projektanci graficzni mog\u0105 si\u0119 wiele nauczy\u0107 o nowoczesnym designie, kt\u00f3ry \u0142\u0105czy w sobie kunszt, przyst\u0119pno\u015b\u0107 cenow\u0105 i u\u017cyteczno\u015b\u0107. Przyjrzyjmy si\u0119 lekcjom, kt\u00f3re mo\u017cemy dzi\u015b zastosowa\u0107 w projektowaniu infografik.\n<\/p>\n<h5>\n  1 Forma pod\u0105\u017ca za funkcj\u0105<br \/>\n<\/h5>\n<p>\n  Skuteczne projektowanie informacji traktuje komunikacj\u0119 jako najwy\u017cszy priorytet. Raz na jaki\u015b czas widzimy pi\u0119knie stylizowan\u0105 infografik\u0119, kt\u00f3ra nie niesie zapadaj\u0105cego w pami\u0119\u0107 przes\u0142ania. Podstawowym celem infografiki jest przekazywanie informacji \u2013 forma i styl powinny spe\u0142nia\u0107 ten cel, a nie odwrotnie.\n<\/p>\n<p>\n  <br \/>\n  S\u0142ynne sto\u0142y zagnie\u017cd\u017cone Josefa Alberta to gra minimalistycznych form i zestawie\u0144 kolorystycznych.\n<\/p>\n<p>\n  Szko\u0142a Bauhaus uczy\u0142a uczni\u00f3w usuwania zb\u0119dnych dekoracji, kt\u00f3re nie s\u0142u\u017cy\u0142y celom u\u017cytkowym. Wyra\u017cenie \u201eforma pod\u0105\u017ca za funkcj\u0105&#8221;, ukute przez ameryka\u0144skiego architekta Louisa Sullivana, doskonale oddaje ducha Bauhausu. Zgodnie z t\u0105 zasad\u0105, dobra infografika powinna stawia\u0107 na pierwszym miejscu czytelno\u015b\u0107 i redukowa\u0107 wizualny ba\u0142agan, aby uzyska\u0107 wyra\u017any efekt wizualny. Innymi s\u0142owy, powinni\u015bmy og\u0142osi\u0107 \u015bmier\u0107 nadmiarowi ozdobnych detali.\n<\/p>\n<p>\n  Poni\u017cej infografika zgodna z t\u0105 zasad\u0105. U\u017cywaj\u0105c minimalnych kolor\u00f3w i podstawowych kszta\u0142t\u00f3w geometrycznych, przekazuje z\u0142o\u017cone informacje w bardzo przejrzysty, przejrzysty spos\u00f3b.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c00c6dff1.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c00c6dff1.webp\" alt=\"\" \/><\/a> Codzienne rutyny znanych kreatywnych ludzi<\/p>\n<h5>\n  2 Hierarchia wizualna jest kr\u00f3lem<br \/>\n<\/h5>\n<p>\n  Szko\u0142a Bauhaus zwraca\u0142a szczeg\u00f3ln\u0105 uwag\u0119 na relacje zachodz\u0105ce mi\u0119dzy dwoma przeciwie\u0144stwami. Na przyk\u0142ad wyja\u015bni\u0142 zwi\u0105zek mi\u0119dzy ciemno\u015bci\u0105 a \u015bwiat\u0142em, lew\u0105 i praw\u0105 stron\u0105 lub du\u017cym i ma\u0142ym. I ta relacja mi\u0119dzy elementami tworzy wizualn\u0105 hierarchi\u0119.\n<\/p>\n<p>\n  We\u017amy na przyk\u0142ad kultowe obrazy kompozycji Kandinsky'ego (Mondriana?). Rozmiar i po\u0142o\u017cenie czerwonego prostok\u0105ta tworzy wizualny punkt centralny, tworz\u0105c relacj\u0119 z s\u0105siaduj\u0105cymi kontrastuj\u0105cymi kolorami i formami, kt\u00f3r\u0105 nasze oczy bardzo \u0142atwo \u015bledz\u0105.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c00f4eed6.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c00f4eed6.webp\" alt=\"\" \/><\/a> Obraz Kandinsky'ego \u201eBia\u0142o-bia\u0142y&#8221; demonstruje wyra\u017an\u0105 wizualn\u0105 hierarchi\u0119.<\/p>\n<p>\n  Lekcja tutaj polega na stworzeniu wyra\u017anego skupienia wizualnego w projekcie infografiki za pomoc\u0105 kontrastu, kszta\u0142t\u00f3w i pozycjonowania przestrzennego. W poni\u017cszym przyk\u0142adzie infografiki u\u017cycie kolor\u00f3w czerwonego i zielonego tworzy silny kontrast, kt\u00f3ry podkre\u015bla r\u00f3\u017cnic\u0119 ilo\u015bciow\u0105, podczas gdy nachodz\u0105ce na siebie formy w \u015brodku tworz\u0105 wyra\u017any wizualny punkt centralny.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c0117d0e5.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c0117d0e5.webp\" alt=\"\" \/><\/a> Infografika Roku \u017bywno\u015bci w Nowym Jorku.<\/p>\n<h5>\n  3 Kolor jako medium<br \/>\n<\/h5>\n<p>\n  Bystry student szko\u0142y artystycznej Bauhaus, <a href=\"https:\/\/en.wikipedia.org\/wiki\/Josef_Albers\" target=\"_blank\" rel=\"noopener\">Josef Albers<\/a>, rozwin\u0105\u0142 ten temat w swojej kultowej ksi\u0105\u017cce \u201eInterakcja kolor\u00f3w&#8221;. Josef nauczy\u0142 nas, \u017ce kolory s\u0105 wzgl\u0119dne i rzadko postrzegane jako ich rzeczywiste w\u0142a\u015bciwo\u015bci fizyczne. Jako medium kolory mog\u0105 by\u0107 \u201ezwodnicze&#8221; i \u201eprowokuj\u0105ce&#8221;. Dlatego zrozumienie, w jaki spos\u00f3b kolory wchodz\u0105 ze sob\u0105 w interakcj\u0119, mo\u017ce w du\u017cym stopniu wp\u0142yn\u0105\u0107 na przekaz.\n<\/p>\n<p>\n  W poni\u017cszym przyk\u0142adzie ilustruj\u0105cym wzgl\u0119dno\u015b\u0107 kolor\u00f3w kwadraty tego samego koloru br\u0105zu s\u0105 postrzegane jako maj\u0105ce r\u00f3\u017cne odcienie ze wzgl\u0119du na kontekst, w kt\u00f3rym si\u0119 znajduj\u0105. Pierwszym krokiem jest zrozumienie wewn\u0119trznych w\u0142a\u015bciwo\u015bci palety kolor\u00f3w. Aby przekaza\u0107 w\u0142a\u015bciwy przekaz, przy wyborze schematu kolor\u00f3w nale\u017cy r\u00f3wnie\u017c wzi\u0105\u0107 pod uwag\u0119 interakcj\u0119 mi\u0119dzy kolorami.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c01350139.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c01350139.webp\" alt=\"\" \/><\/a> Josef Albers o wzgl\u0119dno\u015bci koloru.<\/p>\n<p>\n  Obecnie projektanci wybieraj\u0105 najlepsze palety, aby strony internetowe by\u0142y kolorowe i pasowa\u0142y do \u200b\u200b\u200b\u200bistotnych w\u0142a\u015bciwo\u015bci odcieni.\n<\/p>\n<p>\n  Lekcja, \u017ce \u200b\u200bkolory maj\u0105 g\u0142\u0119bsze powi\u0105zania, jest tym, co wykorzystuj\u0105 wsp\u00f3\u0142cze\u015bni projektanci. Dlatego ostro\u017cnie wybieraj\u0105 najlepsz\u0105 kombinacj\u0119 kolor\u00f3w i ca\u0142kowicie wydobywaj\u0105 znaczenie.\n<\/p>\n<p>\n  Inni arty\u015bci Bauhausu, opr\u00f3cz Josefa Albersa, przyczynili si\u0119 do teorii kolor\u00f3w, na przyk\u0142ad <a href=\"https:\/\/en.wikipedia.org\/wiki\/Johannes_Itten\" target=\"_blank\" rel=\"noopener\">Johannes Itten<\/a> i jego sfera kolor\u00f3w. Podzia\u0142 kolor\u00f3w na kolory <strong>podstawowe, drugorz\u0119dne i trzeciorz\u0119dne<\/strong> jest dzi\u015b nadal szeroko stosowany w projektowaniu graficznym. Teoria kolor\u00f3w Ittena mo\u017ce pom\u00f3c projektantowi infografik w wyborze najlepszego schematu kolor\u00f3w dla swoich projekt\u00f3w.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c0154979c.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c0154979c.webp\" alt=\"\" \/><\/a> 12-kolorowe ko\u0142o Johannesa Ittena.<\/p>\n<p>\n  Maj\u0105c na uwadze t\u0119 teori\u0119 kolor\u00f3w, znacznie \u0142atwiej jest wybra\u0107 najlepszy schemat kolor\u00f3w dla swojej infografiki w oparciu o zasady <strong>sp\u00f3jno\u015bci<\/strong> i <strong>prostoty<\/strong>. Dobra infografika wykorzystuje sp\u00f3jn\u0105 palet\u0119 kolor\u00f3w, zachowuj\u0105c proste kombinacje kolor\u00f3w. Chcesz, aby Twoje kolory wspiera\u0142y przekazywanie informacji, zamiast przeszkadza\u0107 lub odwraca\u0107 uwag\u0119 czytelnika od kluczowego przes\u0142ania.\n<\/p>\n<p>\n  Na przyk\u0142ad, je\u015bli chcesz zaprojektowa\u0107 infografik\u0119 o parzeniu kawy, najlepiej u\u017cy\u0107 br\u0105zu jako dominuj\u0105cego koloru, poniewa\u017c jest to kolor kojarzony z ziarnami kawy, zachowuj\u0105c jednocze\u015bnie prostot\u0119 ca\u0142ej palety kolor\u00f3w. <a href=\"https:\/\/www.behance.net\/gallery\/11101441\/Nespresso-Infographic\" target=\"_blank\" rel=\"noopener\">W tej infografice<\/a> Nespresso projekt oddaje motyw, u\u017cywaj\u0105c br\u0105zowego koloru w ca\u0142ym tek\u015bcie.\n<\/p>\n<p>\n  Aby konsekwentnie i prosto u\u017cywa\u0107 kolor\u00f3w w projekcie infografiki, mo\u017cesz wzi\u0105\u0107 pod uwag\u0119 3 schematy kolor\u00f3w: <strong>monochromatyczny, triadyczny i uzupe\u0142niaj\u0105cy<\/strong>. Monochromatyczny schemat kolor\u00f3w wykorzystuje kolory o tym samym odcieniu, ale o r\u00f3\u017cnym nasyceniu, wi\u0119c uwa\u017caj, aby ustawi\u0107 kolory w taki spos\u00f3b, aby nie wygl\u0105da\u0142y na zbyt matowe. Pocz\u0105tkuj\u0105cym \u0142atwiej jest zacz\u0105\u0107 od triadycznego schematu kolor\u00f3w, w kt\u00f3rym kolory s\u0105 w r\u00f3wnej odleg\u0142o\u015bci na kole kolor\u00f3w. Kolory uzupe\u0142niaj\u0105ce znajduj\u0105 si\u0119 na przeciwnych ko\u0144cach ko\u0142a kolor\u00f3w i doskonale nadaj\u0105 si\u0119 do tworzenia kontrastu.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c0171fa21.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c0171fa21.webp\" alt=\"\" \/><\/a> 3 Rodzaje schemat\u00f3w kolorystycznych dla infografiki.<\/p>\n<p>\n  Na koniec zawsze we\u017a pod uwag\u0119 kontekst swojej infografiki, aby wybra\u0107 kolory, kt\u00f3re przywo\u0142uj\u0105 odpowiednie skojarzenia. Na przyk\u0142ad, je\u015bli projektujesz infografik\u0119 na okres \u015bwi\u0105teczny, najlepiej trzyma\u0107 si\u0119 czerwono-zielonej kolorystyki.\n<\/p>\n<h5>\n  4 Typografia ma znaczenie, du\u017co<br \/>\n<\/h5>\n<p>\n  Jednym z najwi\u0119kszych spadk\u00f3w szko\u0142y artystycznej Bauhaus jest typografia. Liderzy Bauhausu uwa\u017cali, \u017ce typografia jest integraln\u0105 cz\u0119\u015bci\u0105 grafiki, a s\u0142owa powinny by\u0107 ustawione pod ostrymi k\u0105tami. Jednak znaczenie s\u0142owa mia\u0142o wi\u0119kszy priorytet ni\u017c jego konstrukcja.\n<\/p>\n<p>\n  To przekonanie nauczy\u0142o wsp\u00f3\u0142czesnych projektant\u00f3w wa\u017cn\u0105 lekcj\u0119. Zach\u0119ci\u0142o ich to do kreatywno\u015bci w zakresie styl\u00f3w czcionek, ale tak\u017ce ostrzeg\u0142o, aby nie odbiegali od rzeczywistego przes\u0142ania, kt\u00f3re chc\u0105 wyrazi\u0107. Wed\u0142ug Bauhausu podstawow\u0105 funkcj\u0105 typografii jest komunikowanie, a komunikacja powinna pojawia\u0107 si\u0119 w \u201enajkr\u00f3tszej, najprostszej, najbardziej przenikliwej formie&#8221;.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c0198c155.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c0198c155.webp\" alt=\"\" \/><\/a> Najlepsze kroje pisma Bauhaus d\u0105\u017c\u0105 do przejrzysto\u015bci i prostoty.<\/p>\n<p>\n  W przypadku projektowania infografik z regu\u0142y powinni\u015bmy u\u017cywa\u0107 czcionek, kt\u00f3re s\u0105 czytelne i proste, aby komunikacja by\u0142a jasna. Zbyt ozdobne czcionki w kopiowanym tek\u015bcie b\u0119d\u0105 utrudnia\u0107 czytanie i rozprasza\u0107 uwag\u0119, poniewa\u017c teksty rzadko s\u0105 centralnym punktem projektu.\n<\/p>\n<h5>\n  5 Uk\u0142ad siatki<br \/>\n<\/h5>\n<p>\n  Dobre wyr\u00f3wnanie robi ogromn\u0105 r\u00f3\u017cnic\u0119 w projektowaniu graficznym. Pionierzy Bauhausu wierzyli w minimalistyczne podej\u015bcie do organizacji wizualnej, gdzie wszystko jest ciasno \u015bci\u015bni\u0119te w prostok\u0105ty i kwadraty. Siatka ma doskona\u0142y sens dla praktycznych projektant\u00f3w Bauhausu. Wiele element\u00f3w projektu Bauhaus jest zgodnych ze \u015bcis\u0142\u0105 siatk\u0105, na przyk\u0142ad ok\u0142adka ksi\u0105\u017cki i szachownica poni\u017cej.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c01b5e005.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c01b5e005.webp\" alt=\"\" \/><\/a> Projektowanie dla sieci.<\/p>\n<p>\n  Obecnie system siatki jest powszechnie stosowanym systemem wyr\u00f3wnywania przez grafik\u00f3w i projektant\u00f3w stron internetowych do uk\u0142ad\u00f3w stron. Pozostaje skutecznym systemem do utrzymania hierarchii wizualnej w ca\u0142ej sekcji tre\u015bci. W przypadku projektowania infografiki przestrzeganie systemu siatki jest konieczno\u015bci\u0105, poniewa\u017c wiele element\u00f3w musi by\u0107 rozmieszczonych, zorganizowanych i ustrukturyzowanych, aby stworzy\u0107 przejrzyst\u0105 wizualn\u0105 hierarchi\u0119.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c01d50ff0.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c01d50ff0.webp\" alt=\"\" \/><\/a> Jak system siatki jest u\u017cywany w projektowaniu graficznym.<\/p>\n<p>\n  Korzystaj\u0105c z <strong>systemu siatki opartego<\/strong> na kolumnach, takiego jak powy\u017csza siatka z 6 kolumnami, mo\u017cesz ustawi\u0107 wytyczne dotycz\u0105ce interakcji element\u00f3w projektu z ka\u017cdym z nich. Stanowi to podstaw\u0119 silnych relacji wizualnych w Twoim projekcie. Systemy siatek mog\u0105 by\u0107 r\u00f3wnie\u017c wykorzystywane do tworzenia rytmu i ruchu. W powy\u017cszym projekcie kolorystycznym magazynu Bauhaus uko\u015bna siatka tworzy wra\u017cenie ruchu, podczas gdy g\u0119sto zaludnione elementy w \u015brodku siatki daj\u0105 wra\u017cenie grawitacji.\n<\/p>\n<p>\n  Je\u015bli system siatek oparty na kolumnach jest klejem, kt\u00f3ry spaja zawarto\u015b\u0107, u\u017cycie <strong>margines\u00f3w<\/strong> pomaga uporz\u0105dkowa\u0107 g\u0119ste wy\u015bwietlanie informacji. Prawdopodobnie zauwa\u017cy\u0142e\u015b, jak hojne wykorzystanie bia\u0142ej przestrzeni i szerokich margines\u00f3w w projektach Bauhaus tworzy czysty, uporz\u0105dkowany wygl\u0105d.\n<\/p>\n<p>\n  Wreszcie, posiadanie systemu siatki pomaga prze\u0142ama\u0107 siatk\u0119. Tw\u00f3j projekt staje si\u0119 natychmiast skuteczny, gdy celowo \u0142amiesz zasady. Dzi\u0119ki temu Twoja infografika natychmiast stanie si\u0119 bardziej niezapomniana w\u015br\u00f3d wielu szablonowych uk\u0142ad\u00f3w infografik. We\u017amy jako przyk\u0142ad poni\u017csz\u0105 infografik\u0119: przerwanie prostok\u0105tnej siatki u g\u00f3ry tworzy uderzaj\u0105cy efekt wizualny, podczas gdy reszta siatki strony zosta\u0142a zachowana, aby zachowa\u0107 wizualn\u0105 harmoni\u0119 ca\u0142ego projektu.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c01f66f42.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285782-6382c01f66f42.webp\" alt=\"\" \/><\/a> Dobry przyk\u0142ad prze\u0142amania siatki.<\/p>\n<h4>\n  Twoja kolej<br \/>\n<\/h4>\n<p>\n  Oto pi\u0119\u0107 podstawowych lekcji z Bauhausu, kt\u00f3re mo\u017cesz wykorzysta\u0107 w swoim kolejnym projekcie infografiki. Czy uwa\u017casz, \u017ce s\u0105 \u0142atwe do zrozumienia i praktyczne do na\u015bladowania? Czy odkry\u0142e\u015b inne zasady Bauhausu odpowiednie dla projekt\u00f3w infografik?\n<\/p>\n<p>\n  A je\u015bli jeste\u015b gotowy, aby zrobi\u0107 krok naprz\u00f3d, wypr\u00f3buj te zasady projektowania z narz\u0119dziem do tworzenia infografik, takim jak Visme, kt\u00f3re zawiera szablony, aby\u015b m\u00f3g\u0142 skupi\u0107 si\u0119 na zabawie z wyborem odpowiedniej czcionki, koloru i uk\u0142adu wizualnego.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  \u0179r\u00f3d\u0142o nagrywania: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2017\/07\/17\/bauhaus-infographic-design-tips\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>W por\u00f3wnaniu do sztuk pi\u0119knych, design zawsze by\u0142 postrzegany jako mniej inspiruj\u0105cy ze wzgl\u0119du na sw\u00f3j praktyczny charakter. Dopiero od ostatniego stulecia zdali\u015bmy sobie spraw\u0119 z niesamowitej mocy projektowania dzi\u0119ki kilku ruchom projektowym zmieniaj\u0105cym paradygmat. Bauhaus by\u0142 jednym z tych ruch\u00f3w, kt\u00f3re nada\u0142y wzornictwu wyj\u0105tkowe miejsce w ludzko\u015bci: wyj\u0105tkow\u0105 dyscyplin\u0119, kt\u00f3ra \u0142\u0105czy\u0142a sztuk\u0119 i rzemios\u0142o z podej\u015bciem filozoficznym. \u201eBauhaus\u201d \u2013 termin dos\u0142ownie oznaczaj\u0105cy w j\u0119zyku niemieckim \u201edom budowlany\u201d \u2013 by\u0142 szko\u0142\u0105 artystyczn\u0105 za\u0142o\u017con\u0105 przez architekta Waltera Gropiusa w 1919 roku. Kiedy szko\u0142a Bauhaus istnia\u0142a, mia\u0142a swoje korzenie w trzech miastach \u2013 \u2026<\/p>\n","protected":false},"author":1,"featured_media":191028,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[396,201,526,604,58,656,357],"tags":[],"class_list":["post-259118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-projekt","category-projektowanie-stron","category-roznorodny","category-technologia-i-nie-tylko","category-web-i-wordpress","category-witryny-internetowe","category-zabawa"],"_links":{"self":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts\/259118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/comments?post=259118"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/posts\/259118\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/media\/191028"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/media?parent=259118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/categories?post=259118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pl\/wp-json\/wp\/v2\/tags?post=259118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}