Hva Bauhaus kan lære oss om infografisk design

Sammenlignet med kunst har design alltid blitt oppfattet som mindre inspirerende på grunn av sin praktiske natur. Vi har bare innsett den utrolige kraften til design siden forrige århundre på grunn av noen få paradigmeskiftende designbevegelser.

Bauhaus var en av disse bevegelsene som ga design en unik plass i menneskeheten: en unik disiplin som smeltet sammen kunst og håndverk med en filosofisk tilnærming .

‘Bauhaus» – et begrep som bokstavelig talt betyr «byggehus» på tysk – var en kunstskole grunnlagt av arkitekten Walter Gropius i 1919. Da Bauhaus-skolen eksisterte, hadde den sine røtter i tre byer – Dessau (1925-1932), Weimar (1919-1925) og Berlin (1932-1933). Selv om det var kortvarig og til slutt ble lagt ned på grunn av det nazistiske politiske partiet, hadde Bauhaus som bevegelse en enorm innflytelse på kunst, design og arkitektur som fortsetter til i dag. Noen av de mest kjente Bauhaus-artistene og designerne inkluderer Paul Klee, Johannes Itten, Mies Van der Rohe, Wassily Kandinsky og László Moholy-Nagy.

I stedet for å fokusere på det elitistiske idealet om kunst, var Bauhaus radikal nok på den tiden til å integrere kunst og designprinsipper som fargeteori, komposisjon med en nådeløs jakt på målrettet funksjonalitet. Det er mye å lære av de revolusjonerende Bauhaus-prinsippene for infografisk design. Her går vi gjennom leksjonene deres for å friske opp tankene dine om informasjonsdesign med en nysgjerrig blanding av kunstnerisk stil og modernistisk rasjonalitet.

Bauhaus-arven

Det er de seks grunnleggende prinsippene til Bauhaus. De er basert på en minimalistisk tilnærming, definert av enkle farger og ren design. Bauhaus som en bevegelse, utover å være en kunstskole, hadde visse oppfatninger som formet dens tilnærming til kunst og design:

1. Produkter kan masseproduseres, men også respektere individualitetens kunstneriske ånd og tjene flertallet av befolkningen. Selv om en lignende idé allerede fantes i Tyskland, kom den i rampelyset etter Bauhaus.
2. Bauhaus-kunstskolen mente også at elevene må være godt rustet på kunstnerisk, sosial, økonomisk, teknisk og åndelig grunn. Dette ville få frem det beste i dem og gjøre dem til vitale deltakere i samfunnet.
3. Bauhaus School of Arts foretrakk fremtidsrettede fakultetsmedlemmer fremfor akademisk kvalifiserte forskere. Kunstnerisk kreativitet ble oppmuntret av dem.
4. Et annet av prinsippene inkluderte en sammenslåing av anvendt og kunst.
5. Tilhengere av Bauhaus mente at en designer må ha grundig erfaring med materialer.
6. De var fast troende på rasjonell design og ble betatt av en moderne følelse av skjønnhet.

Bauhaus-leksjoner for infografisk design

Grafiske designere kan lære mye om moderne design som fanger en kombinasjon av kunstnerskap, rimelighet og nytte. La oss se nærmere på leksjonene vi kan bruke på infografisk design i dag.

1 skjema følger funksjon

Effektiv informasjonsdesign vurderer kommunikasjon som sin høyeste prioritet. En gang i blant ser vi en vakkert stylet infografikk som ikke klarer å bære et minneverdig budskap. En infografikks primære formål er å kommunisere informasjon – form og stil skal fungere for å oppfylle dette formålet og ikke omvendt.

Josef Alberts berømte hekkebord er et skuespill på minimalistiske former og fargekombinasjoner.

Bauhaus-skolen lærte elevene å fjerne unødvendig dekorasjon som ikke tjente et funksjonelt formål. Uttrykket «form følger funksjon», laget av den amerikanske arkitekten Louis Sullivan, fanger perfekt Bauhaus-tidsånden. Etter denne regelen bør en god infografikk prioritere lesbarhet og redusere visuelt rot for å skape et tydelig visuelt fokus. Med andre ord, vi bør kunngjøre død til overdreven dekorative detaljer.

