Come configurare smartphone e PC. Portale informativo

Il miglior colore. Combinazioni di colori nel web design

La combinazione dei colori nel web design è un'importante disciplina risalente al Medioevo e utilizzata per creare opere eccezionali dell'umanità. Quindi proviamo a comprimerlo in un piccolo post!)

Naturalmente un post non è sufficiente per comprendere tutta l'essenza della teoria dei colori, ma contiene le principali tesi e concetti di questa disciplina.

Ecco i 5 passaggi che devi compiere per scegliere la giusta combinazione di colori per il tuo sito web.

Il primo passo è il più importante. Il colore principale crea la prima impressione del sito e stabilisce anche una connessione tra il tuo marchio e le emozioni che il tuo pubblico sta vivendo. Tutto ciò crea la tua identità, quindi la scelta del colore principale dovrebbe essere affrontata in modo molto accurato.

Naturalmente, se il tuo marchio è già associato a un colore, questo passaggio sarà molto più semplice.

Innanzitutto bisogna tenere conto del fatto che colori diversi evocano emozioni diverse. E questo fatto è scientificamente confermato. Anche diverse tonalità dello stesso colore influenzano le emozioni del pubblico in modi diversi. C'è sempre un certo grado di incertezza a seconda delle associazioni personali di una persona, ma in generale gli stessi colori possono evocare le stesse emozioni in persone diverse.

  • Rosso: passione, aggressività, rilevanza.
  • Arancione: giocosità, energia.
  • Giallo: entusiasmo, felicità, attenzione/avvertimento.
  • Verde: crescita, stabilità, natura.
  • Blu: serenità, apertura.
  • Blu: sicurezza, fiducia, professionalità.
  • Bianco: purezza, salute.
  • Viola: lusso, mistero, romanticismo (tonalità chiare).

Non sorprende che molte banche utilizzino uno schema di colori basato sul blu.

Ricorda che stai progettando per un gruppo specifico di persone che potrebbero provare emozioni diverse dalle tue. Inoltre, vale la pena considerare i diversi atteggiamenti nei confronti dello stesso colore di persone di sesso, cultura o religione diversi.

Quando si sceglie un colore principale, vale la pena iniziare eliminando i colori della concorrenza dall'elenco delle considerazioni. Successivamente, devi considerare quale stato d’animo dovrebbe creare il tuo marchio e quali emozioni dovrebbe evocare.

Determinare il colore esatto (la sua tonalità e saturazione)

