Vad Bauhaus kan lära oss om infografisk design

Jämfört med konst har design alltid uppfattats som mindre inspirerande på grund av dess praktiska karaktär. Vi har bara kommit att inse designens otroliga kraft sedan förra seklet på grund av några paradigmskiftande designrörelser.

Bauhaus var en av dessa rörelser som gav design en unik plats i mänskligheten: en unik disciplin som förenade konst och hantverk med ett filosofiskt förhållningssätt.

’Bauhaus’ – en term som bokstavligen betyder ”bygghus” på tyska – var en konstskola som grundades av arkitekten Walter Gropius 1919. När Bauhaus-skolan fanns hade den sina rötter i tre städer – Dessau (1925-1932), Weimar (1919-1925) och Berlin (1932-1933). Även om det var kortlivat och så småningom stängdes på grund av det nazistiska politiska partiet, hade Bauhaus som rörelse ett enormt inflytande på konst, design och arkitektur som fortsätter till våra dagar. Några av de mest kända Bauhaus-konstnärerna och formgivarna inkluderar Paul Klee, Johannes Itten, Mies Van der Rohe, Wassily Kandinsky och László Moholy-Nagy.

Istället för att fokusera på det elitistiska idealet om konst, var Bauhaus tillräckligt radikalt vid den tiden för att integrera konst och designprinciper som färgteori, komposition med en obeveklig strävan efter målmedveten funktionalitet. Det finns mycket att lära av de revolutionerande Bauhaus-principerna för infografisk design. Här går vi igenom deras lektioner för att fräscha upp ditt tänkande om informationsdesign med en nyfiken blandning av konstnärlig stil och modernistisk rationalitet.

Arvet från Bauhaus

Det finns de sex grundläggande principerna för Bauhaus. De är baserade på ett minimalistiskt tillvägagångssätt, definierat av enkla färger och ren design. Bauhaus som en rörelse, utöver att vara en konstskola, hade vissa övertygelser som formade dess inställning till konst och design:

1. Produkter kan massproduceras men också hedra individualitetens konstnärliga anda och tjäna majoriteten av befolkningen. Även om en liknande idé redan fanns i Tyskland, kom den i rampljuset efter Bauhaus.
2. Konstskolan i Bauhaus ansåg också att eleverna måste vara väl rustade på konstnärliga, sociala, ekonomiska, tekniska och andliga grunder. Detta skulle få fram det bästa i dem och göra dem till vitala samhällsdeltagare.
3. Bauhaus School of Arts föredrog framåttänkande fakultetsmedlemmar framför akademiskt kvalificerade forskare. Konstnärlig kreativitet uppmuntrades av dem.
4. En annan av dess principer inkluderade en sammanslagning av tillämpad och skön konst.
5. Anhängare av Bauhaus trodde att en designer måste ha gedigen erfarenhet av material.
6. De trodde starkt på rationell design och fängslades av en modern skönhetskänsla.

Bauhaus lektioner för infografisk design

Grafiska designers kan lära sig mycket om modern design som fångar en kombination av konstnärlighet, prisvärdhet och användbarhet. Låt oss titta på de lärdomar vi kan tillämpa på infografisk design idag.

1 Formulär följer funktion

Effektiv informationsdesign betraktar kommunikation som sin högsta prioritet. Då och då ser vi en vackert utformad infografik som inte bär ett minnesvärt budskap. En infographics primära syfte är att kommunicera information – form och stil ska fungera för att uppfylla detta syfte och inte tvärtom.

Josef Alberts berömda häckbord är en lek med minimalistiska former och färgkombinationer.

Bauhaus-skolan lärde eleverna att ta av onödig dekoration som inte tjänade ett funktionellt syfte. Frasen ”form följer funktion”, myntad av den amerikanske arkitekten Louis Sullivan, fångar Bauhaus tidsanda perfekt. Efter denna regel bör en bra infografik prioritera läsbarhet och minska visuell röran för att skapa ett tydligt visuellt fokus. Med andra ord bör vi meddela döden för överdrivna prydnadsdetaljer.

