{"id":9982,"date":"2025-05-28T20:37:22","date_gmt":"2025-05-28T20:37:22","guid":{"rendered":"https:\/\/csiag.eu\/?p=9982"},"modified":"2025-06-01T18:35:19","modified_gmt":"2025-06-01T18:35:19","slug":"canva-progettazione-grafica-per-tutti","status":"publish","type":"post","link":"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/","title":{"rendered":"Canva - progettazione grafica per tutti?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_87_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Sommario<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Preisgestaltung\" >Prezzi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Leistungsumfang_%E2%80%93_Zielgruppe\" >Ambito dei servizi - gruppo target<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Anwendung\" >Applicazione<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Grundlagen\" >Nozioni di base<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Aller_Anfang_%E2%80%A6\" >Tutti gli inizi...<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Schritt_fur_Schritt\" >Passo dopo passo<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Raumnutzung\" >Utilizzo della stanza<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Balance\" >Equilibrio<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Strukturierung\" >Strutturazione<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Farblehre\" >Teoria del colore<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Farbassoziationen\" >Associazioni di colori<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Typographie\" >Tipografia<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Textausrichtung\" >Allineamento del testo<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Faux_pas_%E2%80%93_Hurenkinder_und_Schusterjungen\" >Passo falso - Puttane e ciabattini<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Hintergrund-Design\" >Design dello sfondo<\/a><\/li><\/ul><\/nav><\/div>\n<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Momento della lettura<\/span> <span class=\"rt-time\"> 10<\/span> <span class=\"rt-label rt-postfix\">minuti<\/span><\/span>\n<p class=\"wp-block-paragraph\">Lo strumento online <a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Canva<\/a> \u00e8 stato lanciato a Sydney, in Australia, nel 2012 con la missione \"Empowering the world to design\", rendendo il graphic design possibile per tutti. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Melanie Perkins<\/em>, <em>Cliff Obrecht<\/em> E <em>Cameron Adams<\/em> perseguono principalmente l'obiettivo di \"avere un impatto positivo sul mondo facendo il pi\u00f9 possibile del bene\".<br>Sono anche coinvolti in \"<a href=\"https:\/\/www.canva.com\/de_de\/step-two\/\" target=\"_blank\" rel=\"noreferrer noopener\">Livello due<\/a>\", che rappresenta quattro pilastri: \"Rafforzare le organizzazioni non profit\", \"Garantire i bisogni umani di base\", \"Consentire un'istruzione di alta qualit\u00e0\" e \"Sostenere le comunit\u00e0 locali\".<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Preisgestaltung\"><\/span>Prezzi<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le funzioni di base dello strumento sono gratuite. Tuttavia, se si vuole fare qualcosa di pi\u00f9 di una semplice progettazione grafica rudimentale, la loro portata \u00e8 molto limitata.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La versione Pro a pagamento offre la gamma completa e molto estesa di funzioni. La versione Teams consente ad almeno tre utenti di utilizzare la licenza. \u00c8 disponibile per un abbonamento annuale di 100 dollari per utente. Per circa 8 euro al mese, si tratta di un'offerta molto conveniente, in linea con la filosofia dell'azienda.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Leistungsumfang_%E2%80%93_Zielgruppe\"><\/span>Ambito dei servizi - gruppo target<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L'offerta di servizi \u00e8 pi\u00f9 che impressionante. Non c'\u00e8 quasi nulla che non possa essere realizzato. Caratteri, tipi di carattere, dimensioni dei caratteri, colori dei caratteri, elementi grafici, foto, video, AI, disegni di sfondo, persino la rimozione di sfondi fotografici \u00e8 risolta ordinatamente con un clic, per lo pi\u00f9 comunque, a seconda della complessit\u00e0 dello stesso, ovviamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un elenco di tutte le possibilit\u00e0 riempirebbe probabilmente diverse pagine. \u00c8 sicuramente il momento di provarle, naturalmente in modo gratuito. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se siete dei grafici, vi orienterete verso i programmi professionali, in quanto offrono non solo la stessa gamma di servizi, ma anche un'offerta molto pi\u00f9 personalizzata. Tuttavia, l'esperienza nell'uso di tali programmi \u00e8 essenziale, cos\u00ec come la curva di apprendimento, a meno che non abbiate studiato grafica e abbiate quindi potuto fare esperienza pratica.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il gruppo target \u00e8 quindi costituito principalmente da non professionisti, che dovrebbero essere in grado di utilizzare gli strumenti offerti per creare una grafica sufficiente per un uso occasionale e privato. Tuttavia, anche le piccole aziende che non possono permettersi un grafico e non vogliono esternalizzare il lavoro sono un gruppo target.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Anwendung\"><\/span>Applicazione<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vorrei confrontare l'uso degli strumenti offerti con la grande cassetta degli attrezzi di un elettricista o di un meccanico d'auto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il profano dispone quindi di tutti gli strumenti necessari per eseguire il lavoro specifico. Ma cosa ne facciamo di tutti i cacciaviti, le pinze, le pinze spelafili, gli strumenti di misura, i set di dadi, i cricchetti, le chiavi inglesi e le chiavi ad anello, ecc. <br>Possiamo davvero risolvere un problema tecnico - un po' pi\u00f9 complesso - con il solo strumento, senza alcuna conoscenza specialistica?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Canva offre video tutorial su vari argomenti. Sono adatti per avere una prima idea di come utilizzare gli strumenti e creare il proprio design.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Grundlagen\"><\/span>Nozioni di base<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le basi dell'utilizzo dello spazio, l'equilibrio degli elementi, la strutturazione, la consistenza, le forme, le linee, i colori, la tipografia, la texture e il branding sono purtroppo lasciati alla libera immaginazione dell'utente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tuttavia, sono proprio questi aspetti a essere decisivi per un design accattivante, equilibrato e significativo, in grado di trasmettere il proprio impatto in modo mirato ed efficace.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questo articolo si propone di colmare questa lacuna.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Aller_Anfang_%E2%80%A6\"><\/span>Tutti gli inizi...<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">... \u00e8 difficile. La motivazione, la necessit\u00e0 e l'impegno determinano il successo o il fallimento. Anche in questo caso vale il vecchio adagio \"chi non soffre non guadagna\". Quindi, se lo volete, potete farlo!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Procediamo quindi passo dopo passo ed esaminiamo ciascuno degli argomenti citati, impariamo il background per realizzare il successo desiderato con il design desiderato!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Schritt_fur_Schritt\"><\/span>Passo dopo passo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Raumnutzung\"><\/span>Utilizzo della stanza<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Immaginiamo di avere una stanza bella, grande e luminosa che possiamo arredare e progettare con gli oggetti esistenti. Gli oggetti esistenti possono essere confrontati con gli elementi di design predefiniti in Canva.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cos\u00ec come non impiliamo tutti i mobili, i tappeti, i quadri, ecc. in un angolo della stanza, non ammassiamo gli elementi grafici gli uni sugli altri.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Di conseguenza, lo spazio sar\u00e0 suddiviso in aree invitanti, aree che incoraggiano a soffermarsi e aree puramente informative.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si potrebbe anche immaginare una griglia che ricopre la stanza e permette di strutturare la disposizione dei vari oggetti. Aiuta a creare ordine, a prendere per mano lo spettatore e a guidarlo attraverso i contenuti. Prima di tutto per riconoscere le cose importanti, poi per leggere la spiegazione e cogliere la quintessenza, sia essa la data, il luogo e l'ora di un evento, una riunione di Zoom o altro. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anche un'occhiata superficiale al progetto dovrebbe consentire allo spettatore di memorizzare di sfuggita i tre contenuti essenziali: di cosa si tratta (parola chiave e breve descrizione), dove e quando si svolge.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Balance\"><\/span>Equilibrio<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Il tavolino si trova al centro della stanza, con il divano e le due poltrone direttamente di fronte e la lampada da terra al centro del tavolo. Se ci si vuole sedere sul divano, bisogna prima allontanare il divano dal tavolo per creare lo spazio necessario. Lo stesso vale per chiunque altro voglia mettersi comodo. La lampada da terra abbaglia immediatamente chi \u00e8 seduto di fronte, per questo dovrebbe essere posizionata pi\u00f9 lontano dal tavolo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lo stesso vale per il design: dovrete sempre fare attenzione a disporre i singoli elementi testuali e grafici in modo che non si sottraggano l'un l'altro il respiro, ma piuttosto creino un aspetto accattivante e di facile lettura a una distanza equilibrata l'uno dall'altro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questo si pu\u00f2 ottenere senza elementi grafici, come le linee, perch\u00e9 anche le sezioni di testo, che hanno tutte la stessa rientranza, sono allineate a questa linea immaginaria. In questo modo si divide il disegno in due met\u00e0, per cos\u00ec dire. L'altra met\u00e0, vuota, pu\u00f2 essere dotata di un elemento grafico o anche di un testo pi\u00f9 grande e assumere la guida visiva dello sguardo dell'osservatore.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se si decide di utilizzare un elemento grafico come separatore tra i due contenuti testuali, una distanza identica tra le due sezioni di testo a sinistra e a destra di questo elemento garantisce uno spazio sufficiente per respirare, l'equilibrio necessario.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In caso di dubbio, la regola dei terzi serve all'equilibrio di ogni disegno: un abete posizionato esattamente al centro dell'immagine di fronte a una catena montuosa rischia di dare allo spettatore un'esperienza visiva \"in qualche modo\" sgradevole. Se l'abete viene posizionato nei due terzi inferiori di destra, l'orizzonte che corre lungo il bordo fino all'ultimo terzo orizzontale, la catena montuosa nel terzo inferiore, mentre il cielo riempie i terzi superiori, l'occhio dell'osservatore percepir\u00e0 la vastit\u00e0 dell'immagine (catena montuosa e cielo) e, come contrappunto, l'abete a destra in primo piano.<br>Nel caso di oggetti in movimento, come un veliero, il posizionamento d\u00e0 un'idea della direzione di marcia: Una nave che viaggia da sinistra a destra non sar\u00e0 quindi rappresentata al centro ma, se si vuole enfatizzare il suo arrivo, entrer\u00e0 nell'immagine da sinistra o uscir\u00e0 dall'immagine a destra.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nel design di un logo, il fatto che un numero dispari di elementi crei un'impressione di equilibrio quando lo si guarda aiuta. Di solito sono tre, pi\u00f9 raramente cinque. Un logo che assomiglia a un sigillo rotondo ha il logo stesso al centro, oppure una o due lettere, eventualmente intrecciate, mentre il testo \u00e8 disposto in cerchio sopra e sotto.<br>Un lettering equilibrato pu\u00f2 essere posizionato anche a destra e a sinistra del logo per creare un equilibrio visivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anche i cosiddetti. <em>Spazio negativo<\/em> (spazio bianco vuoto) viene utilizzato per la strutturazione, la rimozione del \"disordine\", cio\u00e8 della zavorra che impedisce di vedere un progetto in modo guidato. Spesso meno \u00e8 meglio!<br>Lo spazio bianco \u00e8 l'unico elemento che non viene aggiunto esplicitamente. \u00c8 semplicemente l\u00ec, senza fare nulla. O forse s\u00ec? Separa gli elementi l'uno dall'altro, indica che devono essere percepiti separatamente l'uno dall'altro.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"505\" height=\"796\" src=\"https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-5.png\" alt=\"\" class=\"wp-image-9997\" style=\"width:351px;height:auto\" srcset=\"https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-5.png 505w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-5-190x300.png 190w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-5-8x12.png 8w\" sizes=\"(max-width: 505px) 100vw, 505px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/99designs.de\/poster-design\/contests\/create-modern-poster-french-film-festival-cr%C3%A9ez-une-508160\/entries\" target=\"_blank\" rel=\"noreferrer noopener\">Cartellonistica<\/a><em>&nbsp;per pmoretti<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Nel design interattivo, ad esempio nella progettazione di moduli, la vicinanza dei nomi dei campi (ad esempio, nome, telefono) al rispettivo campo deve essere riconosciuta immediatamente. Se i nomi dei campi fossero posti alla stessa distanza dal campo successivo, come la distanza tra il bordo inferiore del campo e il nome del campo successivo, il tempo di visualizzazione sarebbe molto pi\u00f9 lungo rispetto al caso in cui il nome del campo fosse immediatamente seguito dal campo e il nome del campo successivo (con il campo associato) fosse posto a una distanza netta.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per i moduli pi\u00f9 estesi, la suddivisione in gruppi \u00e8 utile: se si deve compilare un modulo lungo diversi metri, di solito ci si ferma prima di averne \"completato\" la met\u00e0.<br>Il raggruppamento suggerisce un avanzamento pi\u00f9 rapido e di conseguenza porta al completamento e all'invio del modulo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anche i menu a tendina, che offrono contenuti logicamente predefiniti per una rapida selezione, servono a semplificare il processo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Strukturierung\"><\/span>Strutturazione<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Attirare l'attenzione \u00e8 possibile con una buona strutturazione. Un buon esempio \u00e8 la homepage di Google. Che cosa fa un utente che <em>Google<\/em> chiamate? Ricerca. di cosa ha bisogno? Un campo di ricerca. Cosa trova? Il suo campo di ricerca, sotto la scritta <em><a href=\"https:\/\/google.de\" target=\"_blank\" rel=\"noreferrer noopener\">Google<\/a><\/em>che viene costantemente riprogettato per aumentare il suo appeal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un controesempio \u00e8, ad esempio, la pagina di ingresso di <em><a href=\"https:\/\/yahoo.de\" target=\"_blank\" rel=\"noreferrer noopener\">Yahoo<\/a><\/em>che, dopo tutto, visualizza il campo di ricerca nella prima posizione della pagina, ma sommerge l'osservatore con gli altri contenuti nelle restanti 95% circa, o almeno distrae dallo scopo effettivo della visita.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La memoria umana blocca le cose non importanti per evitare il sovraccarico e per potersi concentrare sulle cose importanti. Tuttavia, questa cancellazione \u00e8 anche una funzione del cervello e quindi riduce la capacit\u00e0 residua di concentrarsi sull'essenziale.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La memoria a breve termine \u00e8 in grado di memorizzare in media fino a sette elementi. Quindi, se volete che, ad esempio, il contenuto di una presentazione rimanga disponibile nella memoria a breve termine, non dovete presentare pi\u00f9 di questi sette elementi in una pagina.<br>Questi possono anche essere strutturati in modo appropriato, ad esempio 3 + 4, 2 + 5 o viceversa, per enfatizzare i punti che appartengono l'uno all'altro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per creare una struttura, \u00e8 utile fare prima uno schizzo mentale che tenga conto dei seguenti punti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Qual \u00e8 l'informazione pi\u00f9 importante (elemento pi\u00f9 grande o centrato, carattere in grassetto - selettivo, perch\u00e9 se tutto \u00e8 stampato in grassetto, il grassetto enfatizzante perde il suo significato)<\/li>\n\n\n\n<li>Disposizione simmetrica o asimmetrica (ogni elemento ha un peso)<\/li>\n\n\n\n<li>Scelta del colore (90% di tutte le decisioni sulla valutazione positiva o negativa di un prodotto vengono prese in meno di 90 secondi solo sulla base del colore; il colore aumenta il valore di riconoscimento di un marchio, ad esempio, fino a 80%)<\/li>\n\n\n\n<li>Contrasto (crea spazio, profondit\u00e0)<\/li>\n\n\n\n<li>Spazio bianco (separazione degli elementi)<\/li>\n\n\n\n<li>Proporzione (rapporto tra le dimensioni visive e il peso degli elementi tra loro)<\/li>\n\n\n\n<li>Movimento (guida visiva e coerente attraverso il contenuto; se si inciampa in qualche punto del processo durante la visualizzazione, il design deve essere corretto)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In pratica, il passo successivo \u00e8 quello di mettere su carta il contenuto testuale. Seguono le immagini dei prodotti. Ora \u00e8 possibile posizionare gli elementi. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Farblehre\"><\/span>Teoria del colore<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Perch\u00e9 occuparsi di teoria del colore? Da un lato, i colori svolgono un ruolo fondamentale nella valutazione dei contenuti del design, dall'altro possono camuffarsi in modo eccellente. Camuffarsi nel senso che possono apparire completamente diversi sulla stampa rispetto al monitor o ai social media.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questo perch\u00e9 il sistema cromatico CMYK (sottrattivo; si toglie \"luce\" alla carta aggiungendo altro colore) \u00e8 predominante nella stampa, mentre il sistema RGB (additivo; tutti i colori insieme danno come risultato il bianco) \u00e8 predominante nel mondo della riproduzione digitale. <br>Il rosso CMYK, un tempo ricco, nella stampa appare solo come un rosso pallido nei social media. Se viene convertito in RGB e poi condiviso sui social media, \u00e8 possibile vedere nuovamente il colore rosso previsto,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I colori sono essenzialmente 12, proprio come i pastelli che ammiravamo durante le lezioni di arte e con i quali creavamo le migliori opere d'arte.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Sir Isaac Newton <\/em>progett\u00f2 nel 1704 la prima ruota dei colori, composta dai tre colori primari (rosso, giallo, blu), dai tre colori secondari (i colori misti risultanti dai colori primari) e dai sei colori terziari (risultanti dalla mescolanza dei colori primari e secondari).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"930\" height=\"930\" src=\"https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1.png\" alt=\"\" class=\"wp-image-9984\" style=\"width:369px;height:auto\" srcset=\"https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1.png 930w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1-300x300.png 300w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1-150x150.png 150w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1-768x768.png 768w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1-12x12.png 12w\" sizes=\"(max-width: 930px) 100vw, 930px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">I colori percepiti come caldi costituiscono la met\u00e0 sinistra della ruota dei colori, quelli descritti come freddi la met\u00e0 destra. La percezione della \"temperatura\" si riflette anche nella temperatura fisica del colore (<em>K = Kelvin<\/em>).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le sfumature aggiungono il nero al tono del colore con intensit\u00e0 variabile, mentre le tinte aggiungono il bianco. Un tono, invece, completa il bianco e il nero, cio\u00e8 il grigio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I colori complementari sono colori che si trovano uno di fronte all'altro nel cerchio Fab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I colori analoghi si trovano uno accanto all'altro nella ruota dei colori (rosso, arancione, giallo). Un colore domina (guida), un altro lo sostiene e il terzo lo accentua.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Farbassoziationen\"><\/span>Associazioni di colori<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Blu<br>- Positivo: coerenza, competenza, forza, qualit\u00e0, produttivit\u00e0, calma, sicurezza, fiducia, saggezza, affidabilit\u00e0.<br>- Negativo: frena l'appetito (non \u00e8 adatto al cibo)<\/li>\n\n\n\n<li>Marrone<br>- Positivo: mascolinit\u00e0, naturalezza, resilienza, affidabilit\u00e0<br>- Negativo: non adatto alle call to action<\/li>\n\n\n\n<li>Giallo<br>- Positivo: gioia, cordialit\u00e0, felicit\u00e0, giovinezza, competenza<br>- Negativo: frode, vilt\u00e0, scarsa qualit\u00e0<\/li>\n\n\n\n<li>Grigio<br>- Positivo: forza di carattere, formalit\u00e0, praticit\u00e0, professionalit\u00e0, atemporalit\u00e0<br>- Negativo: Distanza, freddo, noia<\/li>\n\n\n\n<li>Verde<br>- Positivo: ristoro, recupero, salute, speranza, natura, crescita, prosperit\u00e0<br>- Negativo: invidia<\/li>\n\n\n\n<li>Arancione<br>- Positivo: energia, felicit\u00e0, ottimismo<br>- Negativo: invita alla cautela<\/li>\n\n\n\n<li>Rosa<br>- Positivo: gentilezza, dolcezza, femminilit\u00e0<br>- Negativo: -<\/li>\n\n\n\n<li>Rosso<br>- Positivo: passione, amore, forza<br>- Negativo: fuoco, pericolo, violenza, guerra, rabbia<\/li>\n\n\n\n<li>Nero - <br>- Positivo: autorit\u00e0, malvagit\u00e0, eleganza, stravaganza, potere<br>- Negativo: Minaccia, mistero, ribellione, morte, dolore<\/li>\n\n\n\n<li>Viola - <br>- Positivo: autorit\u00e0, potere, creativit\u00e0, raffinatezza, rispetto, spiritualit\u00e0, saggezza, prosperit\u00e0.<br>- Negativo: tristezza, freddezza (toni scuri)<\/li>\n\n\n\n<li>Bianco - <br>- Positivo: pace, purezza, innocenza<br>- Negativo: <br><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A questo punto si pu\u00f2 iniziare a progettare il colore. Se il testo viene utilizzato su uno sfondo colorato, il contrasto tra lo sfondo e il testo deve essere sufficiente a garantire una lettura scorrevole e senza sforzo.<br>Una scelta sbagliata \u00e8 il testo nero su sfondo blu scuro o il testo giallo su sfondo arancione.<br>Per i testi che vengono posizionati sopra le foto, potrebbe essere necessario posizionare il testo bianco sulla parte scura e il testo nero sulla parte chiara dell'immagine.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Typographie\"><\/span>Tipografia<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Proprio quando si pensa di aver raggiunto l'obiettivo di un design di successo, si inciampa nel prossimo ostacolo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La tipografia influisce su tutto, dalla selezione al layout del carattere. I caratteri non servono solo a trasmettere il messaggio principale, ma anche l'immagine di s\u00e9 e il proprio scopo. Affinch\u00e9 ci\u00f2 riesca, \u00e8 importante comprendere la tipografia per poterla utilizzare correttamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Proprio come il vocabolario \u00e8 di fondamentale importanza nell'apprendimento di una lingua straniera, anche la tipografia ha bisogno di un vocabolario:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Famiglia di caratteri<\/em><br>Una famiglia di font contiene font affini di diversa larghezza, peso e grammatura con caratteristiche formali comuni.<\/li>\n\n\n\n<li><em>Carattere<\/em><br>Un font \u00e8 un insieme di glifi (lettere, numeri, segni di punteggiatura e simboli) progettati in modo tipico per il rispettivo font, ad es. <em>Helvetica<\/em>, <em>Times New Roman<\/em>. <br>Nel mondo digitale, un font viene definito come <em>Carattere<\/em> designato.<\/li>\n\n\n\n<li>Dimensione del carattere<br>Il peso del carattere descrive lo spessore dei tratti che compongono i caratteri ed \u00e8 espresso come <em>luce<\/em>, <em>normale<\/em>, <em>audace<\/em> O <em>grasso extra<\/em> designato.<\/li>\n\n\n\n<li>Dimensione del carattere<br>La dimensione del carattere \u00e8 <em>Punto<\/em> (<em>Pt.<\/em>corrispondente a 1\/72 di pollice; una dimensione di carattere di 6 pt corrisponde a 2,1 mm di altezza, la tipica \"stampa piccola\").<\/li>\n\n\n\n<li>Stile del carattere<br>Gli stili di carattere forniscono informazioni sull'aspetto, come Sans Serif (ad esempio Helvetica), Serif (<font face=\"Times New Roman\">Times New Roman<\/font>) o script (ad es. <font face=\"Lucida Handwriting\">Scrittura lucida<\/font>), o scritte decorative (ad es.&nbsp;&nbsp;&nbsp;&nbsp;<font face=\"Amsterdam\">Amsterdam<\/font>).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Data la variet\u00e0 di font \"belli\", sarete subito tentati di inserirli nel vostro progetto, ma - fermatevi!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gli spettatori hanno anche preferenze per i caratteri. Alcuni sono poco popolari o troppo utilizzati, altri sono illeggibili. La scelta del carattere deve essere fatta con attenzione. Uno per il titolo, un altro per il corpo del testo. Al massimo un terzo nel gruppo, magari come sottotitolo - niente di pi\u00f9!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una chiara gerarchia guida il lettore lungo il percorso di lettura desiderato e gli fornisce tutte le informazioni desiderate, in modo semplice e memorabile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se lo spazio \u00e8 limitato, si sceglie semplicemente un carattere pi\u00f9 piccolo, fino alle \"scritte piccole\", per contenere l'intero contenuto. Sbagliato! Almeno se il lettore vuole percepire e comprendere appieno il contenuto. Nessuno scruter\u00e0 il testo con una lente d'ingrandimento.<br>Ci\u00f2 significa: accorciare il testo, limitarlo all'essenziale e, se necessario, cambiare il carattere per far arrivare il messaggio in modo completo da un lato e mantenere il piacere della lettura dall'altro.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Textausrichtung\"><\/span>Allineamento del testo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Esistono quattro modi per disporre i corpi di testo: Al centro, a filo a sinistra o a filo a destra, con giustificazione o giustificato.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questi testi sono scritti con caratteri a filo allineati a sinistra.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La giustificazione \u00e8 l'allineamento forzato delle parole di ogni riga a sinistra e a destra. Questo pu\u00f2 generare una spaziatura innaturale tra le parole, che rende pi\u00f9 difficile la lettura. L'occhio \u00e8 abituato ad aspettarsi una spaziatura regolare delle parole e si sente irritato se questa non \u00e8 quella prevista.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Faux_pas_%E2%80%93_Hurenkinder_und_Schusterjungen\"><\/span>Passo falso - Puttane e ciabattini<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Che cos'\u00e8? No, sono solo espressioni tipografiche che denotano errori di battitura.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il figlio di un ciabattino \u00e8 una singola riga di un paragrafo alla fine della pagina, il figlio di una prostituta \u00e8 la continuazione ugualmente separata della frase di un paragrafo all'inizio della pagina successiva.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si ritiene che tali costellazioni disturbino il flusso della lettura, siano antiestetiche e vadano quindi evitate.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Hintergrund-Design\"><\/span>Design dello sfondo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lo sfondo ospita tutti gli elementi del design, le immagini, i titoli e i contenuti testuali. Deve quindi essere mantenuto discreto, in modo da non rendere difficile la lettura dei testi e da non spingerlo in primo piano.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con una disposizione adeguata, ad esempio con titoli ricorrenti, anche se diversi, lo sfondo pu\u00f2 assumere anche compiti organizzativi.<br>Supponiamo che in ogni pagina siano descritti gli stessi prodotti, ma contrassegnati da colori diversi. Il rispettivo colore del prodotto pu\u00f2 quindi fungere da sfondo per il titolo. Ci\u00f2 significa che il riferimento al prodotto descritto \u00e8 gi\u00e0 dato dal solo colore.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quindi lo sfondo non \u00e8 qualcosa di abusato per sopprimere il vuoto bianco, ma un elemento che pu\u00f2 fornire gerarchia, ordine e informazioni.<\/p>","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Momento della lettura<\/span> <span class=\"rt-time\"> 10<\/span> <span class=\"rt-label rt-postfix\">minuti<\/span><\/span>Lo strumento online Canva \u00e8 stato lanciato a Sydney, in Australia, nel 2012 con la missione \"Empowering the world to design\", rendendo la progettazione grafica possibile per tutti. Melanie Perkins, Cliff Obrecht e Cameron Adams perseguono principalmente l'obiettivo di \"avere un impatto positivo sul mondo facendo il pi\u00f9 possibile del bene\" e si impegnano anche nel \"livello due\", che rappresenta quattro pilastri, ovvero \"organizzazioni no-profit...&nbsp;<a href=\"https:\/\/csiag.eu\/it\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/\" rel=\"bookmark\">Leggi tutto \"<span class=\"screen-reader-text\">Canva - progettazione grafica per tutti?<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[4906],"tags":[4989,1554,5002,4937,4969,4960,5035,4931,5004,4939,2314,4947,5055,4930,1312,4908,5019,2418,5051,4909,5024,4950,4959,4946,4949,2386,5003,5045,4976,4977,4974,5018,1112,4957,4967,5031,5054,4965,5020,4932,1110,4920,4915,5014,5015,5043,4973,4264,4942,4318,5032,1724,2463,4910,4907,4916,4927,4972,4958,5049,5052,4918,4919,5058,4940,4999,4956,5016,4987,4500,5005,5000,2415,5006,5036,5033,4944,4963,4924,5025,4955,5030,4926,5061,4933,5056,4952,4951,5011,4978,4980,477,5012,4602,4954,5026,4938,4601,5021,4922,4923,4984,4975,5007,5022,4971,1416,4941,5037,4935,4936,4934,5057,1435,5027,1794,5028,5060,5001,4943,4911,1175,5046,4914,4913,5047,5048,4912,4953,5059,4985,4948,1408,4979,5039,4966,4961,4968,4945,5053,4929,5050,5041,4928,4964,5042,4917,4986,5029,4988,5009,4970,4925,5013,5040,4962,5023,4921,5010],"class_list":["post-9982","post","type-post","status-publish","format-standard","hentry","category-grafikdesign","tag-grau","tag-abstand","tag-akzent","tag-arrangement","tag-asymmetrisch","tag-auswahl","tag-autoritaet","tag-balance","tag-bestaendigkeit","tag-betrachter","tag-bewegung","tag-blick","tag-blocksatz","tag-brandiung","tag-braun","tag-canva","tag-charakterstaerke","tag-cmyk","tag-dekorschrift","tag-design","tag-distaz","tag-drittel-regel","tag-drop-down-menue","tag-einrueckung","tag-element","tag-energie","tag-farbassoziation","tag-farbgestaltung","tag-farblehre","tag-farbsystem","tag-farbwahl","tag-feigheit","tag-feld","tag-feldname","tag-fettschrift","tag-feuer","tag-flattersatz","tag-fokussieren","tag-formalitaet","tag-formen","tag-formular","tag-fotohintergrund","tag-fotos","tag-freude","tag-freundlichkeit","tag-frieden","tag-fuehren","tag-fuehrung","tag-gedaechtnis","tag-gefahr","tag-gewalt","tag-gewicht","tag-google","tag-grafik","tag-grafikdesign","tag-grafikelemente","tag-grafiker","tag-groesse","tag-gruppierung","tag-helvetica","tag-hierarchie","tag-hintergrund","tag-hintergrundfarbe","tag-hurenkinder","tag-inhalt","tag-intensitaet","tag-interaktiv","tag-jugend","tag-kalt","tag-ki-2","tag-kompetenz","tag-komplementaerfarbe","tag-kontrast","tag-kraft","tag-krativitaet","tag-krieg","tag-kurzbeschreibung","tag-kurzzeitgedaechtnis","tag-laien","tag-langeweile","tag-leer-raum","tag-leidenschaft","tag-lernkurve","tag-lesefluss","tag-linien","tag-linksbuendig","tag-logo","tag-logo-design","tag-maennlichkeit","tag-medien","tag-mischfarben","tag-monitor","tag-natuerlichkeit","tag-negativ","tag-negativraum","tag-optimismus","tag-ordnung","tag-positiv","tag-praktikabilitaet","tag-praxis","tag-praxiserfahrung","tag-primaere-fabrben","tag-produktbild","tag-produktivitaet","tag-professionalitaet","tag-proportion","tag-qualitaet","tag-quintessenz","tag-rafinesse","tag-raster","tag-raum","tag-raumnutzung","tag-rechtsbuendig","tag-reinheit","tag-rosa","tag-ruhe","tag-sanftheit","tag-satzfehler","tag-schattierung","tag-schlagwort","tag-schrift","tag-schriftart","tag-schriftfamilie","tag-schriftfarbe","tag-schriftgroesse","tag-schriftstaerke","tag-schriftstil","tag-schrifttyp","tag-schriftzug","tag-schusterjungen","tag-sekundaere-farben","tag-separator","tag-sicherheit","tag-sir-isaac-newton","tag-spritualitaet","tag-struktur","tag-strukturierung","tag-symmetrisch","tag-textabschnitt","tag-textausrichtung","tag-textur","tag-times-new-roman","tag-trauer","tag-typographie","tag-ueberlastung","tag-unnahbarkeit","tag-videos","tag-warm","tag-weiblichkeit","tag-weiss","tag-weisheit","tag-weissraum","tag-werkzeuge","tag-widerstandsfaehigkeit","tag-wohlstand","tag-yahoo","tag-zeitlosigkeit","tag-zielgruppe","tag-zuverlaessigkeit"],"modified_by":"Achim Goerner","_links":{"self":[{"href":"https:\/\/csiag.eu\/it\/wp-json\/wp\/v2\/posts\/9982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csiag.eu\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/csiag.eu\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/csiag.eu\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csiag.eu\/it\/wp-json\/wp\/v2\/comments?post=9982"}],"version-history":[{"count":0,"href":"https:\/\/csiag.eu\/it\/wp-json\/wp\/v2\/posts\/9982\/revisions"}],"wp:attachment":[{"href":"https:\/\/csiag.eu\/it\/wp-json\/wp\/v2\/media?parent=9982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/csiag.eu\/it\/wp-json\/wp\/v2\/categories?post=9982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/csiag.eu\/it\/wp-json\/wp\/v2\/tags?post=9982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}