Nedenfor er en infografikk som følger denne regelen. Ved å bruke minimale farger og grunnleggende geometriske former, kommuniserer den kompleks informasjon med et veldig rent, ryddig design.

De daglige rutinene til kjente kreative mennesker

2 Visuelt hierarki er konge

Bauhaus-skolen la spesielt vekt på forhold dannet mellom to motsetninger. For eksempel forklarte den sammenhengen mellom mørkt og lys, venstre og høyre eller stort og lite. Og dette forholdet mellom elementer skaper visuelt hierarki.

Ta Kandinskys (Mondrians?) ikoniske komposisjonsmalerier, for eksempel. Størrelsen og plasseringen av det røde rektangelet skaper et visuelt fokuspunkt, og danner et forhold til tilstøtende kontrastfarger og former som er veldig lett for øynene våre å følge.

Kandinskys maleri «Hvit-hvit» demonstrerer tydelig visuelt hierarki.

Leksjonen her er å skape et tydelig visuelt fokus i infografisk design ved hjelp av kontrast, former og romlig posisjonering. I det infografiske eksempelet nedenfor danner bruk av røde og grønne farger en sterk kontrast som fremhever den kvantitative forskjellen, mens de overlappende formene i midten skaper et tydelig visuelt fokuspunkt.

Et år med mat i NYC infografikk.

3 Farge som et medium

En flink student ved Bauhaus kunstskole, ved navn Josef Albers, utdypet temaet i sin ikoniske bok, «Interaction of Color». Josef lærte oss at farger er relative og sjelden sett på som deres faktiske fysiske egenskaper. Som medium kan farger være «villedende» og «provoserende». Derfor kan det å forstå hvordan farger samhandler med hverandre i stor grad bestemme budskapet ditt.

I eksemplet som illustrerer fargens relativitet nedenfor, oppfattes firkanter med samme brunfarge å ha forskjellige nyanser på grunn av konteksten de er i. Å forstå de iboende egenskapene til en fargepalett er det første trinnet. For å formidle det riktige budskapet må man også vurdere samspillet mellom farger når man velger et fargevalg.

Josef Albers om fargers relativitet.

For tiden velger designere de beste palettene for å gjøre nettsidene fargerike og matche de iboende egenskapene til nyansene.

Lærdommen om at farger har dypere sammenhenger er hva moderne designere bruker. Så de velger forsiktig den beste fargekombinasjonen og får frem betydningen helt.

Andre Bauhaus-kunstnere har bidratt til fargeteori ved siden av Josef Albers’ som Johannes Itten og hans fargekule. Kategoriseringen av farger i primære, sekundære og tertiære farger i dag er fortsatt mye brukt for grafisk design. Ittens fargeteori kan veilede infografisk designer til å velge det beste fargevalget for designene deres.

Johannes Ittens 12-farge fargesirkel.

Med denne fargeteorien i tankene er det mye lettere å velge det beste fargeskjemaet for infografikken din basert på prinsippene om konsistens og enkelhet. En god infografikk bruker en konsistent fargepalett samtidig som kombinasjonen av farger er enkel. Du vil at fargene dine skal støtte kommunikasjonen av informasjon i stedet for å hindre eller distrahere leseren fra nøkkelmeldingen.

Hvis du for eksempel skal designe en infografikk om kaffekoking, er det best å bruke brun som den dominerende fargen, siden det er fargen knyttet til kaffebønner, samtidig som hele fargepaletten holdes enkel. I denne Nespresso- infografikken formidler designet temaet ved å bruke brun farge hele veien.

For å bruke farger konsekvent og enkelt for ditt infografiske design, er det 3 fargevalg du kan vurdere: monokromatisk, triadisk og komplementær. Et monokromatisk fargeskjema bruker farger av samme nyanse, men med forskjellige metninger, så vær forsiktig med å sette fargene dine på en måte som ikke virker for matt. For nybegynnere er det lettere å starte med et triadisk fargeskjema der fargene har samme avstand på fargehjulet. Gratis farger er i motsatt ende av fargehjulet, og er flott for å skape kontrast.

