{"id":5797,"date":"2020-07-13T08:15:59","date_gmt":"2020-07-13T06:15:59","guid":{"rendered":"https:\/\/www.neurowebdesign.it\/it\/?p=5797"},"modified":"2020-09-01T14:20:34","modified_gmt":"2020-09-01T12:20:34","slug":"la-change-blindness-nella-ux-quando-un-cambiamento-non-viene-visto-2","status":"publish","type":"post","link":"https:\/\/www.neurowebdesign.it\/it\/colori-web\/","title":{"rendered":"Come scegliere i colori giusti per un sito web?"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row][vc_column][vc_single_image image=&#8221;5803&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]Sappiamo bene che <strong>un colore non vale l\u2019altro e che la giusta scelta di abbinamenti per un sito web non pu\u00f2 dipendere solo dal \u201cbuon gusto\u201d<\/strong>. Il colore produce \u201c sensazioni\u201d e \u201cassociazioni\u201d che hanno effetti sul nostro atteggiamento psicologico. Per questo scegliere i colori giusti diventa fondamentale non solo nella progettazione di un\u2019interfaccia grafica ma anche nel marketing.\r\n\r\nQuesto perch\u00e9 sono soprattutto gli stimoli visivi come i colori, le forme e le icone a richiamare l\u2019attenzione dell\u2019utente, a facilitare il reperimento delle informazioni e a guidarlo durante la navigazione nel web.\r\n<p style=\"color: #56c3db;\"><strong><em>\u201cLe nostre menti sono programmate per rispondere al colore\u201d<\/em><\/strong><\/p>\r\nConoscere il funzionamento del sistema percettivo umano, diventa quindi indispensabile per chi si occupa di progettazione di <strong>siti web<\/strong> ed <strong>e-commerce<\/strong> e vuole scegliere i giusti colori da abbinare.\r\n\r\n&nbsp;\r\n\r\n[\/vc_column_text][vc_column_text]\r\n<h2><strong>Percezione del colore: oggettiva o soggettiva?<\/strong><\/h2>\r\nGuarda i due triangoli qui sotto, quale dei due preferisci? Quello a destra o a sinistra?[\/vc_column_text][vc_single_image image=&#8221;5804&#8243; img_size=&#8221;large&#8221; alignment=&#8221;center&#8221;][vc_column_text]Sappi che la maggior parte delle persone preferisce il <strong>triangolo a sinistra<\/strong>.\r\n\r\nQuesto perch\u00e9 il <strong>rosso<\/strong>, in questo caso, viene percepito come <strong>il colore pi\u00f9 \u201cpesante\u201d<\/strong>. Esperimenti condotti sin dal 1907, mostrano come<strong> le persone siano d\u2019accordo nel ritenere che due zone colorate di forma identica appaiono instabili quando il colore pi\u00f9 \u201cpesante\u201d si trova in alto.<\/strong>\r\n\r\nCurioso no?! Nonostante abbiamo preferenze piuttosto soggettive ai diversi colori (basti pensare banalmente al proprio colore preferito), alcune ricerche mostrano che ce ne siano altre che rispondono a principi pi\u00f9 generali: come in questo caso in cui le persone sono d\u2019accordo nel giudicare <strong>il \u201cpeso\u201d apparente dei colori.<\/strong>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\r\n<h2><span id=\"Percezione-visiva-e-l8217importanza-di-scegliere-i-colori-giusti-per-un-sito-web\"><strong>L\u2019importanza di scegliere i colori giusti per un sito web<\/strong><\/span><\/h2>\r\n<h3><strong>La percezione dei colori applicata al web<\/strong><\/h3>\r\nNon sempre realt\u00e0 e percezione coincidono. La <strong>percezione visiva<\/strong> rappresenta un\u2019attivit\u00e0 intermedia, che si pone da tramite tra la semplice \u201csensazione\u201d e tra le attivit\u00e0 pi\u00f9 complesse come il pensiero e la memoria. Rappresenta quel processo attraverso cui il cervello elabora le informazioni provenienti dai sensi e ci mette nelle condizioni di cogliere adeguatamente la realt\u00e0 circostante. La questione non \u00e8 semplicemente filosofica ma ha dei precisi risvolti pratici. Di solito il sistema percettivo funziona in modo efficiente,\u00a0 mantenendo invariate certe caratteristiche visive, dall\u2019altra pu\u00f2 andare incontro a distorsioni o impoverimenti che possono indurci a compiere degli errori.\r\n\r\nConoscere le caratteristiche e i meccanismi di base di come \u201crispondiamo\u201d ed \u201celaboriamo\u201d i colori ci permette di<strong> individuare le<\/strong> <strong>migliori tecniche da utilizzare nella progettazione della nostra interfaccia grafica per:<\/strong>\r\n<ul>\r\n \t<li style=\"line-height: 35px;\">richiamare l\u2019attenzione dell\u2019utente,<\/li>\r\n \t<li style=\"line-height: 35px;\">costruire un\u2019interfaccia di facile comprensione,<\/li>\r\n \t<li style=\"line-height: 35px;\">facilitare la navigazione, la leggibilit\u00e0 del testo e la reperibilit\u00e0 delle informazioni e perch\u00e9 no,<\/li>\r\n \t<li style=\"line-height: 35px;\">anche garantire una certa gradevolezza estetica.<\/li>\r\n<\/ul>\r\n[\/vc_column_text][vc_column_text]\r\n<h2><strong>Come percepiamo il colore?<\/strong><\/h2>\r\nPensa di spostarti da una stanza buia ad un ambiente illuminato. Quale esperienza visiva potresti sperimentare? Probabilmente quello che vedresti, a seconda delle tonalit\u00e0, ti susciterebbe differenti emozioni, richiamando in te un\u2019ampia gamma di sentimenti che abbraccerebbero la complessit\u00e0 dei tuoi vissuti.\r\n\r\nSapevi che tutta la luce visibile \u00e8 uguale eccetto per la lunghezza d\u2019onda?\r\n\r\nIl nostro <strong>sistema visivo<\/strong> fa una cosa meravigliosa: <strong>trasforma i segnali di diversa lunghezza d\u2019onda in colore.<\/strong> L\u2019occhio raccoglie la luce e la converte in impulsi elettrici che poi invia al cervello per la successiva elaborazione.\r\n\r\nCome puoi immaginare, di tutti i cinque sensi, la vista \u00e8 la modalit\u00e0 pi\u00f9 raffinata nella specie umana. Se cominciamo a parlare di siti web capiamo subito come la vista, abbia un ruolo predominante rispetto agli altri sensi.\r\n\r\n<strong>Il 20% della corteccia cerebrale \u00e8 dedicata alla \u201cvista\u201d<\/strong>: in particolare sono le aree denominate V1, V2 e V4 a fare da protagoniste nell\u2019elaborazione del colore. Ma in realt\u00e0 la visione dei colori ha inizio dalla retina: lo strato di fotorecettori presente nella parte pi\u00f9 interna dell\u2019occhio converte la luce in segnali elettrici che vengono poi trasmessi ed elaborati dal cervello. Sicuramente avrai gi\u00e0 sentito parlare dei coni e del bastoncelli: due tipi di cellule, presenti nella retina, deputate alla ricezione della luce.\r\n<h3><\/h3>\r\n<h3><strong>La visione dei colori: la teoria tricromatica<\/strong><\/h3>\r\nAnche se possiamo distinguere molti <strong>colori differenti<\/strong>, esistono solo 3 tipi di recettori per il colore. Senza addentrarci troppo nell\u2019argomento, ti basti sapere che i coni, sono i fotorecettori specializzati per la visione dei colori e dei dettagli degli ambienti luminosi e come spiegato dalla <strong>teoria tricromatica <\/strong>si possono distinguere:\r\n<ul>\r\n \t<li style=\"line-height: 35px;\">Coni corti sensibili alle lunghezze d\u2019onda corte (450-500 nanometri), il <strong>BLU<\/strong><\/li>\r\n \t<li style=\"line-height: 35px;\">Coni medi sensibili alle lunghezze d\u2019onda medie (500-570 nanometri), il <strong>VERDE-GIALLO<\/strong><\/li>\r\n \t<li style=\"line-height: 35px;\">Coni lunghi sensibili alle lunghezze d\u2019onda lunghe (650-780 nanometri), il <strong>ROSSO-ARANCIO<\/strong><\/li>\r\n<\/ul>\r\n[\/vc_column_text][vc_single_image image=&#8221;5805&#8243; img_size=&#8221;large&#8221; alignment=&#8221;center&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]Inoltre devi sapere che <strong>le proporzioni delle tre tipologie di coni non sono omogenee:<\/strong> infatti i coni che rispondono di pi\u00f9 al rosso-arancio sono circa il doppio di quelli che rispondono al verde-giallo, che a loro volta sono circa il doppio di quelli che rispondono al blu. Ecco svelato uno dei motivi per cui siamo pi\u00f9 sensibili al rosso rispetto agli altri colori. Non \u00e8 a caso, che il semaforo e i segnali di stop e di allerta utilizzino questo colore.\r\n\r\nQuesta nozione pu\u00f2 essere d&#8217;aiuto per il designer nella progettazione di interfacce grafiche: il rosso ad esempio pu\u00f2 rivelarsi un\u2019ottima scelta se utilizzato per <strong>richiamare l\u2019attenzione dell\u2019utente<\/strong> su quelle informazioni considerate prioritarie o rilevanti.\r\n\r\nAd esempio, pu\u00f2 essere adoperato per ricordare all\u2019utente la disponibilit\u00e0 limitata di un prodotto, sfruttando in questo modo<strong> la leva della scarsit\u00e0<\/strong> per spingere l\u2019utente all\u2019acquisto istantaneo.[\/vc_column_text][vc_single_image image=&#8221;5824&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]Proprio per questa capacit\u00e0 del <strong>rosso<\/strong> di richiamare la nostra attenzione, dovremmo ricordarci di <strong>utilizzarlo con parsimonia per evitare un\u2019eccessiva stimolazione visiva.<\/strong>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\r\n<h2><strong>Come abbinare i colori giusti in un sito web?<\/strong><\/h2>\r\n<strong>Scegliere i colori<\/strong> per un <strong>sito web<\/strong> o un <strong>e-commerce<\/strong> non \u00e8 semplice.\r\n\r\nI fattori da considerare sono molti: devono rispecchiare i colori del brand, valorizzandone l\u2019identit\u00e0 e i punti di forza e al tempo stesso aiutare l\u2019utente nella navigazione, coinvolgendolo a proseguire.\r\n\r\nLa cosa si complica quando dobbiamo <strong>scegliere i giusti abbinamenti.<\/strong>\r\n\r\nHai mai sentito parlare di <strong>disco cromatico<\/strong>? Magari adesso non hai ben in mente il concetto, ma sicuramente fin da piccolo ti sarai gi\u00e0 imbattuto nei colori primari, secondari e terziari. Tranquillo, non voglio addentrarmi in una lezione d\u2019arte.\r\n\r\nQuello che devi sapere \u00e8 che questo cerchio pu\u00f2 rivelarsi uno <strong>strumento utile nello scegliere i colori da utilizzare in un\u2019interfaccia grafica<\/strong>. Vediamo come.[\/vc_column_text][vc_single_image image=&#8221;5812&#8243; img_size=&#8221;large&#8221; alignment=&#8221;center&#8221;][vc_column_text]\r\n<h3><strong>Colori analoghi e colori complementari: cosa sono?<\/strong><\/h3>\r\nSe dai uno sguardo al cerchio noterai che i <strong>colori analoghi<\/strong> sono quelli adiacenti, mentre quelli in posizione opposta vengono detti <strong>complementari<\/strong>. Generalmente si pu\u00f2 giocare con i colori analoghi per creare schemi che convivono armonicamente all\u2019interno dell\u2019interfaccia, mentre i colori complementari vengono usati per esaltare e rafforzare a vicenda la propria luminosit\u00e0.\r\n\r\n&nbsp;\r\n<h2><strong>Errori da evitare nella scelta dei colori per un sito web<\/strong><\/h2>\r\nTuttavia il loro accostamento richiede molta attenzione per non andare incontro ad un fenomeno visivo fastidioso detto <strong>cromostereopsi.<\/strong> Accostando due colori, come il rosso e il blu, oppure il rosso e il verde, si pu\u00f2 dare origine a percezioni illusorie di profondit\u00e0, come se ci trovassimo di fronte ad un irritante effetto 3D.[\/vc_column_text][vc_single_image image=&#8221;5808&#8243; img_size=&#8221;large&#8221; alignment=&#8221;center&#8221;][vc_column_text]Osservando la riga in blu, si pu\u00f2 avvertire <strong>la percezione che essa si trovi pi\u00f9 in profondit\u00e0<\/strong> rispetto alle righe rosse. Anche tu hai questa sensazione?\r\n\r\nUn altro aspetto da tenere in considerazione nell\u2019accostamento di colori \u00e8 il fatto che <strong>il nostro sistema visivo non percepisce i colori in modo assoluto<\/strong>. La percezione del colore \u00e8 in parte determinata come abbiamo visto dalla lunghezza d\u2019onda che l\u2019oggetto riflette e in parte da altri fattori, come il <strong>contesto<\/strong> di colori circostante.\r\n\r\n<strong>Da leggere: <\/strong><a href=\"https:\/\/www.neurowebdesign.it\/it\/psicologia-della-gestalt\/\">La psicologia della Gestalt<\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text]Se da un lato questo \u00e8 utile per percepire una certa <strong>costanza dei colori<\/strong> (come per esempio l\u2019esatta sfumatura di blu della tua giacca preferita), dall\u2019altro lato pu\u00f2 dar vita a<strong> illusioni cromatiche<\/strong> come quella raffigurata in questa immagine.\r\n\r\nNonostante il verde dei due rettangoli interni sia lo stesso, <strong>la differenza di contrasto determinata dai due sfondi fa apparire il secondo di un colore diverso.<\/strong>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;5831&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]Garantire un adeguato contrasto tra gli elementi, scegliendo il giusto abbinamenti di colori, \u00e8 utile anche per facilitare la lettura dei contenuti inseriti all\u2019interno dell\u2019interfaccia grafica. A distinguere una cattiva leggibilit\u00e0 da una <strong>buona leggibilit\u00e0<\/strong>, in questo caso, \u00e8 proprio il <strong>contrasto di colore<\/strong> fra il carattere e lo sfondo.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;5814&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;5815&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\r\n<h2><span id=\"Strumenti-che-facilitano-la-scelta-dei-colori\"><strong>Strumenti che facilitano la scelta dei colori<\/strong><\/span><\/h2>\r\nCome avrai potuto notare, la scelta dei <strong>colori per un sito web<\/strong> o per un <strong>e-commerce<\/strong> non \u00e8 una cosa banale. Anzi, richiede molto tempo e molta esperienza. Per fortuna, esistono <strong>strumenti online, gratuiti<\/strong>, che ne facilitano la scelta. Qui ve ne indichiamo uno, che merita sicuramente un approfondimento a parte: <a href=\"https:\/\/material.io\/design\/color\/the-color-system.html\">The color system<\/a>\r\n\r\nE se ancora non ne avevi mai sentito parlare, ti invito a dare un\u2019occhiata a questo:\u00a0 <a href=\"https:\/\/material.io\/design\/introduction\">https:\/\/material.io\/design\/introduction<\/a>\r\n\r\n\u00c8 il <strong>Brand Manual<\/strong> che Google ha rilasciato riguardo al <strong>Material Design<\/strong>.\r\n\r\nCapirai meglio le linee guida e i principi fondamentali di design che Google ha saputo coniugare in un unico linguaggio.\r\n\r\n&nbsp;\r\n<h3><strong>Conclusioni<\/strong><\/h3>\r\nSpero che questo argomento ti sia stato utile. Adesso puoi provare anche tu a sperimentare i vari effetti delle variazioni dei colori. Presta attenzione ai vari accostamenti in modo da attrarre l\u2019attenzione dell\u2019utente, facilitare la leggibilit\u00e0 dei testi ed evitare fastidiosi fenomeni come quello della cromostereopsi.\r\n\r\nPer qualsiasi dubbio o domanda scrivici a info@neurowebdesign.it. Invece, se vuoi continuare a seguirci, puoi farlo iscrivendoti alla nostra newsletter qui sotto.\r\n\r\nAlla prossima.[\/vc_column_text][vc_column_text]<script type=\"text\/javascript\" src=\"https:\/\/platform.linkedin.com\/badges\/js\/profile.js\" async defer><\/script>\r\n<div class=\"LI-profile-badge\" data-version=\"v1\" data-size=\"medium\" data-locale=\"it_IT\" data-type=\"horizontal\" data-theme=\"dark\" data-vanity=\"chiara-zamuner-979376a6\"><a class=\"LI-simple-link\" href=\"https:\/\/it.linkedin.com\/in\/chiara-zamuner-979376a6?trk=profile-badge\">Chiara Zamuner<\/a><\/div>\r\n[\/vc_column_text][vc_column_text]<strong>Resta aggiornato!<\/strong>\r\n<p style=\"line-height: 35px;\">Iscriviti alla nostra newsletter mensile per non perdere news, aggiornamenti e consigli utili per migliorare le prestazioni del tuo business online!<\/p>\r\n\n\t<section id=\"yikes-mailchimp-container-1\" class=\"yikes-mailchimp-container yikes-mailchimp-container-1 \">\n\t\t\t\t<form id=\"newsletter-it-1\" class=\"yikes-easy-mc-form yikes-easy-mc-form-1  \" method=\"POST\" data-attr-form-id=\"1\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"yikes-easy-mc-form-1-EMAIL\"  class=\"EMAIL-label yikes-mailchimp-field-required \">\n\n\t\t\t\t\t\t\t\t\t\t<!-- dictate label visibility -->\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<!-- Description Above -->\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<input id=\"yikes-easy-mc-form-1-EMAIL\"  name=\"EMAIL\"  placeholder=\"Indirizzo email *\"  class=\"yikes-easy-mc-email field-no-label\"  required=\"required\" type=\"email\"  value=\"\">\n\n\t\t\t\t\t\t\t\t\t\t<!-- Description Below -->\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"yikes-easy-mc-form-1-FNAME\"  class=\"FNAME-label yikes-mailchimp-field-required \">\n\n\t\t\t\t\t\t\t\t\t\t<!-- dictate label visibility -->\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<!-- Description Above -->\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<input id=\"yikes-easy-mc-form-1-FNAME\"  name=\"FNAME\"  placeholder=\"Nome *\"  class=\"yikes-easy-mc-text field-no-label\"  required=\"required\" type=\"text\"  value=\"\">\n\n\t\t\t\t\t\t\t\t\t\t<!-- Description Below -->\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"yikes-easy-mc-form-1-LNAME\"  class=\"LNAME-label yikes-mailchimp-field-required \">\n\n\t\t\t\t\t\t\t\t\t\t<!-- dictate label visibility -->\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<!-- Description Above -->\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<input id=\"yikes-easy-mc-form-1-LNAME\"  name=\"LNAME\"  placeholder=\"Cognome *\"  class=\"yikes-easy-mc-text field-no-label\"  required=\"required\" type=\"text\"  value=\"\">\n\n\t\t\t\t\t\t\t\t\t\t<!-- Description Below -->\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t<label class=\"yikes-mailchimp-eu-compliance-label\"><input type=\"checkbox\" required=\"required\" name=\"eu-laws\" value=\"1\" > <div class=\"yikes-mailchimp-eu-compliance-text\"><p><span id=\"psnewsShort\"> * <\/span><\/p>\n<\/div><\/label>\n\t\t\t\t<!-- Honeypot Trap -->\n\t\t\t\t<input type=\"hidden\" name=\"yikes-mailchimp-honeypot\" id=\"yikes-mailchimp-honeypot-1\" value=\"\">\n\n\t\t\t\t<!-- List ID -->\n\t\t\t\t<input type=\"hidden\" name=\"yikes-mailchimp-associated-list-id\" id=\"yikes-mailchimp-associated-list-id-1\" value=\"ce80057400\">\n\n\t\t\t\t<!-- The form that is being submitted! Used to display error\/success messages above the correct form -->\n\t\t\t\t<input type=\"hidden\" name=\"yikes-mailchimp-submitted-form\" id=\"yikes-mailchimp-submitted-form-1\" value=\"1\">\n\n\t\t\t\t<!-- Submit Button -->\n\t\t\t\t<button type=\"submit\" class=\"yikes-easy-mc-submit-button yikes-easy-mc-submit-button-1 btn btn-primary btn-gold\"> <span class=\"yikes-mailchimp-submit-button-span-text\">ISCRIVIMI<\/span><\/button>\t\t\t\t<!-- Nonce Security Check -->\n\t\t\t\t<input type=\"hidden\" id=\"yikes_easy_mc_new_subscriber_1\" name=\"yikes_easy_mc_new_subscriber\" value=\"d560268eb5\">\n\t\t\t\t<input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/it\/wp-json\/wp\/v2\/posts\/5797\" \/>\n\t\t\t<\/form>\n\t\t\t<!-- Mailchimp Form generated by Easy Forms for Mailchimp v6.9.0 (https:\/\/wordpress.org\/plugins\/yikes-inc-easy-mailchimp-extender\/) -->\n\n\t\t\t<\/section>\n\t[\/vc_column_text][\/vc_column][\/vc_row]<\/div>","protected":false},"excerpt":{"rendered":"Sappiamo bene che un colore non vale l\u2019altro e che la giusta scelta di abbinamenti per un sito web non pu\u00f2 dipendere solo dal \u201cbuon gusto\u201d. Scegliere i colori giusti diventa fondamentale non solo nella progettazione di un\u2019interfaccia grafica ma anche nel marketing.","protected":false},"author":9,"featured_media":5834,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[13,50],"class_list":["post-5797","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-senza-categoria","tag-neuro-web-design","tag-web-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come scegliere i colori giusti per un sito web? | NeuroWebDesign<\/title>\n<meta name=\"description\" content=\"Scegliere i colori e gli abbinamenti giusti per un sito web \u00e8 fondamentale non solo nella progettazione di un\u2019interfaccia grafica ma anche nel marketing.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.neurowebdesign.it\/it\/colori-web\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Come scegliere i colori giusti per un sito web? | NeuroWebDesign\" \/>\n<meta name=\"twitter:description\" content=\"Scegliere i colori e gli abbinamenti giusti per un sito web \u00e8 fondamentale non solo nella progettazione di un\u2019interfaccia grafica ma anche nel marketing.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2020\/07\/colori-sito-web-neurowebdesign.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"N3ur0_W3BD351gn\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/colori-web\/\",\"url\":\"https:\/\/www.neurowebdesign.it\/it\/colori-web\/\",\"name\":\"Come scegliere i colori giusti per un sito web? | NeuroWebDesign\",\"isPartOf\":{\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/colori-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.neurowebdesign.it\/en\/colori-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2020\/07\/colori-sito-web-neurowebdesign.jpg\",\"datePublished\":\"2020-07-13T06:15:59+00:00\",\"dateModified\":\"2020-09-01T12:20:34+00:00\",\"author\":{\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/#\/schema\/person\/25a0c041fb469126bd0996355e8a7ef9\"},\"description\":\"Scegliere i colori e gli abbinamenti giusti per un sito web \u00e8 fondamentale non solo nella progettazione di un\u2019interfaccia grafica ma anche nel marketing.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/colori-web\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[[\"https:\/\/www.neurowebdesign.it\/it\/colori-web\/\"]]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/colori-web\/#primaryimage\",\"url\":\"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2020\/07\/colori-sito-web-neurowebdesign.jpg\",\"contentUrl\":\"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2020\/07\/colori-sito-web-neurowebdesign.jpg\",\"width\":752,\"height\":490,\"caption\":\"colori-sito-web-neurowebdesign\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/colori-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.neurowebdesign.it\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Come scegliere i colori giusti per un sito web?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/#website\",\"url\":\"https:\/\/www.neurowebdesign.it\/it\/\",\"name\":\"NeuroWebDesign\",\"description\":\"Digital Emotions\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.neurowebdesign.it\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/#\/schema\/person\/25a0c041fb469126bd0996355e8a7ef9\",\"name\":\"N3ur0_W3BD351gn\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Come scegliere i colori giusti per un sito web? | NeuroWebDesign","description":"Scegliere i colori e gli abbinamenti giusti per un sito web \u00e8 fondamentale non solo nella progettazione di un\u2019interfaccia grafica ma anche nel marketing.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.neurowebdesign.it\/it\/colori-web\/","twitter_card":"summary_large_image","twitter_title":"Come scegliere i colori giusti per un sito web? | NeuroWebDesign","twitter_description":"Scegliere i colori e gli abbinamenti giusti per un sito web \u00e8 fondamentale non solo nella progettazione di un\u2019interfaccia grafica ma anche nel marketing.","twitter_image":"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2020\/07\/colori-sito-web-neurowebdesign.jpg","twitter_misc":{"Scritto da":"N3ur0_W3BD351gn","Tempo di lettura stimato":"9 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.neurowebdesign.it\/it\/colori-web\/","url":"https:\/\/www.neurowebdesign.it\/it\/colori-web\/","name":"Come scegliere i colori giusti per un sito web? | NeuroWebDesign","isPartOf":{"@id":"https:\/\/www.neurowebdesign.it\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.neurowebdesign.it\/it\/colori-web\/#primaryimage"},"image":{"@id":"https:\/\/www.neurowebdesign.it\/en\/colori-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2020\/07\/colori-sito-web-neurowebdesign.jpg","datePublished":"2020-07-13T06:15:59+00:00","dateModified":"2020-09-01T12:20:34+00:00","author":{"@id":"https:\/\/www.neurowebdesign.it\/it\/#\/schema\/person\/25a0c041fb469126bd0996355e8a7ef9"},"description":"Scegliere i colori e gli abbinamenti giusti per un sito web \u00e8 fondamentale non solo nella progettazione di un\u2019interfaccia grafica ma anche nel marketing.","breadcrumb":{"@id":"https:\/\/www.neurowebdesign.it\/it\/colori-web\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":[["https:\/\/www.neurowebdesign.it\/it\/colori-web\/"]]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.neurowebdesign.it\/it\/colori-web\/#primaryimage","url":"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2020\/07\/colori-sito-web-neurowebdesign.jpg","contentUrl":"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2020\/07\/colori-sito-web-neurowebdesign.jpg","width":752,"height":490,"caption":"colori-sito-web-neurowebdesign"},{"@type":"BreadcrumbList","@id":"https:\/\/www.neurowebdesign.it\/it\/colori-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.neurowebdesign.it\/it\/"},{"@type":"ListItem","position":2,"name":"Come scegliere i colori giusti per un sito web?"}]},{"@type":"WebSite","@id":"https:\/\/www.neurowebdesign.it\/it\/#website","url":"https:\/\/www.neurowebdesign.it\/it\/","name":"NeuroWebDesign","description":"Digital Emotions","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.neurowebdesign.it\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.neurowebdesign.it\/it\/#\/schema\/person\/25a0c041fb469126bd0996355e8a7ef9","name":"N3ur0_W3BD351gn"}]}},"_links":{"self":[{"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/posts\/5797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/comments?post=5797"}],"version-history":[{"count":0,"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/posts\/5797\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/media\/5834"}],"wp:attachment":[{"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/media?parent=5797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/categories?post=5797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/tags?post=5797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}