Oggi portiamo il design piatto al livello successivo. Non tutti i progetti funzionano con alcune delle scelte di colori audaci e brillanti che sono comunemente collegate al design piatto.
Quindi non rimanere bloccati con loro. Dai il massimo al tuo schema di design piatto con una tavolozza di colori più tenui. Il sottile cambiamento può contribuire a dare al tuo sito una revisione di tendenza e farlo risaltare nella folla di design piatto. Qui selezioneremo alcuni siti Web che utilizzano questo stile in modo eccezionale per aiutarti a creare un sito con un design piatto e una tavolozza di colori tenui.
Primer muto per colori
Probabilmente hai visto le variazioni della tavolozza dei colori uniformi migliaia di volte, e talvolta questi colori non si adattano semplicemente all'estetica del design che stai cercando. Anche quando tutto il resto del design piatto lo attrae.
Ecco quando le opzioni di colori tenui possono funzionare meravigliosamente. Utilizzare una tavolozza di colori tenui con un'estetica piatta è classica, levigata e abbastanza diversa da farla risaltare rispetto a tutti gli altri progetti piatti là fuori.
Ma cos'è una tavolozza dei colori smorzata? Per gli scopi di questa conversazione è una tonalità altamente saturi (come quelli di Flat UI Colors) e l'aggiunta di una tinta, un tono o un'ombra per renderla meno brillante e più attenuata. Il risultato è spesso un colore più morbido e più calmo che può essere più facile da lavorare e abbinare al design generale.
Dalle immagini sottostanti puoi vedere come gli stessi colori di Flat UI Colors possono avere un aspetto diverso con le modifiche al bianco o al nero utilizzato con essi. E, semplicemente, questo è ciò che è una tavolozza di colori tenui. Il resto dell'estetica del design può seguire da vicino (o liberamente) i principi del design piatto come più ti piace.
tinte
Le tinte vengono create quando si aggiunge il bianco a un colore per schiarirlo. Questo colore è spesso significativamente più leggero del colore originale ed è solitamente indicato come un pastello. Le tinte possono variare da quasi bianco a pochi tocchi più leggeri di un colore completamente saturo. Spesso hanno un aspetto più leggero e morbido e creano un'estetica più rilassante rispetto a opzioni più audaci e luminose.
Le tinte funzionano bene con le foto e sono popolari su siti con illustrazioni. Questi colori più chiari spesso cadono dall'estetica principale e sono più adatti per scopi di design quando altri contenuti, come immagini o parole, hanno davvero bisogno di essere il punto focale.
Jack Horner utilizza colori scuri per tutto il design laterale per contrastare nettamente con accenti neri. Il giallo sulla homepage è così leggero che potrebbe essere difficile da vedere se non fosse per l'accento più luminoso. Il sito utilizza anche un verde colorato per le chiamate all'azione e informazioni importanti in tutto il design per mantenere gli utenti coinvolti.
Cake Teacher usa una tavolozza di colori giallo pallido e verde simile ma con diverse colorazioni. I gialli sono un po 'più luminosi e i verdi sono un po' più chiari dei colori nel sito di Jack Horner. La palette di colori tenui aiuta gli utenti a concentrarsi sulle foto della torta al centro dello schermo, in particolare quelle con opzioni di colore più luminose. Il contrasto tra luce e luminosità aiuta a creare un centro di attenzione per il design.
occhiali da sole
Le tonalità sono i colori il risultato con l'aggiunta del nero. Questo renderà un colore più scuro e apparirà più pesante alla vista. La gamma per l'aggiunta del nero è quasi nera, con un tocco di colore a un tocco più scuro della tonalità originale.
Le sfumature possono funzionare bene in certi tipi di ambienti, spesso quando vengono utilizzati con meno nero. I progetti che sono davvero bui e contengono molto nero possono causare problemi di leggibilità se non eseguiti eccezionalmente bene. Una cosa che molte persone ritengono erroneamente è che le sfumature devono apparire nere, ma quando si evolve un colore dai tradizionali schemi di design piatto, in particolare, non è affatto così.
Il pop-up di vendita per il rivenditore Ann Taylor utilizza una combinazione di tonalità per un semplice promo verde che è facile da leggere e accattivante da guardare. L'estetica usa un sacco di concetti piatti ed elementi di tendenza come i pulsanti fantasma e la tipografia audace, ma i colori sfumati sono tutt'altro che? Tradizionalmente? piatto. Combinato con il testo giallo (grazie a un tono), la tavolozza piatta in sordina è sorprendente e moderna.
Caf? Frida usa un set di colori che non è affatto comune. I gialli sfumati, i verdi e persino i bianchi creano un'atmosfera vintage. I colori sono forti, ma non opprimenti. Sono coinvolgenti ma non abbastanza eccitanti. La combinazione imposta la scena per il caf ?, che viene eseguita bene attraverso la pergamena della homepage.
toni
I toni vengono creati combinando il bianco e il nero con un colore per renderlo più morbido. La maggior parte dei colori viene effettivamente creata utilizzando i toni. Sono colori complessi che hanno un appeal quasi universale perché estraggono da più parti dello spettro dei colori. È questa qualità sottile che rende i toni la scelta numero 1 di designer e artisti per la maggior parte dei progetti.
I toni funzionano in quasi tutte le estetiche del design a causa della loro natura piacevole.
Source Tree utilizza un verde pallido, quasi rilassante, in tutto il sito. È combinato con altri flash di colore tonico anche per gli altri progetti in mostra. La cosa bella di questo colore è che il viraggio conferisce al sito un'atmosfera accogliente. Immagina solo quanto sarebbe diverso questo sito se dovesse utilizzare Emerald dalla tavolozza piatta sopra in tutti i luoghi in cui viene utilizzato il colore tonico. Il colore dà quasi spazio alle scatole più piccole e agli elementi animati, cosa che non accadrebbe con la stessa facilità visiva se il colore fosse significativamente più luminoso.
L'istituto di Fede, Lavoro ed Economia utilizza combinazioni di tonalità di colore complesse per spostare gli utenti dall'immagine principale in basso alla pagina fino alla chiamata all'azione. La combinazione blu scuro e giallo è facile da leggere, grazie all'alto contrasto e visivamente interessante perché i colori sono il tuo abbinamento standard blu e giallo.I colori sono utilizzati in tutto il design per aiutare a stabilire l'attenzione in tutto il design e guidare gli utenti verso azioni e clic su tutto il sito web.
Conclusione
Quando ti allontani da alcuni dei più tradizionali colori del design piatto, non devi scegliere una delle tecniche di colore sopra. Puoi combinare tinte, sfumature e toni per creare qualcosa che sia assolutamente coinvolgente e diverso.
La vera lezione di questi semplici casi di studio è questa: non farti prendere dal dover usare una tendenza? Dal libro? Rompere con un diverso tipo di tecnica per rendere la tendenza e l'utilizzo il vostro. Questi esempi mostrano quanto meraviglioso possa cambiare solo la tavolozza dei colori, mentre si lavora ancora su disegni di natura piatta.