Nedan finns en infografik som följer denna regel. Med minimala färger och grundläggande geometriska former kommunicerar den komplex information med en mycket ren, stilren design.

Berömda kreativa människors dagliga rutiner

2 Visuell hierarki är kung

Bauhausskolan ägnade särskild uppmärksamhet åt relationer som bildades mellan två motsatser. Till exempel förklarade det sambandet mellan mörkt och ljust, vänster och höger eller stort och litet. Och detta förhållande mellan element skapar visuell hierarki.

Ta Kandinskys (Mondrians?) ikoniska kompositionsmålningar, till exempel. Storleken och placeringen av den röda rektangeln skapar en visuell fokuspunkt och bildar en relation med intilliggande kontrasterande färger och former som är mycket lätt för våra ögon att följa.

Kandinskys målning ”Vit-vit” visar tydlig visuell hierarki.

Lektionen här är att skapa ett tydligt visuellt fokus i infografisk design med hjälp av kontrast, former och rumslig positionering. I det infografiska exemplet nedan bildar röda och gröna färger en stark kontrast som framhäver den kvantitativa skillnaden, medan de överlappande formerna i mitten skapar en tydlig visuell fokuspunkt.

Ett år av mat i NYC infographic.

3 Färg som medium

En duktig elev vid Bauhaus konstskola, vid namn Josef Albers, utökade ämnet i sin ikoniska bok, ”Interaction of Color”. Josef lärde oss att färger är relativa och sällan ses som deras faktiska fysiska egenskaper. Som medium kan färger vara ”bedrägliga” och ”provocerande”. Därför kan förståelse för hur färger interagerar med varandra i hög grad avgöra ditt budskap.

I exemplet som illustrerar färgens relativitet nedan, uppfattas rutor med samma bruna färg ha olika nyanser på grund av sammanhanget de befinner sig i. Att förstå de inneboende egenskaperna hos en färgpalett är det första steget. För att förmedla rätt budskap måste man också tänka på samspelet mellan färger när man väljer färgschema.

Josef Albers om färgens relativitet.

För närvarande väljer designers de bästa paletterna för att göra webbplatserna färgglada och matcha nyansernas inneboende egenskaper.

Lärdomen att färger har djupare kopplingar är vad moderna designers använder. Så de väljer försiktigt den bästa färgkombinationen och tar fram betydelsen helt och hållet.

Andra Bauhaus-konstnärer har bidragit till färgläran förutom Josef Albers som Johannes Itten och hans färgsfär. Kategoriseringen av färg i primära, sekundära och tertiära färger används idag fortfarande i stor utsträckning för grafisk design. Ittens färgteori kan vägleda infografisk designer att välja det bästa färgschemat för sin design.

Johannes Ittens 12-nyans färgcirkel.

Med denna färgteori i åtanke är det mycket lättare att välja det bästa färgschemat för din infografik baserat på principerna om konsekvens och enkelhet. En bra infographic använder en konsekvent färgpalett samtidigt som kombinationen av färger är enkel. Du vill att dina färger ska stödja kommunikationen av information istället för att hindra eller distrahera läsaren från nyckelbudskapet.

Om du till exempel ska designa en infografik om kaffetillverkning är det bäst att använda brunt som den dominerande färgen, eftersom det är färgen som förknippas med kaffebönor, samtidigt som hela färgpaletten är enkel. I denna Nespresso infographic förmedlar designen temat genom att använda brun färg genomgående.

För att använda färger konsekvent och enkelt för din infografiska design, finns det 3 färgscheman du kan överväga: monokromatisk, triadisk och komplementär. Ett monokromatiskt färgschema använder färger av samma nyans men med olika mättnad, så var noga med att ställa in dina färger på ett sätt som inte verkar för matt. För nybörjare är det lättare att börja med ett triadisk färgschema där färgerna har samma avstånd på färghjulet. Gratisfärger finns på motsatta ändar av färghjulet och är bra för att skapa kontrast.

