{"id":255737,"date":"2023-09-12T11:10:00","date_gmt":"2023-09-12T08:10:00","guid":{"rendered":"https:\/\/inform.click\/cosa-puo-insegnarci-il-bauhaus-sul-design-dellinfografica\/"},"modified":"2023-09-12T11:17:00","modified_gmt":"2023-09-12T08:17:00","slug":"cosa-puo-insegnarci-il-bauhaus-sul-design-dellinfografica","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/cosa-puo-insegnarci-il-bauhaus-sul-design-dellinfografica\/","title":{"rendered":"Cosa pu\u00f2 insegnarci il Bauhaus sul design dell’infografica"},"content":{"rendered":"

\n Rispetto alle belle arti, il design \u00e8 sempre stato percepito come meno stimolante a causa della sua natura pratica. Siamo arrivati \u200b\u200ba realizzare l'incredibile potere del design solo dal secolo scorso grazie ad alcuni movimenti di design che hanno cambiato il paradigma.\n<\/p>\n

\n Il Bauhaus<\/a> \u00e8 stato uno di questi movimenti che hanno dato al design<\/strong> un posto unico nell'umanit\u00e0: una disciplina unica che ha fuso arte e artigianato con un approccio filosofico.\n<\/p>\n

\n “Bauhaus” – un termine che letteralmente significa “casa di costruzione” in tedesco – era una scuola d'arte fondata dall'architetto Walter Gropius<\/a> nel 1919. Quando esisteva la scuola Bauhaus, aveva le sue radici in tre citt\u00e0: Dessau (1925-1932), Weimar (1919-1925) e Berlino (1932-1933).Anche se di breve durata e alla fine chiuso a causa del partito politico nazista, il Bauhaus come movimento ha avuto un'enorme influenza sull'arte, il design e l'architettura che continua fino ai giorni nostri. Alcuni dei pi\u00f9 noti artisti e designer del Bauhaus includono Paul Klee, Johannes Itten, Mies Van der Rohe, Wassily Kandinsky e L\u00e1szl\u00f3 Moholy-Nagy.\n<\/p>\n

\n Piuttosto che concentrarsi sull'ideale elitario delle belle arti, il Bauhaus era abbastanza radicale all'epoca da integrare i principi dell'arte e del design come la teoria del colore, la composizione con una ricerca incessante di una funzionalit\u00e0 mirata. C'\u00e8 molto da imparare dai rivoluzionari principi Bauhaus per il design infografico. Qui esaminiamo le loro lezioni per rinfrescare il tuo pensiero sul design dell'informazione con una curiosa miscela di estro artistico e razionalit\u00e0 modernista.\n<\/p>\n

\n L'eredit\u00e0 del Bauhaus
\n<\/h5>\n

\n Ci sono i sei principi fondamentali del Bauhaus. Si basano su un approccio minimalista, definito da colori semplici e design pulito. Il Bauhaus come movimento, oltre ad essere una scuola d'arte, aveva alcune convinzioni che hanno plasmato il suo approccio all'arte e al design:\n<\/p>\n

    \n
  1. I prodotti potrebbero essere prodotti in serie ma anche onorare lo spirito artistico dell'individualit\u00e0 e servire la maggioranza della popolazione. Anche se un'idea simile esisteva gi\u00e0 in Germania, \u00e8 venuta alla ribalta dopo il Bauhaus.\n <\/li>\n
  2. La scuola d'arte Bauhaus credeva anche che gli studenti dovessero essere ben attrezzati sul piano artistico, sociale, economico, tecnico e spirituale. Ci\u00f2 tirerebbe fuori il meglio di loro e li renderebbe partecipanti vitali nella societ\u00e0.\n <\/li>\n
  3. La Bauhaus School of Arts preferiva membri della facolt\u00e0 lungimiranti rispetto a studiosi accademicamente qualificati. La creativit\u00e0 artistica \u00e8 stata incoraggiata da loro.\n <\/li>\n
  4. Un altro dei suoi principi includeva una fusione di arti applicate e belle arti.\n <\/li>\n
  5. I seguaci del Bauhaus credevano che un designer dovesse avere una profonda esperienza con i materiali.\n <\/li>\n
  6. Credevano fermamente nel design razionale ed erano affascinati da un moderno senso della bellezza.\n <\/li>\n<\/ol>\n

    \n Lezioni Bauhaus per la progettazione di infografiche\n<\/p>\n

    \n I grafici possono imparare molto sul design moderno che cattura una combinazione di abilit\u00e0 artistica, convenienza e utilit\u00e0. Esaminiamo le lezioni che possiamo applicare al design infografico oggi.\n<\/p>\n

    \n 1 La forma segue la funzione
    \n<\/h5>\n

    \n Un efficace design delle informazioni considera la comunicazione come la sua massima priorit\u00e0. Di tanto in tanto vediamo un'infografica dallo stile accattivante che non riesce a trasmettere un messaggio memorabile. Lo scopo principale di un'infografica \u00e8 comunicare informazioni: la forma e lo stile dovrebbero funzionare per soddisfare questo scopo e non viceversa.\n<\/p>\n

    \n
    \n I famosi tavolini impilabili di Josef Albert sono un gioco di forme minimaliste e combinazioni di colori.\n<\/p>\n

    \n La scuola Bauhaus ha insegnato agli studenti a spogliarsi delle decorazioni inutili che non avevano uno scopo funzionale. La frase “la forma segue la funzione”, coniata dall'architetto americano Louis Sullivan, coglie perfettamente lo zeitgeist del Bauhaus. Seguendo questa regola, una buona infografica dovrebbe dare priorit\u00e0 alla leggibilit\u00e0 e ridurre il disordine visivo per creare un chiaro focus visivo. In altre parole, dovremmo annunciare la morte a dettagli ornamentali eccessivi.\n<\/p>\n

    \n Di seguito \u00e8 riportata un'infografica che segue questa regola. Utilizzando colori minimali e forme geometriche di base, comunica informazioni complesse con un design molto pulito e ordinato.\n<\/p>\n

    \"\"<\/a> Le routine quotidiane di famosi creativi<\/p>\n

    \n 2 La gerarchia visiva \u00e8 re
    \n<\/h5>\n

    \n La scuola Bauhaus ha prestato particolare attenzione alle relazioni che si formano tra due opposti. Ad esempio, spiegava la connessione tra buio e luce, sinistra e destra o grande e piccolo. E questa relazione tra elementi crea una gerarchia visiva.\n<\/p>\n

    \n Prendiamo, ad esempio, i dipinti di composizioni iconiche di Kandinsky (di Mondrian?). La dimensione e la posizione del rettangolo rosso crea un punto focale visivo, formando una relazione con colori e forme contrastanti adiacenti che \u00e8 molto facile da seguire per i nostri occhi.\n<\/p>\n

    \"\"<\/a> Il dipinto di Kandinsky “Bianco-bianco” mostra una chiara gerarchia visiva.<\/p>\n

    \n La lezione qui \u00e8 creare un chiaro focus visivo nel design infografico utilizzando contrasto, forme e posizionamento spaziale. Nell'esempio di infografica qui sotto, l'utilizzo dei colori rosso e verde crea un forte contrasto che evidenzia la differenza quantitativa, mentre le forme sovrapposte al centro creano un chiaro punto focale visivo.\n<\/p>\n

    \"\"<\/a> Infografica di un anno di cibo a New York.<\/p>\n

    \n 3 Colore come mezzo
    \n<\/h5>\n

    \n Un brillante studente della scuola d'arte Bauhaus, di nome Josef Albers<\/a>, ha approfondito l'argomento nel suo libro iconico, “Interaction of Color”. Josef ci ha insegnato che i colori sono relativi e raramente visti come le loro effettive propriet\u00e0 fisiche. Come mezzo, i colori possono essere “ingannevoli” e “provocatori”. Pertanto, capire come i colori interagiscono tra loro pu\u00f2 determinare notevolmente il tuo messaggio.\n<\/p>\n

    \n Nell'esempio che illustra la relativit\u00e0 del colore sottostante, i quadrati dello stesso colore di marrone sono percepiti come aventi sfumature diverse a causa del contesto in cui si trovano. Comprendere le propriet\u00e0 intrinseche di una tavolozza di colori \u00e8 il primo passo. Per trasmettere il messaggio giusto, bisogna anche considerare l'interazione tra i colori quando si sceglie una combinazione di colori.\n<\/p>\n

    \"\"<\/a> Josef Albers sulla relativit\u00e0 del colore.<\/p>\n

    \n Attualmente, i designer scelgono le migliori tavolozze per rendere i siti Web colorati e abbinare le propriet\u00e0 intrinseche delle sfumature.\n<\/p>\n

    \n La lezione che i colori hanno connessioni pi\u00f9 profonde \u00e8 ci\u00f2 che i designer moderni impiegano. Quindi, scelgono con cautela la migliore combinazione di colori e ne mettono in risalto il significato.\n<\/p>\n

    \n Altri artisti del Bauhaus hanno contribuito alla teoria del colore oltre a Josef Albers, come Johannes Itten<\/a> e la sua sfera del colore. La categorizzazione del colore in colori primari, secondari e terziari<\/strong> oggi \u00e8 ancora ampiamente utilizzata per la progettazione grafica. La teoria dei colori di Itten pu\u00f2 guidare il progettista di infografiche a scegliere la migliore combinazione di colori per i propri progetti.\n<\/p>\n

    \"\"<\/a> Il cerchio dei colori a 12 tonalit\u00e0 di Johannes Itten.<\/p>\n

    \n Con questa teoria dei colori in mente, \u00e8 molto pi\u00f9 facile scegliere la migliore combinazione di colori per la tua infografica basata sui principi di coerenza<\/strong> e semplicit\u00e0<\/strong>. Una buona infografica utilizza una tavolozza di colori coerente mantenendo semplice la combinazione di colori. Vuoi che i tuoi colori supportino la comunicazione delle informazioni invece di ostacolare o distrarre il tuo lettore dal messaggio chiave.\n<\/p>\n

    \n Ad esempio, se devi progettare un'infografica sulla preparazione del caff\u00e8, \u00e8 meglio utilizzare il marrone come colore dominante, in quanto \u00e8 il colore associato ai chicchi di caff\u00e8, mantenendo semplice l'intera tavolozza dei colori. In questa infografica<\/a> Nespresso, il design trasmette il tema utilizzando il colore marrone ovunque.\n<\/p>\n

    \n Per utilizzare i colori in modo coerente e semplice per il tuo progetto di infografica, puoi prendere in considerazione 3 combinazioni di colori: monocromatico, triadico e complementare<\/strong>. Una combinazione di colori monocromatici utilizza colori della stessa tonalit\u00e0 ma di diversa saturazione, quindi fai attenzione a impostare i colori in modo che non appaiano troppo spenti. Per i principianti, \u00e8 pi\u00f9 facile iniziare con una combinazione di colori triadica in cui i colori sono equidistanti sulla ruota dei colori. I colori complementari si trovano alle estremit\u00e0 opposte della ruota dei colori ed \u00e8 ottimo per creare contrasto.\n<\/p>\n

    \"\"<\/a> 3 tipi di combinazioni di colori per l'infografica.<\/p>\n

    \n Infine, considera sempre il contesto della tua infografica per scegliere i colori che evocano le giuste associazioni. Ad esempio, se stai progettando un'infografica per il periodo natalizio, \u00e8 meglio attenersi allo schema di colori rosso e verde.\n<\/p>\n

    \n 4 La tipografia conta, molto
    \n<\/h5>\n

    \n Uno dei pi\u00f9 grandi lasciti della scuola d'arte Bauhaus \u00e8 la tipografia. I leader del Bauhaus credevano che la tipografia fosse parte integrante della grafica e che le parole dovessero essere poste ad angoli acuti. Tuttavia, il significato di una parola aveva una priorit\u00e0 maggiore rispetto al suo design.\n<\/p>\n

    \n Questa convinzione ha insegnato ai designer contemporanei una grande lezione. Li ha incoraggiati a essere creativi con gli stili dei caratteri, ma li ha anche avvertiti di non deviare dal messaggio reale che vogliono esprimere. Secondo il Bauhaus, la funzione primaria della tipografia \u00e8 quella di comunicare, e la comunicazione dovrebbe apparire nella “forma pi\u00f9 breve, pi\u00f9 semplice, pi\u00f9 penetrante”.\n<\/p>\n

    \"\"<\/a> I migliori caratteri tipografici Bauhaus puntano alla lucidit\u00e0 e alla semplicit\u00e0.<\/p>\n

    \n Per la progettazione di infografiche, come regola generale, dovremmo utilizzare caratteri leggibili e semplici per comunicare in modo chiaro. I caratteri eccessivamente decorativi per la copia del testo renderanno difficile la lettura e distrarranno la vista poich\u00e9 i testi sono raramente il punto focale del design.\n<\/p>\n

    \n 5 Il layout della griglia
    \n<\/h5>\n

    \n Un buon allineamento fa un'intera differenza nella progettazione grafica. I pionieri del Bauhaus credevano in un approccio minimalista all'organizzazione visiva, dove tutto \u00e8 strettamente compresso in rettangoli e quadrati. La griglia ha perfettamente senso per i designer Bauhaus dalla mentalit\u00e0 pratica. Molti elementi del design Bauhaus sono conformi a una griglia rigida, come la copertina del libro e la scacchiera sottostante.\n<\/p>\n

    \"\"<\/a> Progettare per la griglia.<\/p>\n

    \n Al giorno d'oggi, il sistema a griglia \u00e8 un sistema di allineamento comunemente utilizzato da grafici e web designer per i layout di pagina. Rimane un sistema efficace per mantenere la gerarchia visiva in tutta la sezione del contenuto. Per la progettazione di infografiche, seguire il sistema a griglia \u00e8 un must perch\u00e9 pi\u00f9 elementi devono essere disposti, organizzati e strutturati per creare una chiara gerarchia visiva.\n<\/p>\n

    \"\"<\/a> Come viene utilizzato il sistema a griglia nella progettazione grafica.<\/p>\n

    \n Utilizzando un sistema di griglia basato su colonne<\/strong> come la griglia a 6 colonne sopra, puoi impostare una linea guida su come i tuoi elementi di design interagiscono tra loro. Ci\u00f2 pone le basi per forti relazioni visive nel tuo progetto. Inoltre, i sistemi a griglia possono essere utilizzati per creare ritmo e movimento. Nel suddetto disegno a colori della rivista Bauhaus, la griglia posizionata in diagonale crea un senso di movimento mentre gli elementi densamente popolati al centro della griglia producono un senso di gravit\u00e0.\n<\/p>\n

    \n Se il sistema a griglia basato su colonne \u00e8 il collante che tiene insieme i tuoi contenuti, allora l'uso dei margini<\/strong> aiuta a mettere in ordine la tua fitta visualizzazione di informazioni. Probabilmente avrai notato come l'uso generoso dello spazio bianco e degli ampi margini nei design Bauhaus crei un aspetto pulito e ordinato.\n<\/p>\n

    \n Infine, avere un sistema a griglia ti aiuta a rompere la griglia. Il tuo design diventa immediatamente d'impatto quando infrangi intenzionalmente le regole. Ci\u00f2 render\u00e0 la tua infografica immediatamente pi\u00f9 memorabile tra i tanti layout di infografica cookie cutter. Prendi l'infografica sotto come esempio, la rottura della griglia rettangolare in alto crea un impatto visivo sorprendente mentre il resto della griglia della pagina \u00e8 stato mantenuto intatto per mantenere l'armonia visiva del design generale.\n<\/p>\n

    \"\"<\/a> Buon esempio di rompere la griglia.<\/p>\n

    \n Il tuo turno
    \n<\/h4>\n

    \n Ecco le cinque lezioni essenziali del Bauhaus che puoi utilizzare nel tuo prossimo progetto di infografica. Li trovi facili da capire e pratici da seguire? Hai scoperto altri principi Bauhaus adatti ai progetti infografici?\n<\/p>\n

    \n E se sei pronto a fare il salto, prova questi principi di progettazione con un creatore di infografiche come Visme che viene fornito con modelli, in modo che tu possa concentrarti sulla scelta del carattere, del colore e del layout visivo giusti.\n<\/p>\n<\/p>\n

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

    Rispetto alle belle arti, il design \u00e8 sempre stato percepito come meno stimolante a causa della sua natura pratica. Siamo arrivati \u200b\u200ba realizzare l’incredibile potere del design solo dal secolo scorso grazie ad alcuni movimenti di design che hanno cambiato il paradigma. Il Bauhaus \u00e8 stato uno di questi movimenti che hanno dato al design un posto unico nell’umanit\u00e0: una disciplina unica che ha fuso arte e artigianato con un approccio filosofico. “Bauhaus” – un termine che letteralmente significa “casa di costruzione” in tedesco – era una scuola d’arte fondata dall’architetto Walter Gropius nel 1919. Quando esisteva la scuola Bauhaus, aveva le sue radici in tre citt\u00e0 – …<\/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":[394,355,654,602,524,199,56],"tags":[],"class_list":["post-255737","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disegno","category-divertimento","category-siti-web","category-tecnologia-e-altro","category-varie","category-web-design","category-web-e-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/comments?post=255737"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255737\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/191028"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255737"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255737"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}