{"id":88585,"date":"2018-04-11T10:38:39","date_gmt":"2018-04-11T08:38:39","guid":{"rendered":"https:\/\/happybrain.it\/significato-dei-colori-nel-web"},"modified":"2023-07-19T09:08:47","modified_gmt":"2023-07-19T07:08:47","slug":"significato-dei-colori-nel-web","status":"publish","type":"post","link":"https:\/\/happybrain.it\/en\/2018\/04\/11\/significato-dei-colori-nel-web\/","title":{"rendered":"L’Uso dei Colori nel Web"},"content":{"rendered":"

[vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”3″ top_padding=”3″ bottom_padding=”3″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ override_padding=”yes” column_padding=”0″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_custom_heading separator=”under” separator_color=”yes”]La psicologia del colore[\/vc_custom_heading][vc_column_text]La teoria del colore<\/strong> si basa su una combinazione di nozioni scientifiche, psicologiche e culturali. L’idea \u00e8 che il colore sia molto di pi\u00f9 di un fenomeno ottico perch\u00e9 in grado di provocare e rappresentare <\/strong>uno stato d’animo, o influenzare<\/strong> emotivamente l’utente. Per questo ha un ruolo importante nella comunicazione visiva e di conseguenza anche sul web.<\/p>\n

La scelta delle giuste tonalit\u00e0, assieme a struttura, disposizione degli elementi e font, contribuisce all’efficacia<\/strong> comunicativa di un sito web. Accostando le cromie corrette \u00e8 possibile rafforzare il settore di appartenenza dell\u2019azienda, i valori, la percezione del mercato e dei propri consumatori. Il colore \u00e8 quindi un elemento strettamente collegato al target e al messaggio da veicolare<\/strong> con l’obiettivo di fare leva sull’impatto emotivo<\/strong> e suscitare delle reazioni.[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”3″ top_padding=”3″ bottom_padding=”3″ back_color=”color-lxmt” overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ override_padding=”yes” column_padding=”0″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_custom_heading separator=”yes” separator_color=”yes”]La teoria del colore nel web[\/vc_custom_heading][vc_column_text]La teoria del colore nel web pu\u00f2 essere suddivisa in tre parti principali:<\/p>\n

    \n
  1. Contrasto<\/strong>: la scelta di un colore chiaro ed uno freddo facilita la leggibilit\u00e0 e richiama l’attenzione.<\/li>\n
  2. Complementazione<\/strong>: l’utilizzo di colori complementare pu\u00f2 valorizzarli gli uni con gli altri e creare una combinazione efficace.<\/li>\n
  3. Vibrazione<\/strong> dei colori: la variazione tra colori caldi o colori freddi.<\/li>\n<\/ol>\n

    In linea di massima \u00e8 consigliabile limitarsi a tre colori<\/strong>. Un colore principale utilizzato per la maggior parte del sito, un secondo colore per le aree secondarie e un terzo colore a contrasto per mettere in evidenza solo alcuni elementi all’interno delle pagine. La scelta cromatica deve ovviamente tenere conto di un’eventuale storicit\u00e0 dell’azienda per coordinare il sito con comunicazioni gi\u00e0 in essere o, al contrario, per creare una rottura con il passato optando per soluzioni volutamente differenti.[\/vc_column_text][\/vc_column][\/vc_row][vc_row unlock_row_content=”yes” row_height_percent=”60″ override_padding=”yes” h_padding=”0″ top_padding=”0″ bottom_padding=”0″ overlay_alpha=”50″ equal_height=”yes” gutter_size=”0″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ override_padding=”yes” column_padding=”2″ back_image=”88606″ back_position=”center center” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”500″][\/vc_column][vc_column column_width_percent=”80″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ override_padding=”yes” column_padding=”2″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”300″ css=”.vc_custom_1524054270418{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_single_image media=”88592″ media_width_use_pixel=”yes” alignment=”center” media_width_pixel=”250″][vc_column_text]<\/p>\n

    Rosso<\/strong><\/h3>\n

    Crea un senso di urgenza ed \u00e8 associato a movimento, eccitazione, passione perch\u00e9 dalla psiche viene associato al sangue del corpo umano. Spesso \u00e8 utilizzato per segnalare errori o vendite di liquidazione per la sua capacit\u00e0 di attrarre l’attenzione in modo prepotente. \u00c8 utilizzato spesso dalle aziende di ristorazione<\/strong> dato che le analisi effettuato ne associano anche un incoraggiamento all’appetito.[\/vc_column_text][\/vc_column][\/vc_row][vc_row unlock_row_content=”yes” row_height_percent=”60″ override_padding=”yes” h_padding=”1″ top_padding=”1″ bottom_padding=”1″ overlay_alpha=”50″ equal_height=”yes” gutter_size=”0″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”80″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ override_padding=”yes” column_padding=”2″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”300″ css=”.vc_custom_1524056272338{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_single_image media=”88594″ media_width_use_pixel=”yes” alignment=”center” media_width_pixel=”250″][vc_column_text]<\/p>\n

    Blu<\/strong><\/h3>\n

    Associato dalla mente all’acqua e quindi rievoca sentimenti di pace, tranquillit\u00e0. Recenti studi hanno dimostrato che questa tonalit\u00e0 \u00e8 preferita dagli uomini e collegato dalle persone di giovane et\u00e0 alla maturit\u00e0. Al contrario del rosso, il blu calma la fame e stimola la produttivit\u00e0. Viene spesso utilizzato per conquistare la fiducia soprattutto nelle tonalit\u00e0 pi\u00f9 scure per questo \u00e8 perfetto per i siti a tema politico<\/strong> e medico<\/strong>, o per attivit\u00e0 finanziarie<\/strong> e immobiliari<\/strong>.[\/vc_column_text][\/vc_column][vc_column column_width_percent=”100″ gutter_size=”3″ override_padding=”yes” column_padding=”2″ back_image=”88608″ back_position=”center center” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”500″][\/vc_column][\/vc_row][vc_row unlock_row_content=”yes” row_height_percent=”60″ override_padding=”yes” h_padding=”1″ top_padding=”1″ bottom_padding=”1″ overlay_alpha=”50″ equal_height=”yes” gutter_size=”0″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ override_padding=”yes” column_padding=”2″ back_image=”90907″ back_position=”center center” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”500″][\/vc_column][vc_column column_width_percent=”80″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ override_padding=”yes” column_padding=”2″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”300″ css=”.vc_custom_1524056265027{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_single_image media=”88595″ media_width_use_pixel=”yes” alignment=”center” media_width_pixel=”250″][vc_column_text]<\/p>\n

    Verde<\/strong><\/h3>\n

    Stimola nel cervello l’armonia ed incoraggia l’equilibrio tra corpo ed emozioni, sollecitando il potere decisionale. \u00c8 il colore adatto a tematiche collegate all’ambiente<\/strong> e alla natura<\/strong>, ma allo stesso tempo ne giustifica l’utilizzo in store online per call-to-action<\/strong> di particolare importanza come per esempio pulsanti di acquisto o aggiunta al carrello o generiche azioni di lead. Il verde \u00e8 inoltre associato instintivamente al denaro per il caratteristico colore delle banconote statunitensi.[\/vc_column_text][\/vc_column][\/vc_row][vc_row unlock_row_content=”yes” row_height_percent=”59″ override_padding=”yes” h_padding=”1″ top_padding=”1″ bottom_padding=”1″ overlay_alpha=”50″ equal_height=”yes” gutter_size=”0″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”80″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ override_padding=”yes” column_padding=”2″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”300″ css=”.vc_custom_1524056257097{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_single_image media=”88597″ media_width_use_pixel=”yes” alignment=”center” media_width_pixel=”250″][vc_column_text]<\/p>\n

    Viola <\/strong><\/h3>\n

    Viene associato con la regalit\u00e0, la saggezza ed il rispetto. Ha la capita di stimolare le aree del problem solving e della creativit\u00e0 del cervello umano. Spesso viene utilizzato per aziende beauty<\/strong>\u00a0 in particolar modo con prodotti anti et\u00e0. Pu\u00f2 diventare il tono principale di aziende creative<\/strong> che hanno prodotti o servizi fortemente immaginativi.[\/vc_column_text][\/vc_column][vc_column column_width_percent=”100″ gutter_size=”3″ override_padding=”yes” column_padding=”2″ back_image=”88612″ back_position=”center center” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”500″][\/vc_column][\/vc_row][vc_row unlock_row_content=”yes” row_height_percent=”60″ override_padding=”yes” h_padding=”1″ top_padding=”1″ bottom_padding=”1″ overlay_alpha=”50″ equal_height=”yes” gutter_size=”0″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ override_padding=”yes” column_padding=”2″ back_image=”88614″ back_position=”center center” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”500″][\/vc_column][vc_column column_width_percent=”80″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ override_padding=”yes” column_padding=”2″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”300″ css=”.vc_custom_1524056249278{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_single_image media=”88599″ media_width_use_pixel=”yes” alignment=”center” media_width_pixel=”250″][vc_column_text]<\/p>\n

    Giallo<\/strong><\/h3>\n

    Evoca il sole e quindi la gioia e l’ottimismo. La percezione psicologica varia per\u00f2 in base alla gradazione scelta. Un tono brillante trasmetter energia, le sfumature intermedie richiamano il comfort, le tonalit\u00e0 pi\u00f9 scure e ambrate ricordano il prezioso. Sul web \u00e8 utilizzato spesso per aziende del settore culturale<\/strong>,\u00a0 dell’infanzia<\/strong> e della segnaletica<\/strong>.[\/vc_column_text][\/vc_column][\/vc_row][vc_row unlock_row_content=”yes” row_height_percent=”60″ override_padding=”yes” h_padding=”1″ top_padding=”1″ bottom_padding=”1″ overlay_alpha=”50″ equal_height=”yes” gutter_size=”0″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”80″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ override_padding=”yes” column_padding=”2″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”300″ css=”.vc_custom_1524056240233{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_single_image media=”89354″ media_width_use_pixel=”yes” alignment=”center” media_width_pixel=”250″][vc_column_text]<\/p>\n

    Nero<\/strong><\/h3>\n

    Associato ad autorit\u00e0, potere, stabilit\u00e0 e forza, ma esprime raffinatezza ed eleganza e pu\u00f2 rievocare i concetti di lutto e occulto. Il suo utilizzo, soprattutto come colore di sfondo, aiuta a mettere in rilievo forme ed oggetti. Ideale per i blocchi di testo<\/strong> all’interno delle pagine web, da utilizzare con cautela come sfondo perch\u00e9 potrebbe ostacolare la leggibilit\u00e0 da parte dell’utente.[\/vc_column_text][\/vc_column][vc_column column_width_percent=”100″ gutter_size=”3″ override_padding=”yes” column_padding=”2″ back_image=”88616″ back_position=”center center” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”500″][\/vc_column][\/vc_row][vc_row unlock_row_content=”yes” row_height_percent=”60″ override_padding=”yes” h_padding=”1″ top_padding=”1″ bottom_padding=”1″ overlay_alpha=”50″ equal_height=”yes” gutter_size=”0″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ gutter_size=”3″ override_padding=”yes” column_padding=”2″ back_image=”88619″ back_position=”center center” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”500″][\/vc_column][vc_column column_width_percent=”80″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ override_padding=”yes” column_padding=”2″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”300″ css=”.vc_custom_1524056227947{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_single_image media=”88602″ media_width_use_pixel=”yes” alignment=”center” media_width_pixel=”250″][vc_column_text]<\/p>\n

    Arancione<\/strong><\/h3>\n

    Infonde calore ed energia ma esprime anche equilibrio, creativit\u00e0 e unicit\u00e0. \u00c8 un colore presente in natura e viene percepito come colore rassicurante. Se troppo scuro pu\u00f2 suscitare sfiducia ed inganno. Spesso \u00e8 utilizzato nel settore dei cibi<\/strong> e delle bevande energetiche<\/strong>, abbinato con il blu intenso per valorizzarne la sua luminosit\u00e0.[\/vc_column_text][\/vc_column][\/vc_row][vc_row unlock_row_content=”yes” row_height_percent=”60″ override_padding=”yes” h_padding=”1″ top_padding=”1″ bottom_padding=”1″ overlay_alpha=”50″ equal_height=”yes” gutter_size=”0″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”80″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ override_padding=”yes” column_padding=”2″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”300″ css=”.vc_custom_1524056213143{padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_single_image media=”88604″ media_width_use_pixel=”yes” alignment=”center” media_width_pixel=”250″][vc_column_text]<\/p>\n

    Grigio<\/strong><\/h3>\n

    Esprime tradizione e professionalit\u00e0. Simbolizza sentimenti di solidit\u00e0, praticit\u00e0. L’utilizzo esteso pu\u00f2 soffocare qualsiasi sensazione evocando tristezza e malinconia. Questo colore \u00e8 spesso utilizzato per richiamare l’et\u00e0 avanzata e quindi pu\u00f2 essere adatto ad aziende di assistenza anziani<\/strong>. Se abbinato in modo abile con altri colori, pu\u00f2 esprimere modernit\u00e0.[\/vc_column_text][\/vc_column][vc_column column_width_percent=”100″ gutter_size=”3″ override_padding=”yes” column_padding=”2″ back_image=”88621″ back_position=”center center” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1\/2″ mobile_height=”500″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”3″ top_padding=”3″ bottom_padding=”3″ back_color=”color-lxmt” overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ css=”.vc_custom_1524057297863{margin-bottom: 20px !important;}”][vc_column column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ override_padding=”yes” column_padding=”0″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_custom_heading separator=”yes” separator_color=”yes”]Strumenti utili per la scelta dei colori[\/vc_custom_heading][vc_column_text uncode_shortcode_id=”586008″]colourlovers.com<\/a><\/strong>
    \nUna vera e propria comunit\u00e0 online in cui condividere pattern, colori e palette.<\/p>\n

    coolors.co<\/a><\/strong>
    \nIn questo sito web puoi creare, salvare e condividere velocemente schemi di colore.<\/p>\n

    colourco.de<\/a><\/strong>
    \nTool per la progettazione online che permette di combinare facilmente e intuitivamente i colori.<\/p>\n

    cssdrive.com<\/a><\/strong>
    \nUno strumento che consente di creare schemi colori partendo da una fotografia o un’immagine.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

    Ogni colore ha un significato. La scelta delle giuste tonalit\u00e0, contribuisce all’efficacia comunicativa di un sito web.<\/p>\n","protected":false},"author":1,"featured_media":88586,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[236,281],"tags":[235],"class_list":["post-88585","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trend-online","category-web-design","tag-web-design"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/posts\/88585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/comments?post=88585"}],"version-history":[{"count":0,"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/posts\/88585\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/media\/88586"}],"wp:attachment":[{"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/media?parent=88585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/categories?post=88585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/tags?post=88585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}