{"id":265448,"date":"2023-09-12T11:10:00","date_gmt":"2023-09-12T08:10:00","guid":{"rendered":"https:\/\/inform.click\/vad-bauhaus-kan-lara-oss-om-infografisk-design\/"},"modified":"2023-09-12T11:45:00","modified_gmt":"2023-09-12T08:45:00","slug":"vad-bauhaus-kan-lara-oss-om-infografisk-design","status":"publish","type":"post","link":"https:\/\/inform.click\/sv\/vad-bauhaus-kan-lara-oss-om-infografisk-design\/","title":{"rendered":"Vad Bauhaus kan l\u00e4ra oss om infografisk design"},"content":{"rendered":"

\n J\u00e4mf\u00f6rt med konst har design alltid uppfattats som mindre inspirerande p\u00e5 grund av dess praktiska karakt\u00e4r. Vi har bara kommit att inse designens otroliga kraft sedan f\u00f6rra seklet p\u00e5 grund av n\u00e5gra paradigmskiftande designr\u00f6relser.\n<\/p>\n

\n Bauhaus var en av dessa r\u00f6relser som gav design en unik plats i m\u00e4nskligheten: en unik disciplin som<\/strong> f\u00f6renade<\/a> konst och hantverk med ett filosofiskt f\u00f6rh\u00e5llningss\u00e4tt.\n<\/p>\n

\n 'Bauhaus' \u2013 en term som bokstavligen betyder ”bygghus” p\u00e5 tyska \u2013 var en konstskola som grundades av arkitekten Walter Gropius<\/a> 1919. N\u00e4r Bauhaus-skolan fanns hade den sina r\u00f6tter i tre st\u00e4der \u2013 Dessau (1925-1932), Weimar (1919-1925) och Berlin (1932-1933). \u00c4ven om det var kortlivat och s\u00e5 sm\u00e5ningom st\u00e4ngdes p\u00e5 grund av det nazistiska politiska partiet, hade Bauhaus som r\u00f6relse ett enormt inflytande p\u00e5 konst, design och arkitektur som forts\u00e4tter till v\u00e5ra dagar. N\u00e5gra av de mest k\u00e4nda Bauhaus-konstn\u00e4rerna och formgivarna inkluderar Paul Klee, Johannes Itten, Mies Van der Rohe, Wassily Kandinsky och L\u00e1szl\u00f3 Moholy-Nagy.\n<\/p>\n

\n Ist\u00e4llet f\u00f6r att fokusera p\u00e5 det elitistiska idealet om konst, var Bauhaus tillr\u00e4ckligt radikalt vid den tiden f\u00f6r att integrera konst och designprinciper som f\u00e4rgteori, komposition med en obeveklig str\u00e4van efter m\u00e5lmedveten funktionalitet. Det finns mycket att l\u00e4ra av de revolutionerande Bauhaus-principerna f\u00f6r infografisk design. H\u00e4r g\u00e5r vi igenom deras lektioner f\u00f6r att fr\u00e4scha upp ditt t\u00e4nkande om informationsdesign med en nyfiken blandning av konstn\u00e4rlig stil och modernistisk rationalitet.\n<\/p>\n

\n Arvet fr\u00e5n Bauhaus
\n<\/h5>\n

\n Det finns de sex grundl\u00e4ggande principerna f\u00f6r Bauhaus. De \u00e4r baserade p\u00e5 ett minimalistiskt tillv\u00e4gag\u00e5ngss\u00e4tt, definierat av enkla f\u00e4rger och ren design. Bauhaus som en r\u00f6relse, ut\u00f6ver att vara en konstskola, hade vissa \u00f6vertygelser som formade dess inst\u00e4llning till konst och design:\n<\/p>\n

    \n
  1. Produkter kan massproduceras men ocks\u00e5 hedra individualitetens konstn\u00e4rliga anda och tj\u00e4na majoriteten av befolkningen. \u00c4ven om en liknande id\u00e9 redan fanns i Tyskland, kom den i rampljuset efter Bauhaus.\n <\/li>\n
  2. Konstskolan i Bauhaus ans\u00e5g ocks\u00e5 att eleverna m\u00e5ste vara v\u00e4l rustade p\u00e5 konstn\u00e4rliga, sociala, ekonomiska, tekniska och andliga grunder. Detta skulle f\u00e5 fram det b\u00e4sta i dem och g\u00f6ra dem till vitala samh\u00e4llsdeltagare.\n <\/li>\n
  3. Bauhaus School of Arts f\u00f6redrog fram\u00e5tt\u00e4nkande fakultetsmedlemmar framf\u00f6r akademiskt kvalificerade forskare. Konstn\u00e4rlig kreativitet uppmuntrades av dem.\n <\/li>\n
  4. En annan av dess principer inkluderade en sammanslagning av till\u00e4mpad och sk\u00f6n konst.\n <\/li>\n
  5. Anh\u00e4ngare av Bauhaus trodde att en designer m\u00e5ste ha gedigen erfarenhet av material.\n <\/li>\n
  6. De trodde starkt p\u00e5 rationell design och f\u00e4ngslades av en modern sk\u00f6nhetsk\u00e4nsla.\n <\/li>\n<\/ol>\n

    \n Bauhaus lektioner f\u00f6r infografisk design\n<\/p>\n

    \n Grafiska designers kan l\u00e4ra sig mycket om modern design som f\u00e5ngar en kombination av konstn\u00e4rlighet, prisv\u00e4rdhet och anv\u00e4ndbarhet. L\u00e5t oss titta p\u00e5 de l\u00e4rdomar vi kan till\u00e4mpa p\u00e5 infografisk design idag.\n<\/p>\n

    \n 1 Formul\u00e4r f\u00f6ljer funktion
    \n<\/h5>\n

    \n Effektiv informationsdesign betraktar kommunikation som sin h\u00f6gsta prioritet. D\u00e5 och d\u00e5 ser vi en vackert utformad infografik som inte b\u00e4r ett minnesv\u00e4rt budskap. En infographics prim\u00e4ra syfte \u00e4r att kommunicera information \u2013 form och stil ska fungera f\u00f6r att uppfylla detta syfte och inte tv\u00e4rtom.\n<\/p>\n

    \n
    \n Josef Alberts ber\u00f6mda h\u00e4ckbord \u00e4r en lek med minimalistiska former och f\u00e4rgkombinationer.\n<\/p>\n

    \n Bauhaus-skolan l\u00e4rde eleverna att ta av on\u00f6dig dekoration som inte tj\u00e4nade ett funktionellt syfte. Frasen ”form f\u00f6ljer funktion”, myntad av den amerikanske arkitekten Louis Sullivan, f\u00e5ngar Bauhaus tidsanda perfekt. Efter denna regel b\u00f6r en bra infografik prioritera l\u00e4sbarhet och minska visuell r\u00f6ran f\u00f6r att skapa ett tydligt visuellt fokus. Med andra ord b\u00f6r vi meddela d\u00f6den f\u00f6r \u00f6verdrivna prydnadsdetaljer.\n<\/p>\n

    \n Nedan finns en infografik som f\u00f6ljer denna regel. Med minimala f\u00e4rger och grundl\u00e4ggande geometriska former kommunicerar den komplex information med en mycket ren, stilren design.\n<\/p>\n

    \"\"<\/a> Ber\u00f6mda kreativa m\u00e4nniskors dagliga rutiner<\/p>\n

    \n 2 Visuell hierarki \u00e4r kung
    \n<\/h5>\n

    \n Bauhausskolan \u00e4gnade s\u00e4rskild uppm\u00e4rksamhet \u00e5t relationer som bildades mellan tv\u00e5 motsatser. Till exempel f\u00f6rklarade det sambandet mellan m\u00f6rkt och ljust, v\u00e4nster och h\u00f6ger eller stort och litet. Och detta f\u00f6rh\u00e5llande mellan element skapar visuell hierarki.\n<\/p>\n

    \n Ta Kandinskys (Mondrians?) ikoniska kompositionsm\u00e5lningar, till exempel. Storleken och placeringen av den r\u00f6da rektangeln skapar en visuell fokuspunkt och bildar en relation med intilliggande kontrasterande f\u00e4rger och former som \u00e4r mycket l\u00e4tt f\u00f6r v\u00e5ra \u00f6gon att f\u00f6lja.\n<\/p>\n

    \"\"<\/a> Kandinskys m\u00e5lning ”Vit-vit” visar tydlig visuell hierarki.<\/p>\n

    \n Lektionen h\u00e4r \u00e4r att skapa ett tydligt visuellt fokus i infografisk design med hj\u00e4lp av kontrast, former och rumslig positionering. I det infografiska exemplet nedan bildar r\u00f6da och gr\u00f6na f\u00e4rger en stark kontrast som framh\u00e4ver den kvantitativa skillnaden, medan de \u00f6verlappande formerna i mitten skapar en tydlig visuell fokuspunkt.\n<\/p>\n

    \"\"<\/a> Ett \u00e5r av mat i NYC infographic.<\/p>\n

    \n 3 F\u00e4rg som medium
    \n<\/h5>\n

    \n En duktig elev vid Bauhaus konstskola, vid namn Josef Albers<\/a>, ut\u00f6kade \u00e4mnet i sin ikoniska bok, ”Interaction of Color”. Josef l\u00e4rde oss att f\u00e4rger \u00e4r relativa och s\u00e4llan ses som deras faktiska fysiska egenskaper. Som medium kan f\u00e4rger vara ”bedr\u00e4gliga” och ”provocerande”. D\u00e4rf\u00f6r kan f\u00f6rst\u00e5else f\u00f6r hur f\u00e4rger interagerar med varandra i h\u00f6g grad avg\u00f6ra ditt budskap.\n<\/p>\n

    \n I exemplet som illustrerar f\u00e4rgens relativitet nedan, uppfattas rutor med samma bruna f\u00e4rg ha olika nyanser p\u00e5 grund av sammanhanget de befinner sig i. Att f\u00f6rst\u00e5 de inneboende egenskaperna hos en f\u00e4rgpalett \u00e4r det f\u00f6rsta steget. F\u00f6r att f\u00f6rmedla r\u00e4tt budskap m\u00e5ste man ocks\u00e5 t\u00e4nka p\u00e5 samspelet mellan f\u00e4rger n\u00e4r man v\u00e4ljer f\u00e4rgschema.\n<\/p>\n

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

    \n F\u00f6r n\u00e4rvarande v\u00e4ljer designers de b\u00e4sta paletterna f\u00f6r att g\u00f6ra webbplatserna f\u00e4rgglada och matcha nyansernas inneboende egenskaper.\n<\/p>\n

    \n L\u00e4rdomen att f\u00e4rger har djupare kopplingar \u00e4r vad moderna designers anv\u00e4nder. S\u00e5 de v\u00e4ljer f\u00f6rsiktigt den b\u00e4sta f\u00e4rgkombinationen och tar fram betydelsen helt och h\u00e5llet.\n<\/p>\n

    \n Andra Bauhaus-konstn\u00e4rer har bidragit till f\u00e4rgl\u00e4ran f\u00f6rutom Josef Albers som Johannes Itten<\/a> och hans f\u00e4rgsf\u00e4r. Kategoriseringen av f\u00e4rg i prim\u00e4ra, sekund\u00e4ra och terti\u00e4ra f\u00e4rger<\/strong> anv\u00e4nds idag fortfarande i stor utstr\u00e4ckning f\u00f6r grafisk design. Ittens f\u00e4rgteori kan v\u00e4gleda infografisk designer att v\u00e4lja det b\u00e4sta f\u00e4rgschemat f\u00f6r sin design.\n<\/p>\n

    \"\"<\/a> Johannes Ittens 12-nyans f\u00e4rgcirkel.<\/p>\n

    \n Med denna f\u00e4rgteori i \u00e5tanke \u00e4r det mycket l\u00e4ttare att v\u00e4lja det b\u00e4sta f\u00e4rgschemat f\u00f6r din infografik baserat p\u00e5 principerna om konsekvens<\/strong> och enkelhet<\/strong>. En bra infographic anv\u00e4nder en konsekvent f\u00e4rgpalett samtidigt som kombinationen av f\u00e4rger \u00e4r enkel. Du vill att dina f\u00e4rger ska st\u00f6dja kommunikationen av information ist\u00e4llet f\u00f6r att hindra eller distrahera l\u00e4saren fr\u00e5n nyckelbudskapet.\n<\/p>\n

    \n Om du till exempel ska designa en infografik om kaffetillverkning \u00e4r det b\u00e4st att anv\u00e4nda brunt som den dominerande f\u00e4rgen, eftersom det \u00e4r f\u00e4rgen som f\u00f6rknippas med kaffeb\u00f6nor, samtidigt som hela f\u00e4rgpaletten \u00e4r enkel. I denna Nespresso infographic<\/a> f\u00f6rmedlar designen temat genom att anv\u00e4nda brun f\u00e4rg genomg\u00e5ende.\n<\/p>\n

    \n F\u00f6r att anv\u00e4nda f\u00e4rger konsekvent och enkelt f\u00f6r din infografiska design, finns det 3 f\u00e4rgscheman du kan \u00f6verv\u00e4ga: monokromatisk, triadisk och komplement\u00e4r<\/strong>. Ett monokromatiskt f\u00e4rgschema anv\u00e4nder f\u00e4rger av samma nyans men med olika m\u00e4ttnad, s\u00e5 var noga med att st\u00e4lla in dina f\u00e4rger p\u00e5 ett s\u00e4tt som inte verkar f\u00f6r matt. F\u00f6r nyb\u00f6rjare \u00e4r det l\u00e4ttare att b\u00f6rja med ett triadisk f\u00e4rgschema d\u00e4r f\u00e4rgerna har samma avst\u00e5nd p\u00e5 f\u00e4rghjulet. Gratisf\u00e4rger finns p\u00e5 motsatta \u00e4ndar av f\u00e4rghjulet och \u00e4r bra f\u00f6r att skapa kontrast.\n<\/p>\n

    \"\"<\/a> 3 typer av f\u00e4rgscheman f\u00f6r infografik.<\/p>\n

    \n Slutligen, \u00f6verv\u00e4g alltid sammanhanget f\u00f6r din infografik f\u00f6r att v\u00e4lja f\u00e4rger som framkallar r\u00e4tt associationer. Till exempel, om du designar en infografik f\u00f6r juls\u00e4songen, \u00e4r det b\u00e4st att h\u00e5lla sig till r\u00f6tt och gr\u00f6nt f\u00e4rgschema.\n<\/p>\n

    \n 4 Typografi betyder mycket, mycket
    \n<\/h5>\n

    \n Ett av de st\u00f6rsta arven fr\u00e5n Bauhaus konstskola \u00e4r typografi. Ledare f\u00f6r Bauhaus trodde att typografi \u00e4r en integrerad del av grafik, och att ord b\u00f6r s\u00e4ttas i skarpa vinklar. Men betydelsen av ett ord hade st\u00f6rre prioritet \u00e4n dess utformning.\n<\/p>\n

    \n Denna \u00f6vertygelse l\u00e4rde de samtida formgivarna en stor l\u00e4xa. Det uppmuntrade dem att vara kreativa med teckensnittsstilar men varnade dem ocks\u00e5 att inte avvika fr\u00e5n det faktiska budskapet de vill uttrycka. Enligt Bauhaus \u00e4r typografins prim\u00e4ra funktion att kommunicera, och kommunikation b\u00f6r upptr\u00e4da i den ”kortaste, enklaste, mest genomtr\u00e4ngande formen”.\n<\/p>\n

    \"\"<\/a> Det b\u00e4sta av Bauhaus-typsnitt str\u00e4var efter klarhet och enkelhet.<\/p>\n

    \n F\u00f6r infografisk design b\u00f6r vi som en tumregel anv\u00e4nda typsnitt som \u00e4r l\u00e4sbara och enkla f\u00f6r att kommunicera tydligt. Alltf\u00f6r dekorativa typsnitt f\u00f6r kopiering av text kommer att g\u00f6ra det sv\u00e5rt att l\u00e4sa och distraherande att titta p\u00e5 eftersom texter s\u00e4llan \u00e4r i fokus f\u00f6r designen.\n<\/p>\n

    \n 5 Rutn\u00e4tslayouten
    \n<\/h5>\n

    \n Bra anpassning g\u00f6r en hel v\u00e4rld av skillnad inom grafisk design. Pionj\u00e4rerna inom Bauhaus trodde p\u00e5 ett minimalistiskt f\u00f6rh\u00e5llningss\u00e4tt till visuell organisation, d\u00e4r allt \u00e4r t\u00e4tt inkl\u00e4mt i rektanglar och fyrkanter. Gallret \u00e4r perfekt f\u00f6r de praktiskt sinnade Bauhaus-designerna. M\u00e5nga av Bauhaus designelement \u00f6verensst\u00e4mmer med ett strikt rutn\u00e4t, som bokomslaget och schackbr\u00e4det nedan.\n<\/p>\n

    \"\"<\/a> Designa f\u00f6r rutn\u00e4tet.<\/p>\n

    \n Nuf\u00f6rtiden \u00e4r rutn\u00e4tssystemet ett vanligt anv\u00e4nt anpassningssystem av grafiska designers och webbdesigners f\u00f6r sidlayouter. Det \u00e4r fortfarande ett effektivt system f\u00f6r att uppr\u00e4tth\u00e5lla visuell hierarki i hela inneh\u00e5llssektionen. F\u00f6r infografisk design \u00e4r det ett m\u00e5ste att f\u00f6lja rutsystemet eftersom flera element m\u00e5ste ordnas, organiseras och struktureras f\u00f6r att skapa en tydlig visuell hierarki.\n<\/p>\n

    \"\"<\/a> Hur rutn\u00e4tssystemet anv\u00e4nds i grafisk design.<\/p>\n

    \n Med hj\u00e4lp av ett kolumnbaserat rutsystem<\/strong> som rutn\u00e4tet med 6 kolumner ovan kan du st\u00e4lla in en riktlinje f\u00f6r hur dina designelement interagerar med varje utg\u00e5ng. Det l\u00e4gger grunden f\u00f6r starka visuella relationer i din design. Dessutom kan rutsystem anv\u00e4ndas f\u00f6r att skapa rytm och r\u00f6relse. I ovanst\u00e5ende Bauhaus-tidningsf\u00e4rgdesign skapar rutn\u00e4tet diagonalt en k\u00e4nsla av r\u00f6relse medan t\u00e4tbefolkade element i mitten av rutn\u00e4tet ger en k\u00e4nsla av gravitation.\n<\/p>\n

    \n Om kolumnbaserat rutsystem \u00e4r limmet som h\u00e5ller ihop ditt inneh\u00e5ll, hj\u00e4lper anv\u00e4ndningen av marginaler<\/strong> till att rensa din t\u00e4ta visning av information. Du har antagligen m\u00e4rkt hur den gener\u00f6sa anv\u00e4ndningen av vitt utrymme och breda marginaler i Bauhaus-design skapar en ren, stilren look.\n<\/p>\n

    \n Slutligen, att ha ett rutsystem hj\u00e4lper dig att bryta rutn\u00e4tet. Din design blir direkt effektfull n\u00e4r du m\u00e5lmedvetet bryter mot reglerna. Detta kommer att g\u00f6ra din infografik omedelbart mer minnesv\u00e4rd bland de m\u00e5nga cookie-cutter infografiska layouterna. Ta nedanst\u00e5ende infografik som ett exempel, brytningen av rektangeln\u00e4tet \u00f6verst skapar en sl\u00e5ende visuell effekt medan resten av sidans rutn\u00e4t h\u00f6lls intakt f\u00f6r att bibeh\u00e5lla visuell harmoni i den \u00f6vergripande designen.\n<\/p>\n

    \"\"<\/a> Bra exempel p\u00e5 att bryta rutn\u00e4tet.<\/p>\n

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

    \n H\u00e4r \u00e4r de fem viktiga l\u00e4rdomarna fr\u00e5n Bauhaus som du kan anv\u00e4nda i din n\u00e4sta infografiska design. Tycker du att de \u00e4r l\u00e4tta att f\u00f6rst\u00e5 och praktiska att f\u00f6lja? Har du uppt\u00e4ckt andra Bauhaus-principer som \u00e4r l\u00e4mpliga f\u00f6r infografisk design?\n<\/p>\n

    \n Och om du \u00e4r redo att ta steget, prova dessa designprinciper med en infografisk tillverkare som Visme som kommer med mallar, s\u00e5 att du kan fokusera p\u00e5 att leka med att v\u00e4lja r\u00e4tt typsnitt, f\u00e4rg och visuell layout.\n<\/p>\n<\/p>\n

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

    J\u00e4mf\u00f6rt med konst har design alltid uppfattats som mindre inspirerande p\u00e5 grund av dess praktiska karakt\u00e4r. Vi har bara kommit att inse designens otroliga kraft sedan f\u00f6rra seklet p\u00e5 grund av n\u00e5gra paradigmskiftande designr\u00f6relser. Bauhaus var en av dessa r\u00f6relser som gav design en unik plats i m\u00e4nskligheten: en unik disciplin som f\u00f6renade konst och hantverk med ett filosofiskt f\u00f6rh\u00e5llningss\u00e4tt. ’Bauhaus’ \u2013 en term som bokstavligen betyder \u201dbygghus\u201d p\u00e5 tyska \u2013 var en konstskola som grundades av arkitekten Walter Gropius 1919. N\u00e4r Bauhaus-skolan fanns hade den sina r\u00f6tter i tre st\u00e4der \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":[399,529,607,360,61,204,659],"tags":[],"class_list":["post-265448","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-2","category-raznoe-sv","category-teknik-och-mer","category-underhallning","category-web-och-wordpress","category-webbdesign","category-webbplatser"],"_links":{"self":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/265448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/comments?post=265448"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/265448\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media\/191028"}],"wp:attachment":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media?parent=265448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/categories?post=265448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/tags?post=265448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}