{"id":257634,"date":"2023-09-12T11:10:00","date_gmt":"2023-09-12T08:10:00","guid":{"rendered":"https:\/\/inform.click\/hva-bauhaus-kan-laere-oss-om-infografisk-design\/"},"modified":"2023-09-12T11:47:00","modified_gmt":"2023-09-12T08:47:00","slug":"hva-bauhaus-kan-laere-oss-om-infografisk-design","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/hva-bauhaus-kan-laere-oss-om-infografisk-design\/","title":{"rendered":"Hva Bauhaus kan l\u00e6re oss om infografisk design"},"content":{"rendered":"

\n Sammenlignet med kunst har design alltid blitt oppfattet som mindre inspirerende p\u00e5 grunn av sin praktiske natur. Vi har bare innsett den utrolige kraften til design siden forrige \u00e5rhundre p\u00e5 grunn av noen f\u00e5 paradigmeskiftende designbevegelser.\n<\/p>\n

\n Bauhaus var en av disse bevegelsene som ga design<\/strong> en unik plass i menneskeheten: en unik disiplin som smeltet sammen kunst og h\u00e5ndverk med en filosofisk tiln\u00e6rming .<\/a>\n<\/p>\n

\n ‘Bauhaus\u00bb \u2013 et begrep som bokstavelig talt betyr \u00abbyggehus\u00bb p\u00e5 tysk \u2013 var en kunstskole grunnlagt av arkitekten Walter Gropius<\/a> i 1919. Da Bauhaus-skolen eksisterte, hadde den sine r\u00f8tter i tre byer \u2013 Dessau (1925-1932), Weimar (1919-1925) og Berlin (1932-1933). Selv om det var kortvarig og til slutt ble lagt ned p\u00e5 grunn av det nazistiske politiske partiet, hadde Bauhaus som bevegelse en enorm innflytelse p\u00e5 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\u00e1szl\u00f3 Moholy-Nagy.\n<\/p>\n

\n I stedet for \u00e5 fokusere p\u00e5 det elitistiske idealet om kunst, var Bauhaus radikal nok p\u00e5 den tiden til \u00e5 integrere kunst og designprinsipper som fargeteori, komposisjon med en n\u00e5del\u00f8s jakt p\u00e5 m\u00e5lrettet funksjonalitet. Det er mye \u00e5 l\u00e6re av de revolusjonerende Bauhaus-prinsippene for infografisk design. Her g\u00e5r vi gjennom leksjonene deres for \u00e5 friske opp tankene dine om informasjonsdesign med en nysgjerrig blanding av kunstnerisk stil og modernistisk rasjonalitet.\n<\/p>\n

\n Bauhaus-arven
\n<\/h5>\n

\n Det er de seks grunnleggende prinsippene til Bauhaus. De er basert p\u00e5 en minimalistisk tiln\u00e6rming, definert av enkle farger og ren design. Bauhaus som en bevegelse, utover \u00e5 v\u00e6re en kunstskole, hadde visse oppfatninger som formet dens tiln\u00e6rming til kunst og design:\n<\/p>\n

    \n
  1. Produkter kan masseproduseres, men ogs\u00e5 respektere individualitetens kunstneriske \u00e5nd og tjene flertallet av befolkningen. Selv om en lignende id\u00e9 allerede fantes i Tyskland, kom den i rampelyset etter Bauhaus.\n <\/li>\n
  2. Bauhaus-kunstskolen mente ogs\u00e5 at elevene m\u00e5 v\u00e6re godt rustet p\u00e5 kunstnerisk, sosial, \u00f8konomisk, teknisk og \u00e5ndelig grunn. Dette ville f\u00e5 frem det beste i dem og gj\u00f8re dem til vitale deltakere i samfunnet.\n <\/li>\n
  3. Bauhaus School of Arts foretrakk fremtidsrettede fakultetsmedlemmer fremfor akademisk kvalifiserte forskere. Kunstnerisk kreativitet ble oppmuntret av dem.\n <\/li>\n
  4. Et annet av prinsippene inkluderte en sammensl\u00e5ing av anvendt og kunst.\n <\/li>\n
  5. Tilhengere av Bauhaus mente at en designer m\u00e5 ha grundig erfaring med materialer.\n <\/li>\n
  6. De var fast troende p\u00e5 rasjonell design og ble betatt av en moderne f\u00f8lelse av skj\u00f8nnhet.\n <\/li>\n<\/ol>\n

    \n Bauhaus-leksjoner for infografisk design\n<\/p>\n

    \n Grafiske designere kan l\u00e6re mye om moderne design som fanger en kombinasjon av kunstnerskap, rimelighet og nytte. La oss se n\u00e6rmere p\u00e5 leksjonene vi kan bruke p\u00e5 infografisk design i dag.\n<\/p>\n

    \n 1 skjema f\u00f8lger funksjon
    \n<\/h5>\n

    \n Effektiv informasjonsdesign vurderer kommunikasjon som sin h\u00f8yeste prioritet. En gang i blant ser vi en vakkert stylet infografikk som ikke klarer \u00e5 b\u00e6re et minneverdig budskap. En infografikks prim\u00e6re form\u00e5l er \u00e5 kommunisere informasjon \u2013 form og stil skal fungere for \u00e5 oppfylle dette form\u00e5let og ikke omvendt.\n<\/p>\n

    \n
    \n Josef Alberts ber\u00f8mte hekkebord er et skuespill p\u00e5 minimalistiske former og fargekombinasjoner.\n<\/p>\n

    \n Bauhaus-skolen l\u00e6rte elevene \u00e5 fjerne un\u00f8dvendig dekorasjon som ikke tjente et funksjonelt form\u00e5l. Uttrykket «form f\u00f8lger funksjon», laget av den amerikanske arkitekten Louis Sullivan, fanger perfekt Bauhaus-tids\u00e5nden. Etter denne regelen b\u00f8r en god infografikk prioritere lesbarhet og redusere visuelt rot for \u00e5 skape et tydelig visuelt fokus. Med andre ord, vi b\u00f8r kunngj\u00f8re d\u00f8d til overdreven dekorative detaljer.\n<\/p>\n

    \n Nedenfor er en infografikk som f\u00f8lger denne regelen. Ved \u00e5 bruke minimale farger og grunnleggende geometriske former, kommuniserer den kompleks informasjon med et veldig rent, ryddig design.\n<\/p>\n

    \"\"<\/a> De daglige rutinene til kjente kreative mennesker<\/p>\n

    \n 2 Visuelt hierarki er konge
    \n<\/h5>\n

    \n Bauhaus-skolen la spesielt vekt p\u00e5 forhold dannet mellom to motsetninger. For eksempel forklarte den sammenhengen mellom m\u00f8rkt og lys, venstre og h\u00f8yre eller stort og lite. Og dette forholdet mellom elementer skaper visuelt hierarki.\n<\/p>\n

    \n Ta Kandinskys (Mondrians?) ikoniske komposisjonsmalerier, for eksempel. St\u00f8rrelsen og plasseringen av det r\u00f8de rektangelet skaper et visuelt fokuspunkt, og danner et forhold til tilst\u00f8tende kontrastfarger og former som er veldig lett for \u00f8ynene v\u00e5re \u00e5 f\u00f8lge.\n<\/p>\n

    \"\"<\/a> Kandinskys maleri «Hvit-hvit» demonstrerer tydelig visuelt hierarki.<\/p>\n

    \n Leksjonen her er \u00e5 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\u00f8de og gr\u00f8nne farger en sterk kontrast som fremhever den kvantitative forskjellen, mens de overlappende formene i midten skaper et tydelig visuelt fokuspunkt.\n<\/p>\n

    \"\"<\/a> Et \u00e5r med mat i NYC infografikk.<\/p>\n

    \n 3 Farge som et medium
    \n<\/h5>\n

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

    \n I eksemplet som illustrerer fargens relativitet nedenfor, oppfattes firkanter med samme brunfarge \u00e5 ha forskjellige nyanser p\u00e5 grunn av konteksten de er i. \u00c5 forst\u00e5 de iboende egenskapene til en fargepalett er det f\u00f8rste trinnet. For \u00e5 formidle det riktige budskapet m\u00e5 man ogs\u00e5 vurdere samspillet mellom farger n\u00e5r man velger et fargevalg.\n<\/p>\n

    \"\"<\/a> Josef Albers om fargers relativitet.<\/p>\n

    \n For tiden velger designere de beste palettene for \u00e5 gj\u00f8re nettsidene fargerike og matche de iboende egenskapene til nyansene.\n<\/p>\n

    \n L\u00e6rdommen om at farger har dypere sammenhenger er hva moderne designere bruker. S\u00e5 de velger forsiktig den beste fargekombinasjonen og f\u00e5r frem betydningen helt.\n<\/p>\n

    \n Andre Bauhaus-kunstnere har bidratt til fargeteori ved siden av Josef Albers' som Johannes Itten<\/a> og hans fargekule. Kategoriseringen av farger i prim\u00e6re, sekund\u00e6re og terti\u00e6re farger<\/strong> i dag er fortsatt mye brukt for grafisk design. Ittens fargeteori kan veilede infografisk designer til \u00e5 velge det beste fargevalget for designene deres.\n<\/p>\n

    \"\"<\/a> Johannes Ittens 12-farge fargesirkel.<\/p>\n

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

    \n Hvis du for eksempel skal designe en infografikk om kaffekoking, er det best \u00e5 bruke brun som den dominerende fargen, siden det er fargen knyttet til kaffeb\u00f8nner, samtidig som hele fargepaletten holdes enkel. I denne Nespresso- infografikken<\/a> formidler designet temaet ved \u00e5 bruke brun farge hele veien.\n<\/p>\n

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

    \"\"<\/a> 3 typer fargeskjemaer for infografikk.<\/p>\n

    \n Til slutt, vurder alltid konteksten til infografikken din for \u00e5 velge farger som fremkaller de riktige assosiasjonene. For eksempel, hvis du designer en infografikk for julesesongen, er det best \u00e5 holde seg til r\u00f8dt og gr\u00f8nt fargeskjema.\n<\/p>\n

    \n 4 Typografi betyr mye, mye
    \n<\/h5>\n

    \n En av de st\u00f8rste arvene fra Bauhaus kunstskole er typografi. Ledere av Bauhaus mente at typografi er en integrert del av grafikk, og at ord b\u00f8r settes i skarpe vinkler. Men betydningen av et ord hadde st\u00f8rre prioritet enn utformingen.\n<\/p>\n

    \n Denne troen l\u00e6rte moderne designere en stor lekse. Det oppmuntret dem til \u00e5 v\u00e6re kreative med skriftstiler, men advarte dem ogs\u00e5 om ikke \u00e5 avvike fra det faktiske budskapet de \u00f8nsker \u00e5 uttrykke. I f\u00f8lge Bauhaus er typografiens prim\u00e6re funksjon \u00e5 kommunisere, og kommunikasjon skal fremst\u00e5 i den «korteste, enkleste, mest gjennomtrengende formen».\n<\/p>\n

    \"\"<\/a> Det beste av Bauhaus-skrifttyper streber etter klarhet og enkelhet.<\/p>\n

    \n For infografisk design b\u00f8r vi som en tommelfingerregel bruke fonter som er lesbare og enkle for \u00e5 kommunisere tydelig. Altfor dekorative fonter for kopiering av tekst vil gj\u00f8re det vanskelig \u00e5 lese og distraherende \u00e5 se p\u00e5, da tekster sjelden er fokuspunktet i designet.\n<\/p>\n

    \n 5 Rutenettoppsettet
    \n<\/h5>\n

    \n God justering gj\u00f8r en hel verden av forskjell i grafisk design. Pionerene i Bauhaus trodde p\u00e5 en minimalistisk tiln\u00e6rming 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.\n<\/p>\n

    \"\"<\/a> Design for rutenettet.<\/p>\n

    \n I dag er rutenettsystemet et ofte brukt justeringssystem av grafiske designere og webdesignere for sideoppsett. Det er fortsatt et effektivt system for \u00e5 opprettholde visuelt hierarki gjennom hele innholdsdelen. For infografisk design er det et must \u00e5 f\u00f8lge rutenettsystemet fordi flere elementer m\u00e5 ordnes, organiseres og struktureres for \u00e5 skape et klart visuelt hierarki.\n<\/p>\n

    \"\"<\/a> Hvordan rutenettsystemet brukes i grafisk design.<\/p>\n

    \n Ved \u00e5 bruke et kolonnebasert rutenett<\/strong> 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 \u00e5 skape rytme og bevegelse. I Bauhaus-magasinets fargedesign ovenfor skaper det diagonale posisjonsgitteret en f\u00f8lelse av bevegelse, mens tettbefolkede elementer i midten av rutenettet gir en f\u00f8lelse av tyngdekraft.\n<\/p>\n

    \n Hvis kolonnebasert rutenettsystem er limet som holder innholdet sammen, hjelper bruken av marginer<\/strong> til \u00e5 rydde opp i den tette visningen av informasjon. Du har sikkert lagt merke til hvordan den sjener\u00f8se bruken av hvit plass og brede marger i Bauhaus-design skaper et rent, ryddig utseende.\n<\/p>\n

    \n Til slutt, \u00e5 ha et rutenettsystem hjelper deg med \u00e5 bryte rutenettet. Designet ditt f\u00e5r umiddelbart effekt n\u00e5r du m\u00e5lrettet bryter reglene. Dette vil gj\u00f8re infografikken din umiddelbart mer minneverdig blant de mange infografiske oppsettene for informasjonskapsler. Ta infografikken nedenfor som et eksempel, bruddet av rektangelnettet \u00f8verst skaper en sl\u00e5ende visuell innvirkning mens resten av siderutenettet ble holdt intakt for \u00e5 beholde visuell harmoni i det generelle designet.\n<\/p>\n

    \"\"<\/a> Godt eksempel p\u00e5 \u00e5 bryte rutenettet.<\/p>\n

    \n Din tur
    \n<\/h4>\n

    \n Her er de fem viktige leksjonene fra Bauhaus du kan bruke i ditt neste infografiske design. Synes du dem er enkle \u00e5 forst\u00e5 og praktiske \u00e5 f\u00f8lge? Har du oppdaget andre Bauhaus-prinsipper som egner seg for infografisk design?\n<\/p>\n

    \n Og hvis du er klar til \u00e5 ta spranget, pr\u00f8v disse designprinsippene med en infografikkprodusent som Visme som kommer med maler, slik at du kan fokusere p\u00e5 \u00e5 leke med \u00e5 velge riktig font, farge og visuell layout.\n<\/p>\n<\/p>\n

    \n Opptakskilde: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Sammenlignet med kunst har design alltid blitt oppfattet som mindre inspirerende p\u00e5 grunn av sin praktiske natur. Vi har bare innsett den utrolige kraften til design siden forrige \u00e5rhundre p\u00e5 grunn av noen f\u00e5 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\u00e5ndverk med en filosofisk tiln\u00e6rming. ‘Bauhaus\u00bb \u2013 et begrep som bokstavelig talt betyr \u00abbyggehus\u00bb p\u00e5 tysk \u2013 var en kunstskole grunnlagt av arkitekten Walter Gropius i 1919. Da Bauhaus-skolen eksisterte, hadde den sine r\u00f8tter i tre byer \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":[525,655,603,356,395,57,200],"tags":[],"class_list":["post-257634","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diverse-no","category-nettsteder","category-teknologi-og-mer","category-underholdning","category-utforming","category-web-og-wordpress","category-webdesign-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/comments?post=257634"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257634\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/191028"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}