Colori analoghi (e come usarli nel design)

La prossima volta che sei fuori, gioca a spiare gli occhi: nota come unalba dipinge il cielo con sfumature di rosso, rosso-arancio e arancio. Oppure guarda un pavone che si pavoneggia allo zoo con le sue vibranti piume blu-verdi. Studia le piante grasse, notando il loro eccellente uso di tonalità blu, blu-verde e verde.

Ti sei mai chiesto perché questi raggruppamenti di colori sembrano così armoniosi? Bene, questi luoghi sono tutti eventi naturali di schemi di colori analoghi, o uno schema con colori uno accanto allaltro sulla ruota dei colori. Poiché sono particolarmente piacevoli alla vista (e facili da inventare), i designer spesso traggono ispirazione da queste combinazioni di colori per il design dei prodotti.

Come creare una combinazione di colori analoga

Scegliere qualsiasi colore in qualsiasi punto della ruota e annotare i suoi vicini diretti della porta accanto, a destra oa sinistra. Ed ecco fatto: uno schema di colori analogo. È come prendere una piccola fetta di tonalità da tre a cinque dalla ruota dei colori. Un modo per scegliere uno schema analogo è iniziare con un colore primario (cioè rosso, giallo o blu) e utilizzare i colori secondario e terziario come accenti.

Esempi di colori analoghi

Colori analoghi significa che il raggruppamento dei colori ha delle somiglianze. Questi tipi di schemi di colori hanno strette relazioni tra loro.

Di seguito sono riportati alcuni esempi di schemi di colori analoghi:

  • Giallo, giallo-verde, verde
  • Viola, rosso-viola e rosso
  • Rosso, rosso-arancio, arancione
  • Blu, blu-viola, viola

A un esempio notevole di una combinazione di colori analoga è la recente riprogettazione di Dropbox. Il loro schema utilizza sfumature di rosa, viola e blu.

Dropbox utilizza colori audaci che sembrano non dovrebbero funzionare insieme, ma lo fanno!

Tavolozza di colori analoghi

Nel senso più tradizionale, una tavolozza di colori analoga è composta da tre colori. Ma potrebbe arrivare a quattro o cinque colori. I designer possono fare affidamento su una tavolozza analoga per dare una temperatura ai loro progetti. Una calda tavolozza di colori analoghi con quattro colori sarebbe composta da rosso, rosso-arancio, arancione e giallo-arancio. Una bella tavolozza includerebbe blu, blu-verde, verde e giallo-verde.

Il kit dellinterfaccia utente Velocity in una tavolozza di colori analoga

Vuoi vedere come appare una tavolozza di colori analoga in uninterfaccia utente di prova? Prova lo strumento Colori di Muzli.

Colori analoghi nellarte

Non solo puoi individuare schemi di colori analoghi nella natura, ma anche nel lavoro di artisti famosi che si rivolgono a serene ambientazioni allaperto come muse .

Ad esempio, Vincent Van Gogh ha utilizzato un fantastico schema di colori analogo di verde, blu-verde, blu e blu-viola nel suo dipinto “Iris in vaso”. Noto per avere un talento per il colore, una fantastica combinazione di colori analoga può essere ripresa anche nel suo dipinto a olio, Gli ulivi. Per un altro caso di studio con colori analoghi, dai unocchiata al dipinto Lo stagno delle ninfee di Claude Monet.

Colori monocromatici

Combinazioni di colori analoghe creano un aspetto leggermente monocromatico poiché usano colori simili tra loro. Tuttavia, uno schema monocromatico si basa su un colore di base con diverse sfumature, toni e tinte per creare un aspetto visivamente coeso. Designer spesso usano una tavolozza monocromatica quando vogliono creare unestetica semplice e pulita, forse perché una pagina è informativa e più colori lo farebbero sembrare occupato.

Considerazione di colori analoghi

Quando si decide su uno schema di colori analogo, è sempre importante considerare laccessibilità. Ad esempio, alcune tavolozze di colori analoghe potrebbero escludere quelle con daltonismo o deficit della visione dei colori (CVD).

“Non fare affidamento solo sui colori per fare il lavoro”, Luis Gonzalez, designer senior del marchio di InVision afferma. “Potresti lasciarti alle spalle una buona parte dei tuoi utenti e questa non è solo una buona esperienza utente.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *