La prossima grande tendenza dell'immagine del web design è qui, ed è vibrante, colorata e bellissima!
Grazie a Spotify, il duotone sta crescendo in popolarità quasi ogni giorno. L'effetto, che utilizza un paio di colori su una foto, è sorprendente, divertente e vibrante. È anche piuttosto alla moda, con nuovi siti che cambiano quasi ogni giorno in un formato a due tonalità. Ecco alcuni modi per sfruttare al meglio questa tecnica di progettazione hot.
Cos'è Duotone?
In primo luogo, un piccolo primer: Duotone è l'uso di due colori.
Il nome e la tecnica provengono da macchine da stampa. Le stampe a due tonalità sono realizzate in due tonalità dello stesso colore o in nero e una tinta. Il processo utilizza due lastre di colore realizzate con lo schermo impostato su angoli diversi.
Il concetto a due colori è grande. Pantone ha nominato una coppia come "Colore dell'anno", il minimalismo ha portato i progettisti a pensare a tavolozze limitate e i duotoni sono visivamente interessanti e abbastanza facili da creare. Puoi creare l'effetto usando Adobe Photoshop e una sfumatura a due colori o uno strumento come Colofilter.css per applicarlo nel codice.
Ma ciò che probabilmente ha aiutato a duotone da zero è l'utilizzo di Spotify. Le combinazioni di colori a due tonalità sono utilizzate nell'app di riproduzione musicale e per vari micro-siti promozionali. Duotone aggiunge un elemento di design unico alle immagini di artisti conosciuti e ampiamente utilizzati.
La tecnica che un tempo era una graffetta di stampa ha trovato nuova vita online ed è una tendenza che probabilmente vedremo molto di più nei mesi a venire.
Come immagine dominante
Usa il duotone per creare un'immagine dominante.
La grafica principale per New Deal Design è sorprendente grazie ad una scelta di colori audaci e stravaganti, grazie alle immagini e ai colori divertenti. Non aver paura di uscire dalla tua comodità quando si tratta di lavorare con le immagini a due tonalità; è ok per accoppiare tonalità che potrebbero non corrispondere. L'obiettivo è creare un'immagine visiva che richieda attenzione e che contenga un sacco di contrasto per l'immagine da mostrare.
Ecco alcuni suggerimenti per il massimo impatto:
- Scegli due colori contrastanti o abbina i colori del marchio.
- Seleziona una foto con un'area di immagine focalizzata. Un paesaggio potrebbe essere difficile da usare.
- Inizia con un'immagine di alta qualità. Immagini sfocate o scarse e duotone non si mescolano.
- Gioca a contrasto.
- Considerare spazi per pulsanti o tipografia.
- Scegli i colori che riflettono l'atmosfera della foto.
- Imposta un'immagine a due tonalità con un bordo colorato o mescola e abbina le opzioni di colore con un dispositivo di scorrimento a scorrimento o effetti di parallasse.
Come una tavolozza di colori semplice
Il duotone non deve essere complicato. A volte i progetti a due colori più sorprendenti sono di natura semplice.
Assurance Life Insurance utilizza una coppia di rossi e tipografia pulita. La pergamena include anche uno stile di mezzitoni. I colori sono brillanti e coinvolgenti. Il rosso è il tipo di colore che quasi fa guardare agli utenti.
Il trucco qui è che è abbastanza semplice per essere efficace. L'utente non è sopraffatto dagli elementi. Il rosso ti attira in modo che le parole sullo schermo diventino il punto focale. Questo tipo di effetto a due tonalità è quasi perfetto per i siti web che hanno un aspetto più formale perché consentono di utilizzare una tendenza senza sentirsi forzati o opprimenti.
Come un modo per aumentare la leggibilità
Usa il duotone per agire come stabilizzatore del colore che dà al testo molto spazio e contrasto. Una sovrapposizione di due colori può aiutare? variazioni di colore in un'immagine in modo che il testo possa essere posizionato utilizzando un singolo colore quasi ovunque sull'immagine e sia comunque leggibile.
Le scelte cromatiche a due tonalità non saranno così brillanti per questo uso e probabilmente risulteranno più tenui, ma possono avere un grande scopo. Holm Marcher & Co. fa questo con un duotone corallo e blu che è interessante e crea uno sfondo altamente leggibile per lettering. Come bonus aggiuntivo, gli elementi di navigazione utilizzano sfumature di blu dalla tavolozza dei colori per incoraggiare lo spostamento nel sito.
Come un accento
Mentre gli effetti a due tonalità si prestano a immagini di grandi dimensioni, possono funzionare anche in luoghi più piccoli. Prendi in considerazione un accento a due tonalità nella navigazione, per immagini secondarie o per tipi specifici di contenuti.
Ciò che è bello delle piccole aree di duotone è che hai un po 'più di libertà di giocare se sei intimidito dalla tecnica o non sei abbastanza sicuro di come farlo funzionare per te. Se utilizzato in spazi più piccoli, può essere visivamente interessante giocare con più coppie di colori per diversi elementi del design.
Prendi in considerazione gli elementi di due tonalità per gli elementi di stile delle carte, come una sovrapposizione per i link per i video o per enfatizzare le chiamate all'azione. Gli accenti a due tonalità possono anche essere strumenti efficaci da utilizzare in uno schema di colori minimo o bianco e nero a causa del contrasto cromatico che creano.
Come sfondo
Non c'è niente come un sottile effetto a due tonalità per creare un'immagine o un motivo di sfondo interessante. Questo è un uso ideale per i colori del marchio o come un modo per incorporare una tonalità o una tecnica alla moda nel tuo design senza una revisione completa.
Lo sfondo a due tonalità graduato per Join Radio è la perfezione. Il cambiamento di colore è quasi impercettibile e si integra perfettamente con altri elementi dell'interfaccia utente nel design. C'è una semplice animazione che si muove attraverso i colori che è rilassante e ha un movimento simile ad acqua. Il passaggio dalla luce all'oscurità segue modelli di occhio e lettura naturali che si spostano dalla parte superiore sinistra della home page in basso a destra, dove l'utente è ulteriormente incoraggiato a scorrere e fare clic.
Conclusione
È difficile trovare una tecnica di progettazione più divertente da giocare rispetto al colore. I duotones sono ugualmente interessanti per i designer. L'effetto può ravvivare un'immagine sovrautilizzata, aggiungere un elemento divertente quando ne manca uno e solo aiutare a coinvolgere visivamente gli utenti.
Inoltre, il progettista può davvero sperimentare quando si utilizzano effetti a due tonalità. Puoi abbinare i colori che potresti non aver immaginato per un impatto importante o combinare i colori con variazioni sottili per un piccolo elemento di sorpresa.In entrambi i casi, la creazione di questo effetto colore sembra quasi sempre personalizzata e può essere divertente con cui lavorare.