3 typer av färgscheman för infografik.

Slutligen, överväg alltid sammanhanget för din infografik för att välja färger som framkallar rätt associationer. Till exempel, om du designar en infografik för julsäsongen, är det bäst att hålla sig till rött och grönt färgschema.

4 Typografi betyder mycket, mycket

Ett av de största arven från Bauhaus konstskola är typografi. Ledare för Bauhaus trodde att typografi är en integrerad del av grafik, och att ord bör sättas i skarpa vinklar. Men betydelsen av ett ord hade större prioritet än dess utformning.

Denna övertygelse lärde de samtida formgivarna en stor läxa. Det uppmuntrade dem att vara kreativa med teckensnittsstilar men varnade dem också att inte avvika från det faktiska budskapet de vill uttrycka. Enligt Bauhaus är typografins primära funktion att kommunicera, och kommunikation bör uppträda i den ”kortaste, enklaste, mest genomträngande formen”.

Det bästa av Bauhaus-typsnitt strävar efter klarhet och enkelhet.

För infografisk design bör vi som en tumregel använda typsnitt som är läsbara och enkla för att kommunicera tydligt. Alltför dekorativa typsnitt för kopiering av text kommer att göra det svårt att läsa och distraherande att titta på eftersom texter sällan är i fokus för designen.

5 Rutnätslayouten

Bra anpassning gör en hel värld av skillnad inom grafisk design. Pionjärerna inom Bauhaus trodde på ett minimalistiskt förhållningssätt till visuell organisation, där allt är tätt inklämt i rektanglar och fyrkanter. Gallret är perfekt för de praktiskt sinnade Bauhaus-designerna. Många av Bauhaus designelement överensstämmer med ett strikt rutnät, som bokomslaget och schackbrädet nedan.

Designa för rutnätet.

Nuförtiden är rutnätssystemet ett vanligt använt anpassningssystem av grafiska designers och webbdesigners för sidlayouter. Det är fortfarande ett effektivt system för att upprätthålla visuell hierarki i hela innehållssektionen. För infografisk design är det ett måste att följa rutsystemet eftersom flera element måste ordnas, organiseras och struktureras för att skapa en tydlig visuell hierarki.

Hur rutnätssystemet används i grafisk design.

Med hjälp av ett kolumnbaserat rutsystem som rutnätet med 6 kolumner ovan kan du ställa in en riktlinje för hur dina designelement interagerar med varje utgång. Det lägger grunden för starka visuella relationer i din design. Dessutom kan rutsystem användas för att skapa rytm och rörelse. I ovanstående Bauhaus-tidningsfärgdesign skapar rutnätet diagonalt en känsla av rörelse medan tätbefolkade element i mitten av rutnätet ger en känsla av gravitation.

Om kolumnbaserat rutsystem är limmet som håller ihop ditt innehåll, hjälper användningen av marginaler till att rensa din täta visning av information. Du har antagligen märkt hur den generösa användningen av vitt utrymme och breda marginaler i Bauhaus-design skapar en ren, stilren look.

Slutligen, att ha ett rutsystem hjälper dig att bryta rutnätet. Din design blir direkt effektfull när du målmedvetet bryter mot reglerna. Detta kommer att göra din infografik omedelbart mer minnesvärd bland de många cookie-cutter infografiska layouterna. Ta nedanstående infografik som ett exempel, brytningen av rektangelnätet överst skapar en slående visuell effekt medan resten av sidans rutnät hölls intakt för att bibehålla visuell harmoni i den övergripande designen.

Bra exempel på att bryta rutnätet.

Din tur

Här är de fem viktiga lärdomarna från Bauhaus som du kan använda i din nästa infografiska design. Tycker du att de är lätta att förstå och praktiska att följa? Har du upptäckt andra Bauhaus-principer som är lämpliga för infografisk design?

Och om du är redo att ta steget, prova dessa designprinciper med en infografisk tillverkare som Visme som kommer med mallar, så att du kan fokusera på att leka med att välja rätt typsnitt, färg och visuell layout.