• Visit NINJA ACADEMY
  • Rss
  • Twitter
    • Segui @ninjamarketing
  • Linkedin
  • Facebook
  • Instagram

News

  • Eventi
  • Social Media
  • NFT
  • Advertising
  • Spotify
  • eCommerce
“Un mercato da 8 mila miliardi nel 2026”, anche...
Torna Ecommerce HUB, l’evento di networking,...
IF! Festival della Creatività compie 10 anni: gli ospiti e...
Spazzolini, scarpe e candele: tutte le collab con i brand e...
Aumenta vendite e conversioni con il Community Commerce
X potrebbe diventare a pagamento per risolvere il problema...
TikTok apre un Data Center a Dublino per eliminare i timori...
BookTok, il rilancio del mercato editoriale passa da TikTok
Midjourney banna le immagini fake: il caso Justin Brown
Cryptoverse Marketing: le nuove competenze per portare il...
Instagram diventa un marketplace per NFT: partiti i test
Le notizie Ninja della settimana che potresti aver perso
La campagna di McDonald’s che celebra i cameo in film...
La Tote Bag di Marc Jacobs entra nelle vie di New York
Nike x Martine Rose: nasce la prima linea sartoriale...
Spazzolini, scarpe e candele: tutte le collab con i brand e...
Spotify sceglie Milano per il suo Hub internazionale del...
Spotify lancia gli audiolibri: 300.000 titoli già...
Culture Next di Spotify: cosa ci dice il report che studia...
Playlist di San Valentino: quali sono le canzoni più...
“Un mercato da 8 mila miliardi nel 2026”, anche...
Torna Ecommerce HUB, l’evento di networking,...
Ecommerce HUB sceglie Giffoni per lanciare i nuovi trend...
Amazon Prime Day raddoppia: nuovo appuntamento a ottobre

Insight

  • Metaverso
  • Cookieless
  • eCommerce
  • GDPR
  • Lavoro
  • Design