Dopo aver scelto il colore principale, è necessario determinarne il tono e la saturazione. Come notato sopra, il tono di un colore e la sua saturazione possono cambiarne il significato. Ad esempio, le tonalità più scure del giallo (ad esempio l'oro) danno l'impressione dell'antichità, le tonalità più chiare non daranno un tale effetto.

La regola generale è che le tonalità chiare creano una sensazione di energia, freschezza, divertimento, le tonalità più scure creano stabilità e professionalità.

Successivamente, è necessario determinare l'esatto valore numerico del colore nei sistemi RGB, CMYK, HEX o Pantone per poterlo utilizzare nel processo di progettazione.

Se, ad esempio, hai scelto un colore che è già utilizzato su qualche risorsa web e vuoi applicarlo, puoi utilizzare il servizio Stylify Me, che ti aiuterà a determinare i colori utilizzati su qualsiasi sito.

Scegli un tipo di combinazione di colori

Prima di scegliere altri colori, devi determinare come interagiranno. Desideri uno schema di colori più contrastante o più calmo?

Puoi anche mescolare e abbinare i colori come preferisci, ma qui abbiamo presentato le opzioni di combinazione di colori più comuni.

monocromo

Implica l'uso di diverse tonalità del colore principale. Più comunemente usato per stili di design minimalisti.

analogico

Colori simili situati uno vicino all'altro sulla ruota dei colori.

pendenza

Passaggio graduale da un colore all'altro. Più colorato dell'analogico, ma può sminuire altri elementi di design.

Contrastante

Due colori opposti. Se guardi la ruota dei colori, i colori opposti sono i più contrastanti. Ad esempio, rosso e verde o giallo e viola. L'uso di una tale combinazione di colori aggiunge dinamicità all'effetto visivo del design.

I contrasti aiutano a manipolare l'attenzione dell'utente, permettendo di evidenziare elementi più importanti (pulsanti) e nascondere quelli meno significativi.

Duplex

Crea immagini utilizzando solo 2 colori. non è tanto una combinazione di colori quanto un tipo di design per una combinazione di colori contrastanti.

In poche parole, la bicromia ha un bell'aspetto, è un effetto visivo dinamico che attira l'attenzione dell'utente.

Triade

Tre colori equidistanti sulla ruota dei colori. Uno degli schemi di colori più comunemente usati, il triadico è uno standard solido. È complicato da usare correttamente, basta disegnare un triangolo equilatero sulla ruota dei colori e otterrai i tre colori della tua triade.

Contrasto diviso (diviso).

Utilizzando un terzo colore oltre ai due contrastanti. Proprio come lo schema a contrasto, ti consente di creare accenti sulle parti necessarie del design, ma ha più opzioni per questo.

Scegli i colori secondari

La definizione di una combinazione di colori aiuterà a semplificare la selezione dei colori secondari. Ma ognuno dovrà lavorare sulla scelta delle tonalità e della saturazione, come ha fatto quando ha scelto un colore primario.

Un semplice strumento Paletton ti aiuta a visualizzare diverse combinazioni di colori. Puoi scegliere il colore principale e definire la combinazione di colori, mentre Paletton definisce i colori secondari.

Decidi dove e come utilizzerai ciascun colore

Quindi, hai un'ottima tavolozza di colori per il tuo progetto... ora cosa farne? L'uso dei colori in un sito web è il luogo in cui si incontrano l'arte e l'abilità di un designer.

L'enfasi non dovrebbe essere usata solo sugli elementi di invito all'azione o sui pulsanti importanti. Puoi applicarli a diverse parti del sito. Ad esempio, evidenzia le parole importanti nel testo in modo che l'utente presti particolare attenzione ad esse.

Per prima cosa devi progettare il sito in bianco e nero. Utilizzando la scala di grigi per determinare l'importanza di un elemento, costruisci una gerarchia in base all'importanza di ciascuna parte del tuo progetto.

Conclusione

Quindi, abbiamo scoperto che la scelta delle combinazioni di colori nel web design è una fase importante nella progettazione di un sito web, che deve essere affrontata a fondo. La scelta del colore principale è molto importante, perché. determina l'atmosfera generale che porterà il tuo sito.

Il tipo di combinazione di colori influisce anche sulle emozioni che il sito susciterà nei visitatori. Il tipo determina il numero di strumenti che è possibile utilizzare per determinare l'ordine in cui vengono utilizzati i colori.

La teoria dei colori nel web design è un argomento vasto che richiede molta pratica per comprenderne l'applicazione. La scelta del colore dipende anche dall'ambiente e dalle specificità del lavoro del web designer stesso, poiché guardiamo i colori e le sfumature in modo leggermente diverso rispetto a illustratori e artisti.

In parte, abbiamo già dedicato i nostri materiali al colore nel web design e in Photoshop. Ma oggi vogliamo parlare e vedere un po' i colori e le palette di colori in termini generali, dove e come è più facile e conveniente sceglierne gli abbinamenti, a cosa prestare attenzione e altro ancora. Tutto sommato, abbiamo messo insieme alcune risorse per la corrispondenza dei colori, trovato alcune interessanti tavolozze già pronte e vogliamo scavare un po' più a fondo anche nella teoria dei colori.

La teoria dei colori in pochi paragrafi

Durante la progettazione del sito abbiamo 16,8 milioni di colori tra cui scegliere. E tutti devono essere combinati e selezionati, e se immagini quante opzioni esistono per tali combinazioni, allora... è quasi infinita. Ma i colori hanno un senso. Immagina che ti venga regalato il tuo oggetto preferito. Sei felice, sei felice. Ora immagina che una cosa sia una cosa, ma il suo colore sia il più odiato da te. Ad esempio, una tonalità che mescola verde, giallo e grigio. Oh, sarai emozionato, sarai forte, ma la gioia svanirà.

I colori hanno un senso. Danno tono, influenzano emotivamente allo stesso modo in cui il carattere ha un enorme impatto sulla psicologia umana.

I colori primari sono quelli principali per le sfumature. L'occhio umano percepisce tre colori primari: ciano, giallo e magenta. Qualsiasi colore che vedi davanti a te in questo momento è una combinazione di questi tre, ma in quantità variabili di luminosità, tonalità e così via. Sì, sì, la stampa viene eseguita in questi colori.

Su Internet, al contrario, viene utilizzato l'RGB (rosso, verde, blu) e i suoi valori esadecimali.

RGB (59, 89, 145) o #3b599b - Blu Facebook

RGB (0, 0, 0) o #000000 - nero

Ogni due caratteri nel codice 16-decimale indicano il colore principale: rosso - 3b, verde - 59, blu - 9b.

Caldo-freddo

I colori durano anche per le tonalità fredde (abbondanza di blu e verde) e calde (molto rosso e giallo). I colori caldi nel web design evocano sentimenti di calore e passione. Sono aggressivi e audaci, ma simboleggiano anche che alcune cose devono finire, quindi vengono utilizzati per messaggi, icone e altro ancora cruciali.

I colori freddi portano freschezza, adatti a temi invernali, notturni, tristi o acquatici. Portano solitudine e freddo, paura. Ma nel frattempo non sono aggressivi e calmanti.

Temperatura

Puoi anche modificare la temperatura delle immagini, modificando il livello dell'arancione. Pertanto, trasformiamo l'immagine in una più calda e gioiosa. Proprio come il mondo sembra più felice quando il sole lo illumina con i suoi raggi giallo-arancio. Ridurre la temperatura, invece, rende l'immagine più fredda e meno attraente, come se trasmettessero la natura in una giornata nuvolosa.

Sfumature e ombre

Le tinte vengono create aggiungendo il bianco a un colore, nello stesso modo in cui si aggiunge il nero per creare un'ombra. Tinte e ombre ti consentono di creare colori e tavolozze monocromatiche aggiungendo quantità variabili di bianco e nero.

Prendiamo ad esempio il colore principale #8dbdd8 (azzurro). Le immagini sottostanti mostrano una tavolozza monocromatica, in cui le due tonalità a destra e a sinistra sono il risultato dell'aggiunta di diverse quantità di bianco e nero.

Saturazione, tonalità, luce

Inoltre, i colori sono distribuiti per saturazione, tonalità e luminosità. La saturazione consente di rendere il colore più ricco e più scuro. Quando diciamo "azzurro" o "verde scuro" intendiamo la saturazione.

La tonalità determina la differenza dal colore principale dell'arcobaleno (ce ne sono sette). Questo è, ad esempio, "blu-verdastro". Né quello né quello, ma solo il tono.

La luminosità definisce un colore in relazione al bianco puro, quanto è luminoso o opaco. Qualcosa di simile alla saturazione, ma dipende da un parametro diverso.

Combinazioni di colori

Se consideriamo le combinazioni di colori, ce ne sono solo quattro: monocromatiche (tonalità di un colore primario), complementari (due colori che si trovano sui lati opposti della ruota dei colori), analogiche (tre colori che si trovano uno accanto all'altro sul lato opposto) ruota dei colori), triade o triadico (tre colori che si trovano agli angoli di un triangolo disegnato sopra la ruota dei colori).

Progettazione della disposizione dei fiori

Questa è in breve la teoria, e d'ora in poi faremo semplicemente riferimento a questo materiale. Ma anche all'inizio dell'apprendimento del web design, è questa teoria che è importante, anche se spesso i tuoi occhi possono capire che qualcosa sembra completamente diverso da ciò che viene descritto dai numeri. Un po' di blu, ma hai la sensazione che non sia abbastanza saturo. Queste sono le caratteristiche della natura dello sviluppo di ogni persona. Questo è il motivo per cui molti web designer si immergono nella progettazione della tavolozza dei colori, nello stesso modo in cui alcuni si dedicano all'apprendimento della tipografia. Sperimentano diverse tonalità, saturazioni, temperature in combinazione con altre variazioni e vedono quando, cosa e come funziona.

Tuttavia, quando si tratta di colori web, esiste il concetto di "colori sicuri per il web". È apparso quando nemmeno i display riuscivano a trasmettere 16 milioni di colori. Ma se esistono colori così sicuri, perché hai bisogno di altro? Ma vedi, è bello sapere perché esistono e come influenzano la scelta dei colori in generale.

Dovrebbe essere chiaro che poiché possiamo utilizzare qualsiasi colore, i migliori progetti web si ottengono utilizzando il gruppo principale di colori. E sì, fidati dei tuoi occhi. Se a loro non piace ciò che vedono, prova a cambiarlo.

Quando è necessario aiuto

Se riscontri difficoltà di progettazione nella fase zero, puoi sempre trovare idee sui colori su Internet. Basta visitare il sito della tavolozza dei colori e personalizzarlo a proprio piacimento, quindi raccogliere i colori desiderati e lavorare con essi in Photoshop. Ad esempio, studia l'ispirazione per il webdesign o gli awwward, ordina per colore e trova ispirazione.

Esploratore di colori

È una biblioteca e un laboratorio per creare una tavolozza di colori. La libreria contiene set di tavolozze per la stampa e il web. Puoi prendere un colore e vedere più sfumature e variazioni di toni.

Colore sul web

Corrisponde a tutti i colori e le sfumature del colore specificato. Inoltre, la risorsa offre colori per combinazione e combinazione, una tavolozza monocromatica, analogica, variazioni di saturazione, toni, luminosità e altro ancora.

Copasso

Permette non solo di scegliere un colore utilizzando più parametri contemporaneamente, ma anche di assemblare una tavolozza in base a un determinato colore. Nella prima versione abbiamo creato un colore e nella seconda abbiamo creato una tavolozza e una diffusione di sfumature e toni di colore.

Colorotate

Questa è una delle poche applicazioni mobili che ti consente di lavorare con le tavolozze dei colori sul tuo smartphone o tablet. Ma esiste anche una versione per il browser del PC. Una caratteristica del progetto è lavorare con il colore in 3D. Ci viene offerto un cono di fiori. Ogni punto per mescolare la tonalità si muove solo all'interno del suo triangolo e il cono stesso può essere ruotato a piacimento.

Inoltre, ci sono set di tavolozze già pronte per Natale, monocromatiche, moderne, agrumate e altre.

colorlovers

Il sito è ormai da molto tempo una directory di combinazioni di colori personalizzate. Di norma, include colori di design piatti, nonché numerosi motivi, trame e sfondi disponibili gratuitamente.

È possibile selezionare tavolozze di colori da fotografie e immagini. Abbiamo già parlato di questo e delle risorse anche per questo. L'idea nel suo insieme è interessante e molto utile, leggi a tuo piacimento.

Profili colore

Ma nel frattempo, la scelta della tavolozza non è poi così male. L'argomento più attuale nel web design è la scelta dei profili colore. Abbiamo toccato questo argomento un po 'prima (link all'inizio del materiale), ma ecco cosa vogliamo notare ora. Ogni monitor può essere calibrato su un profilo colore specifico. Ciò avviene, ad esempio, in Windows 10 -> Pannello di controllo -> Gestione colore. Di conseguenza, alcuni colori potrebbero apparire in modo diverso su monitor diversi.

L’argomento, come dicevamo, è confuso e quindi molti web designer non sempre sono sicuri di aver scelto il colore giusto. SRGB è consigliato più spesso, ma non è necessario o è assolutamente la soluzione e la scelta migliore. Ciò vale anche per le immagini salvate con profili incorporati e layout di siti Web. In altre parole, questo argomento può essere affrontato a lungo.

Ma nel frattempo molti designer cercano di non pensarci affatto e lavorano con le impostazioni predefinite sul computer e in Photoshop. E anche questo è vero, poiché pari se coordini i colori con il cliente/cliente, non puoi comunque influenzare i colori sul monitor dell'utente finale.

Colori dell'interfaccia utente dei materiali

Google, creando regole per il material design, ha descritto in dettaglio le disposizioni sul colore. Tuttavia, le regole sono così semplici in generale che possono essere facilmente applicate a qualsiasi interfaccia, e questo è ciò che le ha rese popolari.

Quando si tratta di scegliere un colore, il design del materiale segue uno stile simile al design piatto. I design dei materiali per app e siti Web sono disponibili gratuitamente su Internet, così puoi vedere i set di colori con i tuoi occhi, creare tavolozze e molto altro.

Se decidi di lavorare solo con il Selettore colori di Google, ti consigliamo di testare entrambi gli strumenti per vedere come si completano a vicenda. Quindi puoi utilizzare ulteriormente la risorsa da 0 a 255, per abbinare i colori in termini di luminosità e saturazione.

Conclusione

Il colore sul web è fondamentalmente semplice e non ci vuole più di un paio di settimane per capirne le basi e le teorie. Ma se decidi di approfondire proprio questa teoria dei colori, imparerai molte complessità, caratteristiche, modelli, influenze e soluzioni. Forse alcuni di voi si sentiranno storditi dall'abbondanza di informazioni; qualcuno lo decide non ha bisogno di saperlo, ha puntato una pipetta sul logo e ha dipinto il sito". Ma qualcuno decide di approfondire la teoria ancora e ancora; decide di addentrarsi nel "cestino di fiori" e di sfumature, decide di iniziare a sperimentare.

Speriamo solo che i nostri materiali sul colore ti possano aiutare un po' in futuro con i tuoi progetti. Ti aiuteranno a trovare quel modo semplice per capire come funzionano i colori web attraverso la pratica, la ripetizione e la fiducia nei tuoi occhi.

Ci sono molte risorse per scegliere le tavolozze dei colori, anche siti di ispirazione, ma quando ti siedi per "disegnare" il tuo progetto, la tua testa in qualche modo... diventa vuota. Ti siedi e pensi: Che tonalità di blu vorresti prendere... un po' più scuro o un po' più chiaro... eh... ma il cliente non voleva pensare a queste sciocchezze... per lui quella, ovviamente,... sciocchezze..."

I giorni di Capodanno e il tempo libero sono una buona occasione per la creatività, la fantasia leggera per il proprio piacere, quando, ad esempio, non c'è la forza per fare baldoria e divertirsi.

Dall'autore: Un web designer ha nel suo arsenale molti strumenti per interagire con gli utenti utilizzando il colore. La combinazione di colori nel web design è uno strumento di marketing efficace, tuttavia, dovrebbe essere usato con molta attenzione per non ottenere un design “strappo” che lasci negli utenti sensazioni spiacevoli e nervi scossi.

Questo è, ovviamente, un esempio estremo. L'idea principale del mio articolo è che il design non dovrebbe essere solo funzionale e utile, ma anche emotivamente attraente. Per fare ciò, è necessario considerare con particolare attenzione la tavolozza dei colori del sito, che è un insieme di colori utilizzati nello sviluppo del web design.

Sono imposti requisiti piuttosto seri alla combinazione di colori del sito, poiché la combinazione di colori per il web design non solo determina l'aspetto della tua risorsa, ma sarà anche associata al tuo marchio su Internet. La maggior parte dei siti ha una tavolozza da 2 a 4 colori, senza contare il bianco e nero. Proviamo a capire come creare la combinazione di colori più attraente ed efficace nel design del sito web.

Scegli il colore principale

Se disponi già di un logo già pronto, è meglio utilizzare uno dei suoi colori come principale. Se devi riprendere da zero la tavolozza del sito Web, dovrai utilizzare un altro metodo. Analizza il pubblico target della tua risorsa in termini di preferenze sociali o di età.

Prendi, ad esempio, un sito web a tema matrimonio. Le nostre spose indossano abiti bianchi, che simboleggiano l'innocenza e la purezza. In Cina, il bianco è considerato il colore del lutto, quindi le spose cinesi si vestono con abiti rossi, perché il rosso per i cinesi è un simbolo di amore, felicità e buona fortuna. Aggiungi più vernice gialla qui e ottieni il colore del potere e della ricchezza.

Con tutte queste sfumature culturali, è molto difficile trovare le combinazioni di colori perfette per il web design che si adattino e funzionino davvero per il tuo sito. Pertanto, molte aziende che si rispettano realizzano versioni locali di siti per diversi paesi e popoli.

I colori più sicuri sono il viola e il blu. Il viola ovunque tranne la Thailandia è considerato il colore della ricchezza, del potere e dell'elevato status sociale (in Thailandia è un simbolo di dolore). Il blu è associato all’ottimismo, alla fiducia, alla felicità. È vero, in Giappone significa atrocità e in India - tristezza.

Tipi di contrasti di colore

Contrasto di tono. Questo tipo di contrasto deve essere utilizzato con attenzione, preferibilmente in combinazione con altri tipi di contrasto e solo quando è giustificato. Il contrasto più pronunciato nel web design è la combinazione di tre colori: rosso, giallo e blu. Più i colori combinati sono lontani da questi tre nella ruota dei colori, più debole è il contrasto di tono.

Contrasto di luce e buio. La coppia di contrasto più rigorosa è, ovviamente, quella del bianco e del nero. Tra i colori complementari, il contrasto di luminosità più piccolo è tra il verde e il rosso, mentre il contrasto più grande è tra il viola e il giallo.

La nostra visione è più sensibile non alle gradazioni di colore degli oggetti, ma alle sfumature della loro luminosità. Per un web designer, la capacità di scomporre armoniosamente i punti scuri e quelli chiari nel design del sito è la chiave per un design efficace.

Freddo e caldo. Non sorprende che i toni freddi e caldi siano associati negli esseri umani alla temperatura. Ciò è dovuto al fatto che l'atmosfera terrestre colora gli oggetti distanti con toni bluastri.

Pertanto, quanto più un oggetto è lontano da noi, tanto più freddo lo immaginiamo. Questa proprietà è molto utilizzata sia dagli artisti che dai web designer per evocare le emozioni desiderate nell'utente.

Verso il minimalismo

Oggi la tendenza sono tonalità luminose e dinamiche, minimalismo e schemi monocromatici che non distraggono con il contrasto tra i colori. Combinato con uno stile minimalista (utilizzando pulsanti trasparenti o caratteri bianchi in grassetto, ad esempio), un'unica combinazione di colori è facile da implementare e piacevole da guardare.

La maggior parte delle persone preferisce combinare gli stessi colori di sfondo con una tavolozza contrastante di altri elementi nel web design. Pertanto, sarebbe logico utilizzare una tavolozza di 1-2 colori per lo sfondo del sito e una tavolozza contrastante per i pulsanti e altri oggetti che invitano all'azione.

Devi esserti imbattuto nel servizio web Twitter almeno una volta e aver notato che la sua tavolozza di colori è composta da diverse tonalità di blu. Sai già che il blu è il colore più sicuro da utilizzare online, quindi non sorprende che Twitter lo utilizzi, soprattutto considerando la popolarità globale del servizio, il suo supporto per un numero enorme di lingue e, di conseguenza, culture.

Il colore come mezzo di navigazione

Un altro modo vincente per utilizzare i colori di sfondo e di accento è creare una sorta di "gerarchia dei colori" che "educa" l'utente che un determinato colore indica un'azione specifica sul sito.

Riassumiamo. Il colore e la capacità di combinare i colori nel web design sono lo strumento più importante di un web designer. Se lo usi correttamente e non dimentichi l'usabilità del sito, puoi evidenziare favorevolmente il contenuto, "indirizzando" dolcemente e discretamente il visitatore a compiere determinate azioni.

Immagina che migliaia e milioni di persone visiteranno il tuo sito: ecco perché vale la pena fare tutto il possibile per renderlo il più semplice e comodo possibile.

Spero che questo materiale ti sia stato utile. Iscriviti agli aggiornamenti del nostro blog per non perdere tutto il divertimento. Ciao!

Tendenze e approcci moderni nello sviluppo web

Impara da zero l'algoritmo per una rapida crescita nella creazione di siti web

Il colore è uno degli elementi di web design più importanti che aiuterà ad attirare l'attenzione degli utenti. La scelta è un piccolo trucco, una manipolazione onesta che aiuterà a mantenere l'utente sul tuo sito e potrà persino indirizzarlo a qualche azione. Abbiamo compilato un elenco dei colori più popolari e necessari per il web design, determinandone la corretta combinazione, i lati positivi e negativi. E, soprattutto, hanno fatto tutto questo su esempi reali.

Rosso

Il rosso è un colore forte, dinamico e più caldo che viene spesso utilizzato nelle promozioni. Scegli il rosso per accentuare il tuo web design.

Si abbina ai colori bianco, grigio, azzurro o argento.

Professionisti:

  • crea un senso di urgenza
  • associato all'amore
  • può causare sentimenti di eccitazione o incoraggiamento

Aspetti negativi:

  • non dimenticare che questo colore porta un'associazione con la parola "stop", "pericolo"
  • la sua sovrabbondanza può scoraggiare la voglia di rimanere sul tuo sito

Blu/ciano

In psicologia, il blu è considerato il colore delle persone determinate e sicure di sé. E per i tuoi visitatori, la giusta tonalità di blu può portare una piacevole calma. Il colore blu scuro è considerato professionale, professionale e autorevole: non per niente gli uomini d'affari lo adorano così tanto.

Il blu viene spesso utilizzato nei siti Web legati alla tecnologia poiché evoca un senso di affidabilità e sicurezza.

Combinato con bianco, verde, beige.

Professionisti:

  • è un colore rilassante
  • favorisce il rilassamento fisico
  • crea un clima di sicurezza e fiducia
  • il blu è considerato il colore della creatività

Aspetti negativi:

  • è freddo, che distoglie l'attenzione da esso, in contrasto con i rossi e i gialli caldi, che attirano immediatamente gli sguardi di tutti.

Verde

È il colore dell'armonia e del sentimento interiore di felicità. A proposito, la popolarità del colore non si limita al suo utilizzo nella modellazione di abiti per passerelle e alle feste di moda, ma viene utilizzato coraggiosamente dai designer per progettare siti Web.

Si abbina bene ai toni del bianco, verde chiaro, marrone, arancione, nero e grigio.

Professionisti:

  • rinfresca e rilassa, lasciando le persone ispirate
  • rappresenta l'equilibrio e l'armonia nel design, come in natura

Aspetti negativi:

  • Kandinsky nota giustamente: “Il verde assoluto è il colore più calmo che esista. Non si muove da nessuna parte e non ha sfumature di gioia, tristezza, passione. Non chiede nulla, non chiama da nessuna parte. È un elemento immobile, soddisfatto di sé, limitato nello spazio”.

Viola

Il viola è utilizzato nelle lenzuola belle e alla moda perché il viola è più rilassante di qualsiasi altro colore. È considerato più femminile e romantico di un colore maschile. Proprio come il rosso, le persone trovano che il viola sia troppo forte e luminoso, li fa sentire obbligati a fare qualsiasi cosa.

Pertanto, sarebbe efficace abbinare questo colore al nero, al crema o al bianco.

Professionisti:

  • molto spesso associato a concetti come immaginazione, creatività, dignità, nobiltà
  • le tonalità luminose del viola sono più associate alla primavera e al romanticismo, mentre i suoi toni più scuri sono associati al lusso e alla ricchezza.

Aspetti negativi:

  • quando si guardano cose, quadri e oggetti di colore viola, sembra chiaramente artificiale, questo perché questo colore è molto raro in natura

Arancia

Pieno di energia, questo colore brillante incoraggia, piuttosto che costringere, le persone ad agire. L'arancione solo a volte viene percepito come intenso: richiede azioni come acquistare, abbonarsi, vendere. Si consiglia di utilizzare l'arancione se dopo aver visitato il tuo sito vuoi lasciare l'ospite motivato, felice ed entusiasta.

È combinato con blu, blu, lilla, viola.

Professionisti:

  • le tonalità più accese dell'arancio sono associate alla socialità, al divertimento, all'energia
  • velocità, ritmo preciso, emozioni focose
  • ottimo antidepressivo

Aspetti negativi:

  • segnale di "avvertimento".
  • deliberatezza

Naturalmente, i colori dovrebbero essere in armonia tra loro e corrispondere alla struttura e al contenuto del sito. La combinazione di colori è la sua atmosfera, dovrebbe essere sicura: non invadente, moderatamente luminosa.
Indubbiamente, c'è un obiettivo che ti poni quando crei un sito: che il suo visitatore si iscriva, acquisti, faccia clic su "Avanti", cioè faccia clic su un determinato pulsante.

Qualunque sia il pulsante, il fatto che venga cliccato o meno dipende da come si sente il visitatore quando si trova sul tuo sito. E ora sai che uno degli elementi decisivi qui è il colore.

Una nota!

Ricorda, se lavori per un pubblico internazionale, la percezione del colore può variare da paese a paese. Ecco una nota sul significato dei colori considerati nelle diverse parti del mondo:

Rosso

  • Cina: fortuna, festa
  • India: pulizia
  • Sud Africa: colore del lutto
  • Est: gioia (combinato con il bianco)
  • Ovest: eccitazione, amore, passione
  • USA: Natale (con il verde), San Valentino (con il bianco)
  • Giappone: la vita

Blu

  • Europa: calma
  • Iran: lutto, colore del cielo e spiritualità
  • Cina: immortalità
  • Medio Oriente: protezione
  • Nel mondo: il colore della sicurezza
  • Ovest: tristezza, depressione

Arancia

  • Europa: autunno, raccolto, creatività
  • USA: Halloween (con il nero), merce a buon mercato

Verde

  • Giappone: la vita
  • Europa/USA: Primavera, Nuova Nascita, San Patrizio, Natale (con il Rosso)
  • Stati Uniti: soldi

Viola

  • Thailandia: lutto (vedove)

Principali articoli correlati