{"id":249789,"date":"2023-09-12T11:10:00","date_gmt":"2023-09-12T08:10:00","guid":{"rendered":"https:\/\/inform.click\/mita-bauhaus-voi-opettaa-meille-infograafisesta-suunnittelusta\/"},"modified":"2023-09-12T11:24:00","modified_gmt":"2023-09-12T08:24:00","slug":"mita-bauhaus-voi-opettaa-meille-infograafisesta-suunnittelusta","status":"publish","type":"post","link":"https:\/\/inform.click\/fi\/mita-bauhaus-voi-opettaa-meille-infograafisesta-suunnittelusta\/","title":{"rendered":"Mit\u00e4 Bauhaus voi opettaa meille infograafisesta suunnittelusta"},"content":{"rendered":"<p>\n  Taiteeseen verrattuna muotoilua on aina pidetty v\u00e4hemm\u00e4n inspiroivana sen k\u00e4yt\u00e4nn\u00f6llisyyden vuoksi. Olemme oppineet ymm\u00e4rt\u00e4m\u00e4\u00e4n muotoilun uskomattoman voiman vasta viime vuosisadasta l\u00e4htien muutamien paradigmaa muuttavien suunnitteluliikkeiden ansiosta.\n<\/p>\n<p>\n  <a href=\"https:\/\/en.wikipedia.org\/wiki\/Bauhaus\" target=\"_blank\" rel=\"noopener\">Bauhaus<\/a> oli yksi n\u00e4ist\u00e4 liikkeist\u00e4, jotka antoivat <strong>muotoilulle<\/strong> ainutlaatuisen paikan ihmiskunnassa: ainutlaatuisen tieteenalan, joka sekoitti taiteen ja k\u00e4sity\u00f6taidon filosofiseen l\u00e4hestymistapaan.\n<\/p>\n<p>\n  &#8221;Bauhaus&#8221; \u2013 termi, joka tarkoittaa kirjaimellisesti &#8221;rakennustaloa&#8221; saksaksi &#8211; oli taidekoulu, jonka arkkitehti <a href=\"https:\/\/en.wikipedia.org\/wiki\/Walter_Gropius\" target=\"_blank\" rel=\"noopener\">Walter Gropius<\/a> perusti vuonna 1919. Kun Bauhaus-koulu oli olemassa, sen juuret olivat kolmessa kaupungissa \u2013 Dessaussa (1925-1932), Weimarissa (1919-1925) ja Berliini (1932-1933). Vaikka Bauhaus oli lyhytaikainen ja lopulta lakkautettiin natsipoliittisen puolueen vuoksi, sill\u00e4 oli liikkeen\u00e4 valtava vaikutus taiteeseen, muotoiluun ja arkkitehtuuriin, joka jatkuu nykyp\u00e4iv\u00e4\u00e4n. Tunnetuimpia Bauhaus-taiteilijoita ja suunnittelijoita ovat Paul Klee, Johannes Itten, Mies Van der Rohe, Wassily Kandinsky ja L\u00e1szl\u00f3 Moholy-Nagy.\n<\/p>\n<p>\n  Sen sijaan, ett\u00e4 se olisi keskittynyt elitistiseen kuvataiteen ihanteeseen, Bauhaus oli tuolloin tarpeeksi radikaali integroidakseen taiteen ja suunnittelun periaatteet, kuten v\u00e4riteorian, sommittelun ja s\u00e4\u00e4lim\u00e4tt\u00f6m\u00e4n pyrkimyksen m\u00e4\u00e4r\u00e4tietoiseen toiminnallisuuteen. Infografiikkasuunnittelun vallankumouksellisista Bauhausin periaatteista on paljon opittavaa. T\u00e4\u00e4ll\u00e4 k\u00e4ymme l\u00e4pi heid\u00e4n oppituntinsa virkist\u00e4\u00e4ksemme ajatuksesi tietosuunnittelusta uteliaana sekoituksena taiteellista tunnelmaa ja modernistista rationaalisuutta.\n<\/p>\n<h5>\n  Bauhausin perint\u00f6<br \/>\n<\/h5>\n<p>\n  Bauhausissa on kuusi perusperiaatetta. Ne perustuvat minimalistiseen l\u00e4hestymistapaan, jonka m\u00e4\u00e4rittelev\u00e4t yksinkertaiset v\u00e4rit ja puhdas muotoilu. Bauhausilla liikkeen\u00e4 sen lis\u00e4ksi, ett\u00e4 se oli taidekoulu, sill\u00e4 oli tiettyj\u00e4 uskomuksia, jotka muovasivat sen l\u00e4hestymistapaa taiteeseen ja muotoiluun:\n<\/p>\n<ol>\n<li>Tuotteet voivat olla massatuotettuja, mutta samalla kunnioittaa yksil\u00f6llisyyden taiteellista henke\u00e4 ja palvella suurinta osaa v\u00e4est\u00f6st\u00e4. Vaikka samanlainen idea oli jo olemassa Saksassa, se nousi parrasvaloihin Bauhausin j\u00e4lkeen.\n  <\/li>\n<li>Bauhausin taidekoulu uskoi my\u00f6s, ett\u00e4 opiskelijoiden on oltava hyvin varustettuja taiteellisesti, sosiaalisesti, taloudellisesti, teknisesti ja henkisesti. T\u00e4m\u00e4 tuo esiin heiss\u00e4 parhaat puolet ja tekisi heist\u00e4 t\u00e4rkeit\u00e4 yhteiskunnan osallistujia.\n  <\/li>\n<li>Bauhaus School of Arts suosi eteenp\u00e4in ajattelevia tiedekunnan j\u00e4seni\u00e4 akateemisesti p\u00e4tevien tutkijoiden sijaan. He rohkaisivat taiteellista luovuutta.\n  <\/li>\n<li>Toinen sen periaatteista oli soveltavan taiteen ja kuvataiteen yhdist\u00e4minen.\n  <\/li>\n<li>Bauhausin seuraajat uskoivat, ett\u00e4 suunnittelijalla on oltava perusteellinen kokemus materiaaleista.\n  <\/li>\n<li>He uskoivat vakaasti j\u00e4rkev\u00e4\u00e4n suunnitteluun ja valloittivat nykyajan kauneuden tunteen.\n  <\/li>\n<\/ol>\n<p>\n  Bauhausin infograafisen suunnittelun oppitunteja\n<\/p>\n<p>\n  Graafiset suunnittelijat voivat oppia paljon nykyaikaisesta suunnittelusta, jossa yhdistyv\u00e4t taiteellisuus, kohtuuhintaisuus ja hy\u00f6dyllisyys. Katsotaanpa oppitunteja, joita voimme soveltaa infografiikkasuunnitteluun t\u00e4n\u00e4\u00e4n.\n<\/p>\n<h5>\n  1 Lomake seuraa toimintoa<br \/>\n<\/h5>\n<p>\n  Tehokas tietosuunnittelu pit\u00e4\u00e4 kommunikaatiota ensisijaisena tavoitteenaan. V\u00e4lill\u00e4 n\u00e4emme kauniisti muotoiltua infografiaa, joka ei v\u00e4lit\u00e4 mieleenpainuvaa viesti\u00e4. Infografiikan ensisijainen tarkoitus on v\u00e4litt\u00e4\u00e4 tietoa \u2013 muodon ja tyylin tulee toimia t\u00e4m\u00e4n tarkoituksen saavuttamiseksi, ei p\u00e4invastoin.\n<\/p>\n<p>\n  <br \/>\n  Josef Albertin kuuluisat pes\u00e4p\u00f6yd\u00e4t ovat leikki\u00e4 minimalistisilla muodoilla ja v\u00e4riyhdistelmill\u00e4.\n<\/p>\n<p>\n  Bauhaus-koulu opetti oppilaita riisumaan tarpeettomia koristeita, jotka eiv\u00e4t palvelleet toiminnallista tarkoitusta. Amerikkalaisen arkkitehdin Louis Sullivanin keksim\u00e4 ilmaus &#8221;muoto seuraa funktiota&#8221; vangitsee t\u00e4ydellisesti Bauhausin aikakauden. T\u00e4t\u00e4 s\u00e4\u00e4nt\u00f6\u00e4 noudattaen hyv\u00e4n infografian tulee asettaa etusijalle luettavuus ja v\u00e4hent\u00e4\u00e4 visuaalista sotkua selke\u00e4n visuaalisen tarkennuksen luomiseksi. Toisin sanoen meid\u00e4n pit\u00e4isi ilmoittaa kuolemasta liiallisille koristeellisille yksityiskohdille.\n<\/p>\n<p>\n  Alla on infografiikka, joka noudattaa t\u00e4t\u00e4 s\u00e4\u00e4nt\u00f6\u00e4. Minimaalisia v\u00e4rej\u00e4 ja geometrisia perusmuotoja k\u00e4ytt\u00e4m\u00e4ll\u00e4 se v\u00e4litt\u00e4\u00e4 monimutkaista tietoa eritt\u00e4in puhtaalla, selke\u00e4ll\u00e4 muotoilulla.\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> Kuuluisten luovien ihmisten p\u00e4ivitt\u00e4iset rutiinit<\/p>\n<h5>\n  2 Visuaalinen hierarkia on kuningas<br \/>\n<\/h5>\n<p>\n  Bauhaus-koulu kiinnitti erityist\u00e4 huomiota kahden vastakohdan v\u00e4lisiin suhteisiin. Se esimerkiksi selitti pimeyden ja vaalean, vasemman ja oikean tai suuren ja pienen yhteyden. Ja t\u00e4m\u00e4 elementtien v\u00e4linen suhde luo visuaalisen hierarkian.\n<\/p>\n<p>\n  Otetaan esimerkiksi Kandinskyn (Mondrianin?) ikoniset sommittelumaalaukset. Punaisen suorakulmion koko ja sijainti luovat visuaalisen polttopisteen muodostaen suhteen vierekk\u00e4isten vastakkaisten v\u00e4rien ja muotojen kanssa, jota silm\u00e4mme on eritt\u00e4in helppo seurata.\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> Kandinskyn maalaus &#8221;Valkoinen-valkoinen&#8221; osoittaa selke\u00e4n visuaalisen hierarkian.<\/p>\n<p>\n  Oppitunti t\u00e4ss\u00e4 on luoda selke\u00e4 visuaalinen fokus infografiseen suunnitteluun k\u00e4ytt\u00e4m\u00e4ll\u00e4 kontrastia, muotoja ja spatiaalista sijoittelua. Alla olevassa infografiikkaesimerkiss\u00e4 punaisen ja vihre\u00e4n v\u00e4rin k\u00e4ytt\u00f6 muodostaa voimakkaan kontrastin, joka korostaa kvantitatiivista eroa, kun taas p\u00e4\u00e4llekk\u00e4iset muodot keskell\u00e4 luovat selke\u00e4n visuaalisen painopisteen.\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> Vuosi ruokaa NYC:ss\u00e4 -infografiikka.<\/p>\n<h5>\n  3 V\u00e4ri keskipitk\u00e4n\u00e4<br \/>\n<\/h5>\n<p>\n  Bauhausin taidekoulun taitava opiskelija, nimelt\u00e4 <a href=\"https:\/\/en.wikipedia.org\/wiki\/Josef_Albers\" target=\"_blank\" rel=\"noopener\">Josef Albers<\/a>, laajensi aihetta ikonisessa kirjassaan &#8221;V\u00e4rien vuorovaikutus&#8221;. Josef opetti meille, ett\u00e4 v\u00e4rit ovat suhteellisia ja harvoin n\u00e4hd\u00e4\u00e4n niiden todellisina fysikaalisina ominaisuuksina. V\u00e4liaineena v\u00e4rit voivat olla &#8221;petollisia&#8221; ja &#8221;provosoivia&#8221;. Siksi sen ymm\u00e4rt\u00e4minen, kuinka v\u00e4rit ovat vuorovaikutuksessa toistensa kanssa, voi suuresti m\u00e4\u00e4ritt\u00e4\u00e4 viestisi.\n<\/p>\n<p>\n  Alla olevassa esimerkiss\u00e4, joka havainnollistaa v\u00e4rin suhteellisuutta, ruskean samanv\u00e4risten neli\u00f6iden katsotaan olevan eri s\u00e4vyisi\u00e4 niiden kontekstin vuoksi. V\u00e4ripaletin luontaisten ominaisuuksien ymm\u00e4rt\u00e4minen on ensimm\u00e4inen askel. Oikean viestin v\u00e4litt\u00e4miseksi v\u00e4rimaailmaa valittaessa on otettava huomioon my\u00f6s v\u00e4rien v\u00e4linen vuorovaikutus.\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 v\u00e4rien suhteellisuudesta.<\/p>\n<p>\n  T\u00e4ll\u00e4 hetkell\u00e4 suunnittelijat valitsevat parhaat paletit tehd\u00e4kseen verkkosivuista v\u00e4rikk\u00e4it\u00e4 ja vastaamaan s\u00e4vyjen luontaisia \u200b\u200bominaisuuksia.\n<\/p>\n<p>\n  Nykysuunnittelijat k\u00e4ytt\u00e4v\u00e4t opetusta siit\u00e4, ett\u00e4 v\u00e4reill\u00e4 on syvempi\u00e4 yhteyksi\u00e4. Joten he valitsevat varovasti parhaan v\u00e4riyhdistelm\u00e4n ja tuovat merkityksen kokonaan esiin.\n<\/p>\n<p>\n  Muut Bauhaus-taiteilijat ovat osallistuneet v\u00e4riteoriaan Josef Albersin lis\u00e4ksi, kuten <a href=\"https:\/\/en.wikipedia.org\/wiki\/Johannes_Itten\" target=\"_blank\" rel=\"noopener\">Johannes Itten<\/a> ja h\u00e4nen v\u00e4ripallonsa. V\u00e4rien luokittelu <strong>p\u00e4\u00e4-, toissijaisiin ja terti\u00e4\u00e4risiin v\u00e4reihin<\/strong> on nyky\u00e4\u00e4n edelleen laajalti k\u00e4yt\u00f6ss\u00e4 graafisessa suunnittelussa. Ittenin v\u00e4riteoria voi ohjata infografiikkasuunnittelijaa valitsemaan suunnitelmilleen parhaan v\u00e4riteeman.\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> Johannes Ittenin 12-s\u00e4vyinen v\u00e4riympyr\u00e4.<\/p>\n<p>\n  T\u00e4t\u00e4 v\u00e4riteoriaa ajatellen on paljon helpompi valita infografiillesi paras v\u00e4riteema <strong>johdonmukaisuuden<\/strong> ja <strong>yksinkertaisuuden<\/strong> periaatteiden perusteella. Hyv\u00e4 infografiikka k\u00e4ytt\u00e4\u00e4 yhten\u00e4ist\u00e4 v\u00e4ripalettia ja pit\u00e4\u00e4 v\u00e4riyhdistelm\u00e4n yksinkertaisena. Haluat v\u00e4risi tukevan tiedonv\u00e4lityst\u00e4 sen sijaan, ett\u00e4 ne est\u00e4v\u00e4t tai h\u00e4iritsisiv\u00e4t lukijasi keskeisest\u00e4 viestist\u00e4.\n<\/p>\n<p>\n  Jos aiot esimerkiksi suunnitella infografian kahvin valmistamisesta, on parasta k\u00e4ytt\u00e4\u00e4 ruskeaa hallitsevana v\u00e4rin\u00e4, koska se on kahvipapuihin liittyv\u00e4 v\u00e4ri, mutta koko v\u00e4ripaletti on yksinkertainen. T\u00e4ss\u00e4 Nespresso &#8211; <a href=\"https:\/\/www.behance.net\/gallery\/11101441\/Nespresso-Infographic\" target=\"_blank\" rel=\"noopener\">infografiassa<\/a> muotoilu v\u00e4litt\u00e4\u00e4 teeman k\u00e4ytt\u00e4m\u00e4ll\u00e4 ruskeaa v\u00e4ri\u00e4 kauttaaltaan.\n<\/p>\n<p>\n  Jotta voit k\u00e4ytt\u00e4\u00e4 v\u00e4rej\u00e4 johdonmukaisesti ja yksinkertaisesti infografiikkasuunnittelussasi, voit harkita kolmea v\u00e4rimallia: <strong>yksiv\u00e4rinen, kolmiv\u00e4rinen ja t\u00e4ydent\u00e4v\u00e4<\/strong>. Yksiv\u00e4rinen v\u00e4rimaailma k\u00e4ytt\u00e4\u00e4 v\u00e4rej\u00e4, joilla on sama s\u00e4vy mutta eri kyll\u00e4isyys, joten ole varovainen asettaessasi v\u00e4rit tavalla, joka ei n\u00e4yt\u00e4 liian tyls\u00e4lt\u00e4. Aloittelijan on helpompi aloittaa kolmiv\u00e4rimallilla, jossa v\u00e4rit ovat yht\u00e4 kaukana v\u00e4riympyr\u00e4ss\u00e4. Ilmaiset v\u00e4rit ovat v\u00e4riympyr\u00e4n vastakkaisissa p\u00e4iss\u00e4, ja ne sopivat erinomaisesti kontrastin luomiseen.\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 Infografiikan v\u00e4rimallityypit.<\/p>\n<p>\n  Lopuksi, harkitse aina infografiisi kontekstia valitaksesi v\u00e4rit, jotka her\u00e4tt\u00e4v\u00e4t oikeita assosiaatioita. Jos esimerkiksi suunnittelet infografiaa joulukaudelle, on parasta pysy\u00e4 punaisen ja vihre\u00e4n v\u00e4rimaailmassa.\n<\/p>\n<h5>\n  4 typografia on t\u00e4rke\u00e4\u00e4, paljon<br \/>\n<\/h5>\n<p>\n  Yksi Bauhausin taidekoulun suurimmista perinn\u00f6ist\u00e4 on typografia. Bauhausin johtajat uskoivat, ett\u00e4 typografia on olennainen osa grafiikkaa ja ett\u00e4 sanat tulisi asettaa ter\u00e4viin kulmiin. Sanan merkitys oli kuitenkin t\u00e4rke\u00e4mpi kuin sen suunnittelu.\n<\/p>\n<p>\n  T\u00e4m\u00e4 uskomus opetti nykyaikaisille suunnittelijoille t\u00e4rke\u00e4n oppitunnin. Se rohkaisi heit\u00e4 olemaan luovia kirjasintyylien kanssa, mutta my\u00f6s varoitti heit\u00e4 poikkeamasta varsinaisesta viestist\u00e4, jonka he haluavat ilmaista. Bauhausin mukaan typografian ensisijainen teht\u00e4v\u00e4 on kommunikoida, ja viestinn\u00e4n tulee esiinty\u00e4 &#8221;lyhyimm\u00e4ss\u00e4, yksinkertaisimmassa, l\u00e4pitunkeimmassa muodossa&#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> Parhaat Bauhaus-kirjasintyypit tavoittelevat selkeytt\u00e4 ja yksinkertaisuutta.<\/p>\n<p>\n  Infografiikkasuunnittelussa nyrkkis\u00e4\u00e4nt\u00f6n\u00e4 meid\u00e4n tulee k\u00e4ytt\u00e4\u00e4 luettavia ja yksinkertaisia \u200b\u200bfontteja selke\u00e4n viestinn\u00e4n takaamiseksi. Liian koristeelliset fontit tekstin kopiointiin vaikeuttavat lukemista ja h\u00e4iritsev\u00e4t katselemista, koska tekstit ovat harvoin suunnittelun keskipiste.\n<\/p>\n<h5>\n  5 Ruudukkoasettelu<br \/>\n<\/h5>\n<p>\n  Hyv\u00e4 kohdistus tekee koko maailman eron graafisessa suunnittelussa. Bauhausin pioneerit uskoivat minimalistiseen l\u00e4hestymistapaan visuaaliseen organisointiin, jossa kaikki on puristettu tiukasti suorakulmioihin ja neli\u00f6ihin. Ristikko on t\u00e4ysin j\u00e4rkev\u00e4 k\u00e4yt\u00e4nn\u00f6llisille Bauhaus-suunnittelijoille. Monet Bauhaus-designelementit noudattavat tiukkaa ruudukkoa, kuten kirjan kansi ja alla oleva shakkilauta.\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> Suunnittelu verkkoon.<\/p>\n<p>\n  Nyky\u00e4\u00e4n ruudukkoj\u00e4rjestelm\u00e4 on graafisten suunnittelijoiden ja web-suunnittelijoiden yleisesti k\u00e4ytt\u00e4m\u00e4 kohdistusj\u00e4rjestelm\u00e4 sivun asetteluihin. Se on edelleen tehokas j\u00e4rjestelm\u00e4 visuaalisen hierarkian yll\u00e4pit\u00e4miseksi koko sis\u00e4lt\u00f6osiossa. Infografiikkasuunnittelussa ruudukkoj\u00e4rjestelm\u00e4n noudattaminen on v\u00e4ltt\u00e4m\u00e4t\u00f6nt\u00e4, koska useita elementtej\u00e4 on j\u00e4rjestett\u00e4v\u00e4, j\u00e4rjestett\u00e4v\u00e4 ja j\u00e4sennelt\u00e4v\u00e4 selke\u00e4n visuaalisen hierarkian luomiseksi.\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> Kuinka ruudukkoj\u00e4rjestelm\u00e4\u00e4 k\u00e4ytet\u00e4\u00e4n graafisessa suunnittelussa.<\/p>\n<p>\n  K\u00e4ytt\u00e4m\u00e4ll\u00e4 <strong>sarakepohjaista ruudukkoj\u00e4rjestelm\u00e4\u00e4,<\/strong> kuten yll\u00e4 olevaa 6 sarakkeen ruudukkoa, voit m\u00e4\u00e4ritt\u00e4\u00e4 ohjeen, kuinka suunnitteluelementit ovat vuorovaikutuksessa kunkin ulostulon kanssa. Se luo perustan vahvoille visuaalisille suhteille suunnittelussasi. My\u00f6s ruudukkoj\u00e4rjestelmi\u00e4 voidaan k\u00e4ytt\u00e4\u00e4 luomaan rytmi\u00e4 ja liikett\u00e4. Yll\u00e4 olevassa Bauhaus-lehden v\u00e4risuunnittelussa vinottain sijoittuva ristikko luo liikkeen tunteen, kun taas tihe\u00e4sti asutut elementit ruudukon keskell\u00e4 luovat painovoiman tunteen.\n<\/p>\n<p>\n  Jos sarakepohjainen ruudukkoj\u00e4rjestelm\u00e4 on liima, joka pit\u00e4\u00e4 sis\u00e4ll\u00f6n koossa, <strong>marginaalien<\/strong> k\u00e4ytt\u00f6 auttaa v\u00e4hent\u00e4m\u00e4\u00e4n tihe\u00e4\u00e4 tietojen n\u00e4ytt\u00f6\u00e4si. Olet luultavasti huomannut, kuinka runsas valkoisen tilan ja leveiden marginaalien k\u00e4ytt\u00f6 Bauhaus-malleissa luo puhtaan, selke\u00e4n ilmeen.\n<\/p>\n<p>\n  Lopuksi verkkoj\u00e4rjestelm\u00e4 auttaa sinua rikkomaan ruudukon. Suunnittelustasi tulee v\u00e4litt\u00f6m\u00e4sti vaikuttava, kun rikot m\u00e4\u00e4r\u00e4tietoisesti s\u00e4\u00e4nt\u00f6j\u00e4. T\u00e4m\u00e4 tekee infografiasi v\u00e4litt\u00f6m\u00e4sti mieleenpainuvamman monien ev\u00e4steen leikkaavien infografiikkaasettelujen joukossa. Otetaan esimerkkin\u00e4 alla oleva infografiikka: yl\u00e4reunan suorakaideruudukon rikkoutuminen luo silmiinpist\u00e4v\u00e4n visuaalisen vaikutuksen, kun taas sivun loput ruudukosta pidettiin ennallaan kokonaissuunnittelun visuaalisen harmonian s\u00e4ilytt\u00e4miseksi.\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> Hyv\u00e4 esimerkki ruudukon rikkomisesta.<\/p>\n<h4>\n  Sinun vuorosi<br \/>\n<\/h4>\n<p>\n  T\u00e4ss\u00e4 on viisi t\u00e4rke\u00e4\u00e4 Bauhausin opetusta, joita voit k\u00e4ytt\u00e4\u00e4 seuraavassa infografiikkasuunnittelussasi. Ovatko ne mielest\u00e4si helppoja ymm\u00e4rt\u00e4\u00e4 ja k\u00e4yt\u00e4nn\u00f6llisi\u00e4 seurata? Oletko l\u00f6yt\u00e4nyt muita infografiikkasuunnitteluun sopivia Bauhaus-periaatteita?\n<\/p>\n<p>\n  Ja jos olet valmis ottamaan harppauksen, kokeile n\u00e4it\u00e4 suunnitteluperiaatteita infografiikkavalmistajalla, kuten Visme, jonka mukana tulee malleja, jotta voit keskitty\u00e4 leikkim\u00e4\u00e4n oikean fontin, v\u00e4rin ja visuaalisen asettelun kanssa.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  : <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>Taiteeseen verrattuna muotoilua on aina pidetty v\u00e4hemm\u00e4n inspiroivana sen k\u00e4yt\u00e4nn\u00f6llisyyden vuoksi. Olemme oppineet ymm\u00e4rt\u00e4m\u00e4\u00e4n muotoilun uskomattoman voiman vasta viime vuosisadasta l\u00e4htien muutamien paradigmaa muuttavien suunnitteluliikkeiden ansiosta. Bauhaus oli yksi n\u00e4ist\u00e4 liikkeist\u00e4, jotka antoivat muotoilulle ainutlaatuisen paikan ihmiskunnassa: ainutlaatuisen tieteenalan, joka sekoitti taiteen ja k\u00e4sity\u00f6taidon filosofiseen l\u00e4hestymistapaan. &#8221;Bauhaus&#8221; \u2013 termi, joka tarkoittaa kirjaimellisesti &#8221;rakennustaloa&#8221; saksaksi \u2013 oli taidekoulu, jonka arkkitehti Walter Gropius perusti vuonna 1919. Kun Bauhaus-koulu oli olemassa, sen juuret olivat kolmessa kaupungissa \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":[391,521,599,352,53,651,196],"tags":[],"class_list":["post-249789","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-sekalaista","category-tekniikka-ja-paljon-muuta","category-viihde","category-web-ja-wordpress-2","category-web-sivustot","category-web-suunnittelu"],"_links":{"self":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/comments?post=249789"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249789\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media\/191028"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media?parent=249789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/categories?post=249789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/tags?post=249789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}