10 keyword del 2022 che useremo sempre di più nel 2023
Hate Speech, phishing e ransomware: quali sono (e come...
Cosa c’è da sapere su Omniverse, il metaverso di...
Tag Manager Ninja: dominare il tool numero 1 per gli...
Il futuro della misurazione è oggi: quanto è importante...
PMI e pubblicità online: proteggere la privacy delle...
Addio ai cookie di terze parti: prospettive future e...
I trend media per il 2022: cosa devono sapere i brand
Modello AIDA: cos’è, come si usa e best practice
Come migliorare le conversioni e ridurre il tasso di...
Sfide per il retail: quali sono e come le aziende possono...
Sostenibile e di qualità: come il food eCommerce italiano...
GDPR loves Matomo: l’alternativa a Google Analytics...
GDPR: Matomo può essere l’alternativa a Google...
Alternative a Google Analytics per essere GDPR compliant
Google Analytics e GDPR: il Garante per la Privacy boccia...
Guida alle strategie SEO per LinkedIn
Quali sono le soft skill decisive per fare carriera (e come...
Benessere al lavoro: perché è sempre più centrale per le...
10 imprenditori di successo da imitare
10+1 loghi di automobili più iconici di sempre (secondo...
5 migliori rebranding +1 del 2023 (finora)
I 5 peggiori rebranding (+1) degli ultimi anni
Come creare una brand identity forte. Il caso Campari

Tutti i TopicsChiudi

Ninja Marketing
  • Advertising
  • Branding
  • Consumer Trends
  • Creatività
  • Design
  • Digital Marketing
  • Event Marketing
  • Innovazione
  • Marketing Strategy
  • Marketing Tools
  • Media
  • Social Media Marketing
  • Relazioni Pubbliche
  • Guide
  • Webinar
Ninja Company
  • Aziende
  • Diritto
  • CSR
  • Finanza & Mercati
  • Digital Transformation
  • Management
  • Retail
  • Sales
  • IT
Ninja HR
  • Comunicazione Interna
  • Employer Branding
  • Formazione
  • Lavoro
  • Leadership
  • Produttività
  • Recruiting
  • Smart Working
  • Talent Management
  • Welfare
Ninja Brands
  • Amazon
  • Apple
  • Facebook
  • Google
  • Instagram
  • Linkedin
  • Microsoft
  • Netflix
  • Oracle
  • Snapchat
  • Tesla
  • TikTok
  • Twitter
  • Virgin
  • YouTube
  • 0Carrello
Logo Ninja Logo Ninja
  • News
  • Insight
  • Topics
  • Academy
  • Diventa PRO
  • Menu
  • Accedi
  • Home
  • Marketing
  • Business
  • Future
  • Life
  • PRO
  •   Ninja Academy
  • Ninja Deals -->
  • Twitter Linkedin Facebook Instagram YouTube
  • Accedi
  • Home
  • News
    • Eventi
    • Social Media
    • NFT
    • Advertising
    • Spotify
    • eCommerce
  • Insight
    • Metaverso
    • Cookieless
    • eCommerce
    • GDPR
    • Lavoro
    • Design
  • Topics
    • Ninja Marketing
    • Advertising
    • Branding
    • Consumer Trends
    • Creatività
    • Design
    • Digital Marketing
    • Event Marketing
    • Innovazione
    • Marketing Strategy
    • Marketing Tools
    • Media
    • Social Media Marketing
    • Relazioni Pubbliche
    • Guide
    • Webinar
    • Ninja Company
    • Aziende
    • Diritto
    • CSR
    • Finanza & Mercati
    • Digital Transformation
    • Management
    • Retail
    • Sales
    • IT
    • Ninja HR
    • Comunicazione Interna
    • Employer Branding
    • Formazione
    • Lavoro
    • Leadership
    • Produttività
    • Recruiting
    • Smart Working
    • Talent Management
    • Welfare
    • Ninja Brands
    • Amazon
    • Apple
    • Facebook
    • Google
    • Instagram
    • Linkedin
    • Microsoft
    • Netflix
    • Oracle
    • Snapchat
    • Tesla
    • TikTok
    • Twitter
    • Virgin
    • YouTube
  • Diventa PRO
  •   Ninja Academy
  • Twitter Linkedin Facebook Instagram YouTube
  • Share on Twitter
  • Share on Facebook
  • Share on Linkedin
  • Send an email
Logo Ninja

Diventa free member

Vuoi leggere questo articolo e le altre notizie e approfondimenti su Ninja? Allora registrati e diventa un membro free. Riceverai Breaking News, Marketing Insight, Podcast, Tips&Tricks e tanto altro. Che aspetti? Tieniti aggiornato con Ninja.

Logo Ninja

Diventa free member

Vuoi leggere questo articolo, le altre notizie e approfondimenti su Ninja? Allora lascia semplicemente nome e mail e diventa un membro free. Riceverai Breaking News, Marketing Insight, Podcast, Tips&Tricks e tanto altro. Che aspetti? Tieniti aggiornato con Ninja.

Sei già un membro Ninja? Accedi

Marketing

L’importanza dei colori nella progettazione del web design

Dal bianco al viola, come l'utilizzo dei colori diventa veicolo di emozioni

Aggiungi ai preferiti Leggi dopo

Score

1.9K Share

  • Share on Twitter
  • Share on Facebook
  • Share on Linkedin
  • Send an email

INIZIA GRATIS CON NINJA: Accedi subito a +100 contenuti formativi sul digital business gratuiti
Roberta Leone 

Copywriter & Digital Strategist

  • Twitter
  • Linkedin
  • Share on Twitter
  • Share on Facebook
  • Share on Linkedin
  • Send an email

Pubblicato il 06/12/2016

Abbiamo spesso rivolto la nostra attenzione ad archetipi, a messaggi subliminali, al ruolo dell'istinto e del subconscio nel neuromarketing (ne abbiamo parlato anche qui), per sondare come le emozioni possano essere "solleticate" ad arte per veicolare messaggi potenti e duraturi.

In tutto questo un ruolo fondamentale è ricoperto dal colore, il suo utilizzo e le emozioni che riesce a veicolare.

LEGGI ANCHE: Il messaggio nascosto dei loghi più famosi

La teoria del colore è un argomento lungo e complesso che da anni riempie interi testi; in questo post ci concentriamo sull'aspetto inerente alla progettazione della User Interface e come utilizzare al meglio i principali colori per trasmettere le emozioni che desideriamo emergano dal nostro website.

Bianco: minimalismo virtuoso

colori nel web design - bianco - importanza dei colori

Almeno in quelle che sono le culture occidentali, da sempre il bianco è il colore della purezza, della virtù e dell'innocenza.

Il bianco è la somma di tutti i colori, o meglio, è il colore che riflette tutte le tonalità.

È un colore neutro, ideale per uno stile minimalista ma soprattutto uno straordinario background per spostare l'attenzione sui particolari, come nel caso di Vision Of Beauty.

I siti web con prevalenza di bianco sono inoltre piacevoli alla vista, grazie al loro senso di ordine e pulizia.

L'importanza dei colori: il nero. Sofisticato, elegante, senza tempo. Da usare con moderazione

colori nel web design_nero

Il nero è il più forte dei colori neutri: nella teoria del colore classica corrisponde alla totale assenza di luce, che assorbe senza riflettere nessuno dei raggi che la compone.

Viene utilizzato per conferire un'aura di potere ed eleganza che viene amplificata se associato ad un layout minimalista e un testo bianco, come fa ad esempio Apple per il suo iPhone 7.

Il nero è però anche un colore particolare: nella stragrande maggioranza delle culture occidentali è legato al lutto o a temi occulti. Rimane però il colore preferito nella tipografia grazie alla sua neutralità e, se usato ad arte e con i giusti accostamenti cromatici,  mantiene il suo fascino ricercato e senza tempo.

Avorio: semplicità ed eleganza confortevole

colori_avorio-importanza dei colori

 

In termini di risposta emotiva il color avorio (e il panna) sono solo una lieve variazione sul tema del bianco.

Percepito come colore più caldo e meno sterile, conferisce un appeal più confortevole e usato al posto del bianco ammorbidisce i contrasti con i colori più scuri.

Grigio: tradizionale e professionale

colori nel web design_grigio

Dimentica il senso di noia e tristezza al quale questo colore è generalmente associato: nel design il grigio è un colore conservativo e neutrale, adatto ad essere impiegato come sfondo perché non interferisce con i colori che invece vogliamo mettere in rilievo. Non solo: nelle sue nuances metalliche il riferimento all'hi-tech è immediato.

Beige: duttile e lussuoso

colori nel web design_beige

Il beige è un colore neutro, in grado di diventare un jolly da affiancare ad altre nuances per ottenere l'effetto desiderato. In questi due esempi l'uso del beige -unito a toni pastello e al marrone scuro - serve a conferire una certa aria vintage, un ricorso all'analogico in ambiente digitale, come nelle stampe di inizio '900.

colori nel web design_beige

Blu: dal social pop al trust

colori nel web design_blu

Se chiedi a 10 persone quale sia il loro colore preferito, almeno 7 ti risponderanno: il blu!
Come accade per il giallo, il suo significato muta notevolmente in base alla tonalità che si sceglie di utilizzare.

Tutte le tonalità di blu sono universalmente considerate rilassanti e sicuri ma le sue declinazioni più chiare risultano più "friendly".

Pensa al colore corporate dei più grandi Social Network come Facebook, Twitter e LinkedIn. Le sue nuances più intense, scure, sono invece indice di affidabilità e business.

colori nel web design_blu

La landing page di Van Vliet & Trap, un'agenzia di organizzazione eventi e wedding planning, ad esempio fa un uso intelligente del blu: i fiori sullo sfondo suggeriscono la loro esperienza in floral design ma traspare anche una certa eleganza e affidabilità.

Rosso: l'onnipotenza della gioventù

colori nel web design_rosso

Nella scala cromatica il rosso è non solo un colore primario ma il colore più stimolante ed energizzante di tutti.

Associato alla vitalità della gioventù, il rosso stimola la circolazione sanguigna e la traspirazione producendo effetti fisici prima ancora che psicologici.

Rappresenta la passione, la potenza, la velocità, l'entusiasmo e spesso viene utilizzato per sottolineare messaggi particolarmente importanti all'interno di un contesto perché è in grado di stimolare una forte risposta emotiva, che porta gli utenti a compiere decisioni in modo veloce.

Il rosso è un colore complicato, da usare con cura: può infatti stimolare eccessivamente diventando controproducente, incitando rabbia e nervosismo. Una soluzione ottimale è quello di usarne una tonalità chiara e sfumata come fa Virgin o inserirla come elemento divergente come fa Coca-Cola.

colori nel web design_rosso

L'importanza dei colori e l'arancione:energia in movimento

colori nel web design_arancione

L'arancione è un colore estremamente versatile: frutto dell'unione tra l'energia e la spinta all'azione del rosso e la felicità del giallo, l'arancione è adatto a creare una sensazione di movimento e ricerca di novità.

Giallo: felicità ed entusiasmo

colori nel web design_giallo

Il giallo è uno dei colori che più muta il suo percepito in base alla tonalità che si sceglie di utilizzare.

Un giallo brillante sarà il più energico dei colori, sfumature intermedie inspirano invece una sensazione di comfort, sono tonificanti. Se si arriva invece alle tonalità più scure - dal seppia all'oro - il sentimento evocato sarà quello di qualcosa di estremamente prezioso, che ispira saggezza e atemporalità.

Anche il giallo non è un colore facile da utilizzare: nel web design deve essere associato a colori in contrasto per facilitarne la leggibilità e se usato in tonalità opache evocherà invece sensazioni spiacevoli collegate alle malattie.

colori nel web design_giallo

Verde: stabilità finanziaria e naturalità

colori nel web design_verde

Il verde non può essere etichettato né come un colore caldo né freddo: tendenzialmente la definizione migliore è "fresco".

Questo significa che il verde ha le medesime qualità rilassanti del blu ma conserva l'energia del giallo. La sua peculiarità è quella di creare un ambiente stabile ed equilibrato.

Nelle sue accezioni più scure si collega alla stabilità finanziaria, al denaro, alla sicurezza e alla crescita del mercato. Il legame invece più immediato di questo colore è dato ovviamente da tutto ciò che ha a che fare con la natura e la naturalità.

Viola: it's a kind of magic!

colori nel web design_viola

Come il verde, anche il viola può essere considerato un ponte tra i colori caldi e freddi: il viola è infatti il risultato della sintesi sottrattiva del blu e del rosso, la calma e l'energia.

È un colore forte, vibrante che nella giusta quantità e saturazione può conferire un tocco di classe al tuo website. Storicamente è associato al lusso, alla regalità ma anche al mistero e alla magia.

colori nel web design_viola

Nelle tonalità più chiare, come il lavanda o il lilla, il suo significato viene sdrammatizzato rendendo tutto più sognante e romantico.

Una delle associazioni più immediate del viola chiaro nel branding è quello fatto con la cioccolata Milka; che sia una mucca o una marmotta a rappresentarla, di sicuro Milka si è aggiudicata il monopolio su questa tonalità.

VUOI APPROFONDIRE L'ARGOMENTO?
  • Web design color theory: how to create the right emotions with color in web design

I colori, come i lineamenti, seguono i cambiamenti delle emozioni. Pablo Picasso

Scritto da

Roberta Leone 

Copywriter & Digital Strategist

Ogni mattina mi sveglio e so che dovrò correre a prendere il Tram.

Condividi questo articolo

  • Share on Twitter
  • Share on Facebook
  • Share on Linkedin
  • Send an email

Segui Roberta Leone  su Twitter .

Amiamo ricevere i tuoi commenti a ideas@ninjamarketing.it

Vuoi fare Carriera nel Digital Business?

+100.000 professionisti e 500 grandi aziende hanno incrementato i loro Affari grazie a Ninja.

Non aspettare, entra subito e gratis nella Ninja Tribe per avere Daily Brief, Free Masterclass e l’accesso alla community di professionisti.

INIZIA GRATIS

Ninja

  • About
  • Filosofia Ninja
  • Il Clan
  • Top contributor
  • Advertise
  • Partner
  • Contatti

Via su ninja.it

Vuoi fare Carriera nel Digital Business?

+100.000 professionisti e 500 grandi aziende hanno incrementato i loro Affari grazie a Ninja.

Non aspettare, entra subito e gratis nella Ninja Tribe per avere Daily Brief, Free Masterclass e l’accesso alla community di professionisti.

INIZIA GRATIS

ISCRITTO A

Seguici

Ninja Magazine è una testata registrata presso il Tribunale di Salerno n. 14/08 - Codice ISSN 2704-6656
Editore: Ninja Marketing Srl, Centro Direzionale Milanofiori, Strada 4, Palazzo A - scala 2, 20057 Assago (MI), Italy - P.IVA 04330590656.
© Ninja Marketing è un marchio registrato, tutti i diritti sono riservati
Puoi ripubblicare i contenuti citando e linkando la fonte nel rispetto della Licenza Creative Commons
PRIVACY POLICY, CONDIZIONI D’USO E COOKIE POLICY
POR Campania FESR 2014-2020
Depositphotos

Gift Card Natale 2019 Ninja Academy Buono Regalo

pop up salecycle report ecommerce

twitch marketing - territory

getresponse popup

Brand Loyalty - Territory Influence Pop Up

territory pop up content inflation

state of commerce salesforce

pop up salesforce

 

Banner Lead Post Territory Influence

Our Spring Sale Has Started

You can see how this popup was set up in our step-by-step guide: https://wppopupmaker.com/guides/auto-opening-announcement-popups/

Our Spring Sale Has Started

You can see how this popup was set up in our step-by-step guide: https://wppopupmaker.com/guides/auto-opening-announcement-popups/

Scorrere verso l’alto