3 typer fargeskjemaer for infografikk.

Til slutt, vurder alltid konteksten til infografikken din for å velge farger som fremkaller de riktige assosiasjonene. For eksempel, hvis du designer en infografikk for julesesongen, er det best å holde seg til rødt og grønt fargeskjema.

4 Typografi betyr mye, mye

En av de største arvene fra Bauhaus kunstskole er typografi. Ledere av Bauhaus mente at typografi er en integrert del av grafikk, og at ord bør settes i skarpe vinkler. Men betydningen av et ord hadde større prioritet enn utformingen.

Denne troen lærte moderne designere en stor lekse. Det oppmuntret dem til å være kreative med skriftstiler, men advarte dem også om ikke å avvike fra det faktiske budskapet de ønsker å uttrykke. I følge Bauhaus er typografiens primære funksjon å kommunisere, og kommunikasjon skal fremstå i den «korteste, enkleste, mest gjennomtrengende formen».

Det beste av Bauhaus-skrifttyper streber etter klarhet og enkelhet.

For infografisk design bør vi som en tommelfingerregel bruke fonter som er lesbare og enkle for å kommunisere tydelig. Altfor dekorative fonter for kopiering av tekst vil gjøre det vanskelig å lese og distraherende å se på, da tekster sjelden er fokuspunktet i designet.

5 Rutenettoppsettet

God justering gjør en hel verden av forskjell i grafisk design. Pionerene i Bauhaus trodde på en minimalistisk tilnærming til visuell organisering, hvor alt er tett sammenklemt i rektangler og firkanter. Gitteret gir perfekt mening for de praktisk-tenkende Bauhaus-designerne. Mange av Bauhaus-designelementene samsvarer med et strengt rutenett, for eksempel bokomslaget og sjakkbrettet nedenfor.

Design for rutenettet.

I dag er rutenettsystemet et ofte brukt justeringssystem av grafiske designere og webdesignere for sideoppsett. Det er fortsatt et effektivt system for å opprettholde visuelt hierarki gjennom hele innholdsdelen. For infografisk design er det et must å følge rutenettsystemet fordi flere elementer må ordnes, organiseres og struktureres for å skape et klart visuelt hierarki.

Hvordan rutenettsystemet brukes i grafisk design.

Ved å bruke et kolonnebasert rutenett som rutenettet med 6 kolonner ovenfor, kan du sette opp en retningslinje for hvordan designelementene dine samhandler med hver utgang. Det legger grunnlaget for sterke visuelle relasjoner i designet ditt. Dessuten kan rutenettsystemer brukes til å skape rytme og bevegelse. I Bauhaus-magasinets fargedesign ovenfor skaper det diagonale posisjonsgitteret en følelse av bevegelse, mens tettbefolkede elementer i midten av rutenettet gir en følelse av tyngdekraft.

Hvis kolonnebasert rutenettsystem er limet som holder innholdet sammen, hjelper bruken av marginer til å rydde opp i den tette visningen av informasjon. Du har sikkert lagt merke til hvordan den sjenerøse bruken av hvit plass og brede marger i Bauhaus-design skaper et rent, ryddig utseende.

Til slutt, å ha et rutenettsystem hjelper deg med å bryte rutenettet. Designet ditt får umiddelbart effekt når du målrettet bryter reglene. Dette vil gjøre infografikken din umiddelbart mer minneverdig blant de mange infografiske oppsettene for informasjonskapsler. Ta infografikken nedenfor som et eksempel, bruddet av rektangelnettet øverst skaper en slående visuell innvirkning mens resten av siderutenettet ble holdt intakt for å beholde visuell harmoni i det generelle designet.

Godt eksempel på å bryte rutenettet.

Din tur

Her er de fem viktige leksjonene fra Bauhaus du kan bruke i ditt neste infografiske design. Synes du dem er enkle å forstå og praktiske å følge? Har du oppdaget andre Bauhaus-prinsipper som egner seg for infografisk design?

Og hvis du er klar til å ta spranget, prøv disse designprinsippene med en infografikkprodusent som Visme som kommer med maler, slik at du kan fokusere på å leke med å velge riktig font, farge og visuell layout.