{"id":620,"date":"2023-05-09T12:00:31","date_gmt":"2023-05-09T10:00:31","guid":{"rendered":"https:\/\/tulipemedia.com\/?p=620"},"modified":"2023-05-09T14:01:26","modified_gmt":"2023-05-09T12:01:26","slug":"poster-stampato-del-sito-web-dei-colori-associati","status":"publish","type":"post","link":"https:\/\/tulipemedia.com\/it\/associer-couleurs-site-web-print-affiche\/","title":{"rendered":"Sito web e stampa: 5 consigli per scegliere e abbinare i colori giusti"},"content":{"rendered":"<p style=\"text-align: justify;\">Sia per a <strong>designare<\/strong>\/<strong>webmaster principiante<\/strong> o per a <strong>azienda<\/strong> chi scrive le sue specifiche, la scelta di <strong>colori di un sito web, di un volantino, di un biglietto da visita, di un poster o di una brochure<\/strong> \u00e8 un esercizio decisivo e centrale, sia in termini di <strong>ergonomia<\/strong> e l&#039;esperienza dell&#039;utente rispetto a quella di <strong>marketing<\/strong>. Quindi vedremo <strong>come scegliere i buoni colori<\/strong> a seconda del tema affrontato dal tuo sito web o dalla tua stampa e dal target a cui si rivolge. Vedrai che a questo livello nulla va lasciato al caso, altrimenti la tua comunicazione perderebbe di credibilit\u00e0.<\/p>\n<p><!--more--><\/p>\n<h2>Scegli un numero limitato di colori<\/h2>\n<p style=\"text-align: justify;\">Questo suggerimento \u00e8 un segreto di Pulcinella per gli amanti della moda o dell&#039;interior design. Fatta eccezione per gli stili di abbigliamento eccezionali e originali che rientrano nel\u00a0<em>pavone<\/em>, <strong>i colori non devono essere troppo numerosi se non vogliamo proiettare un&#039;immagine disordinata e immatura<\/strong>. Per un <strong>sito web<\/strong>, preferiremo rifiutare la grafica su <strong>due, tre o quattro toni<\/strong>, piuttosto che 6 o 8 colori che sicuramente daranno al tuo sito un&#039;immagine amatoriale.<\/p>\n<p style=\"text-align: justify;\"><strong>Sobriet\u00e0<\/strong> E <strong>minimalismo<\/strong> per i siti istituzionali seri quindi non sono troppi!<\/p>\n<p>&nbsp;<\/p>\n<h2>Dai priorit\u00e0 alla chiarezza<\/h2>\n<p style=\"text-align: justify;\">L&#039;estetica e l&#039;originalit\u00e0 sono buone. L\u00e0 <strong>chiarezza<\/strong>, anche a volte non \u00e8 male! Ad eccezione delle operazioni di comunicazione speciali\/barocche\/buffone, a <strong>sito web<\/strong> o uno <strong>stampa classica<\/strong> deve soddisfare soprattutto l&#039;esperienza dell&#039;utente: niente sfondi aggressivi con un colore simile al carattere, niente troppi colori nel testo, ecc.<\/p>\n<p style=\"text-align: justify;\">Mostra la prova <strong>di empatia<\/strong>, mettiti, ad esempio, nei panni dell&#039;internauta e chiediti cosa si aspetta da un mezzo. Ad esempio, per un sito web pratico e informativo, sono il testo, l&#039;immagine e il video a dover essere al centro dell&#039;attenzione. Assicurati quindi di offrire le informazioni nel modo pi\u00f9 puro possibile, scegliendo colori chiari o pastello per lo sfondo o i lati, e scuri per il testo.<\/p>\n<p>&nbsp;<\/p>\n<h2>Usa la ruota dei colori per aiutarti<\/h2>\n<p style=\"text-align: justify;\">Se sei nuovo al web design, o vuoi comunicare specifiche credibili al tuo grafico, ecco uno strumento che ti sar\u00e0 molto utile nella scelta dei colori del tuo sito: il <strong>ruota dei colori<\/strong>.<\/p>\n<p style=\"text-align: justify;\">Chiaramente, hai due possibilit\u00e0 principali per combinare i colori tramite <strong>ruota dei colori<\/strong>, in base alle propriet\u00e0 fisiche dell&#039;occhio umano.<\/p>\n<ul>\n<li style=\"text-align: justify;\">Il primo \u00e8 quello <strong>scegli diverse tonalit\u00e0 dello stesso colore<\/strong>. In effetti, i colori vicini sulla scala cromatica creano una sensazione di equilibrio per l&#039;occhio.<\/li>\n<li style=\"text-align: justify;\">Il secondo \u00e8 quello <strong>scegli i colori opposti sulla ruota dei colori<\/strong>. Quindi, se scegli due colori per il tuo sito, stai prendendo due colori diametralmente opposti. Se ne prendi tre, scegli tre colori in base a un triangolo equilatero disegnato al centro della ruota dei colori. Per quattro colori, ti basi su un quadrato. Esempio: rosa e verde, blu scuro e giallo, arancione e azzurro, ecc\u2026<\/li>\n<\/ul>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-158 aligncenter\" src=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/cercle-chromatique.png\" alt=\"\" width=\"650\" height=\"167\" title=\"\" srcset=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/cercle-chromatique.png 650w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/cercle-chromatique-300x77.png 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/div>\n<p>&nbsp;<\/p>\n<h2>I colori dipendono dall&#039;emozione da suscitare<\/h2>\n<ul>\n<li style=\"text-align: justify;\">Se vuoi stabilire un&#039;atmosfera di unit\u00e0, armonia e <strong>caramella<\/strong>, sar\u00e0 preferibile scegliere <strong>colori vicini<\/strong>. Optiamo per colori rassicuranti e freddi come il blu o il verde ad esempio.<\/li>\n<li style=\"text-align: justify;\">Se il tuo marketing impone di pi\u00f9 <strong>energico<\/strong>, quindi favorire il <strong>colori complementari<\/strong> sulla ruota dei colori, ad eccezione dell&#039;abbinamento del colore del testo e del colore dello sfondo.<\/li>\n<li style=\"text-align: justify;\">Se sei in a <strong>operazione di comunicazione aggressiva<\/strong>e stai cercando di farlo <strong>richiamare l&#039;attenzione<\/strong> del visitatore, quindi favorire il <strong>colori caldi<\/strong> (rosso, arancione, giallo) che avranno l&#039;effetto di suscitare emozione, dinamismo, calore, utili per temi come intrattenimento, viaggi o concorsi.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Scegli i colori in base al loro significato<\/h2>\n<p style=\"text-align: justify;\">Ottima questa tabella presa dal sito <em>Commentocamarche.net<\/em> li elenchi <strong>significati dei colori<\/strong>\u00a0accompagnati dal loro simbolismo positivo e negativo, pur affiliandoli a particolari aree di attivit\u00e0. Utilissimo per rendere la scelta dei tuoi colori congruente al settore in cui ti trovi!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-159\" src=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/signification-couleurs.png\" alt=\"\" width=\"615\" height=\"756\" title=\"\" srcset=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/signification-couleurs.png 615w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/signification-couleurs-244x300.png 244w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><\/p>\n<p>Come potete vedere :<\/p>\n<ul>\n<li>il blu evoca serenit\u00e0 e seriet\u00e0 ed \u00e8 adatto ai settori dell\u2019informatica, della medicina, ecc.<\/li>\n<li>Il viola evoca la passione e si adatta alla cultura, alla politica ma talvolta anche alla gastronomia o al lusso.<\/li>\n<li>Il rosso pu\u00f2 anche evocare passione e amore, ma anche forza, dinamismo e funziona con il lusso, lo sport o i media.<\/li>\n<li>L&#039;arancione evoca piacere, ricchezza e vitalit\u00e0 e pu\u00f2 essere utilizzato per intrattenimento, sport, viaggi, ecc.<\/li>\n<li>Il giallo evoca la luce, il sole, la vita, l&#039;allegria e funziona bene in particolare con il turismo.<\/li>\n<li>Il verde evoca la natura e funziona bene con la scoperta, la natura, i viaggi e l&#039;istruzione.<\/li>\n<li>Brown sa evocare il terroir, ma anche la calma e la filosofia, e pu\u00f2 lavorare con siti e-commerce orientati ai prodotti naturali, ma anche siti legati all&#039;ecologia e all&#039;ambiente.<\/li>\n<li>Il bianco evoca la purezza e l&#039;arte e funziona con la moda, il lusso e talvolta l&#039;attualit\u00e0 perch\u00e9 il bianco \u00e8 neutro.<\/li>\n<li>Il grigio evoca anche neutralit\u00e0, rispetto, a volte arte e pu\u00f2 essere utilizzato per associazioni.<\/li>\n<li>Infine, il nero evoca la sobriet\u00e0, il lusso, la notte, l&#039;arte e anche la seriet\u00e0. Pu\u00f2 essere utilizzato per il cinema e le arti in generale, la fotografia ad esempio, ma anche per siti di informazione di nicchia, siti di formazione e, infine, siti per adulti.<\/li>\n<\/ul>\n<p>Bonus: ecco un&#039;infografica in inglese sul significato dei colori nei loghi dei marchi:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-160\" src=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques.png\" alt=\"\" width=\"648\" height=\"2307\" title=\"\" srcset=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques.png 648w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques-84x300.png 84w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques-288x1024.png 288w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques-575x2048.png 575w\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" \/><\/p>\n<p><em><strong>Fonti:<\/strong><\/em><br \/>\n<a href=\"http:\/\/www.commentcamarche.net\/contents\/web\/webdesign.php3\" target=\"_blank\" rel=\"noopener\">http:\/\/www.commentcamarche.net\/contents\/web\/webdesign.php3<br \/>\n<\/a><a href=\"http:\/\/ergonomie-web.studiovitamine.com\/couleur-web,362,fr.html\" target=\"_blank\" rel=\"noopener\">http:\/\/ergonomie-web.studiovitamine.com\/couleur-web,362,fr.html<br \/>\nhttp:\/\/fr.locita.com\/technologie-2\/web\/infographie-la-signification-des-couleurs-des-logos-de-marques\/<br \/>\n<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Que ce soit pour un designer\/webmaster d\u00e9butant ou pour une entreprise qui r\u00e9dige son cahier des charges, le choix des couleurs d&rsquo;un site web, d&rsquo;un flyer, d&rsquo;une carte de visite, d&rsquo;une affiche ou d&rsquo;une plaquette est un exercice d\u00e9cisif et central, tant sur le plan de l&rsquo;ergonomie et de l&rsquo;exp\u00e9rience utilisateur que sur celui du [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":625,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[],"class_list":["post-620","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphisme"],"_links":{"self":[{"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/posts\/620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/comments?post=620"}],"version-history":[{"count":3,"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/posts\/620\/revisions"}],"predecessor-version":[{"id":4068,"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/posts\/620\/revisions\/4068"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/media\/625"}],"wp:attachment":[{"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/media?parent=620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/categories?post=620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/tags?post=620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}