Hai preso nota di tutti i modelli di design super dark ultimamente? I progettisti stanno sperimentando alcuni modelli di design funky e scuri che presentano animazioni nella stessa combinazione di colori.
Queste animazioni includono tutto, dai semplici movimenti che avvengono da soli, agli effetti aleggianti e alle esperienze cinematografiche complete. Entriamo nel trend del design di questo sito e esploriamo alcuni modi per farlo funzionare per i tuoi progetti.
Informazioni sulla tendenza
L'animazione scura è una tendenza che combina due elementi in modo distinto: una tavolozza di colori monocromatica e un'animazione fantastici. Il risultato è un sorprendente design a strati che è sottile e lunatico.
Sembra funzionare perché evoca un senso di mistero. E gli utenti vogliono risolvere il puzzle.Mentre la tendenza può essere difficile da fare bene - e non sempre ha una grande esperienza utente mobile - ciò che guida questo modello visivo è l'interesse. A causa di tutti gli elementi oscuri, l'utente è costretto a guardare il design.
C'è un vero elemento di mistero che guida l'impegno con questi progetti mentre l'utente è estasiato nel vedere ciò che accadrà con l'elemento animato e alla ricerca di sottili cambiamenti ed effetti. Cosa succederà dopo?
Ognuno di questi disegni è composto in un modo diverso. Non esiste un particolare tipo di animazione che funzioni meglio e non ci sia un colore impostato da utilizzare, sebbene molti di questi disegni utilizzino una gamma di neri e grigi ricchi.
Le animazioni possono essere semplici come un effetto hover o elaborate come una forma di stampaggio o un video prodotto.
Sembra funzionare perché evoca un senso di mistero. E gli utenti vogliono risolvere il puzzle.
Perché funziona
In realtà è difficile spiegare esattamente perché questa tendenza di progettazione funzioni. Quando ci pensi senza vedere i progetti di design del sito web, non penseresti che i modelli animati oscuri avrebbero avuto successo.
- Non c'è molto colore
- C'è pochissimo contrasto.
- I disegni sono quasi troppo semplici.
Ma forse è per questo che questa tendenza fa lavoro. Rompe le regole abbastanza da attirare utenti nel design.
L'altro fattore che contribuisce è che oscurità e mistero vanno di pari passo. E la gente ama semplicemente un buon mistero. Vivono potendo vedere elementi nascosti o risolvere un problema complesso. Lo schema di colori scuri con un effetto animato fornisce agli utenti un modo per cancellare un mistero.
Anche questi progetti hanno una forte emozione. I colori scuri sono lunatici. Le variazioni di colore in queste tavolozze sono complesse e interessanti (dal punto di vista del design comunque). C'è un elemento di profondità difficile da articolare, ma affascinante da esplorare.
Sommate tutte le emozioni e i misteri e potete avere un'idea del motivo per cui gli utenti sono attratti da questo schema visivo.
Non deve essere nero
Mentre la maggior parte di questi progetti presenta palette di colori neri, non è necessario.
Altre tonalità scure possono essere efficaci e dare ai designer la possibilità di creare un motivo di disegno animato scuro e rimanere sul marchio con la tavolozza dei colori.
Indipendentemente dal colore, la chiave per far funzionare queste tavolozze di colori con le animazioni è la ricchezza nella selezione dei colori. Una gamma di toni (miscelazione di un colore con il grigio) e sfumature (miscelazione di un colore con il nero) può fornire una gamma variabile per una tavolozza di colori monocromatica. (Basta guardare i diversi viola nel design FedEx, sopra.)
Sebbene il contrasto non sia al centro di questa tendenza di design, è importante. Senza abbastanza contrasto nel design monocromatico, l'animazione si perderà in background, rendendo il design inefficace.
Alcune precauzioni
Questa tendenza del design non è per tutti, ed è molto difficile riuscire a farla fuori efficacemente. I modelli animati di colore scuro presentano difetti:
- Il non rende tutto così bene sui dispositivi mobili.
- Ci sono alcuni problemi inerenti l'accessibilità.
- Potrebbe non esserci abbastanza interesse visivo per alcuni utenti.
- La navigazione e il call to action placement possono essere difficili.
- Le condizioni ambientali - illuminazione, ecc. - possono rendere il design più difficile da vedere.
- Alcuni utenti non apprezzeranno il tono lunatico.
- Gli utenti possono annoiarsi rapidamente con il design, riducendo il tempo sul sito.
Suggerimenti per provare questa tendenza del design
Se non hai paura delle sfide presentate da questa tendenza di design e disponi di un modello di contenuti che corrisponde al tono lunatico di uno schema di design animato di colori scuri, ci sono alcune cose che puoi fare per contribuire al successo del progetto.
- Attenersi a un design di una pagina: Troppo di un elemento di design funky può essere travolgente. Se si prevede di utilizzare questo concetto, limitarlo a un design a una pagina o a una pagina nel design.
- Usa un colore a contrasto: Il testo bianco funziona eccezionalmente bene su sfondi scuri. Lo stesso vale per altri elementi. Assicurati che i pulsanti, gli elementi di navigazione, i messaggi e l'invito all'azione siano facili da vedere e leggere. Mentre l'animazione e lo sfondo potrebbero non contrastare in modo significativo, altri elementi devono essere facili da identificare.
- Semplifica l'animazione: Le animazioni dall'aspetto troppo complesso possono sopraffare questo design. Attenersi a semplici movimenti e movimenti non troppo rapidi.
- Progettare a strati: Ciò che rende questo concetto funziona è la progettazione a strati. Crea una separazione tra lo sfondo e gli elementi animati per un effetto che sembra alquanto tattile e reale. La stratificazione ti aiuterà anche a pianificare un contrasto sufficiente a rendere visibili gli elementi.
- Usa la tipografia in grassetto: Non solo gli elementi di testo dovrebbero includere un elevato contrasto di colori, è probabile che sia necessario utilizzare un carattere forte e in grassetto per garantire che il testo non ricada nel design. Dovrebbe saltare fuori da esso. Cerca caratteri con caratteri più spessi e tratti semplici per garantire la massima leggibilità.
Qual'è il prossimo?
Come con qualsiasi tendenza di design, questa estetica continuerà ad evolversi.Anche se non possiamo davvero prevedere cosa accadrà dopo, alcuni disegni forniscono un indizio.
Il colore scuro e l'animazione potrebbero essere un design in primo piano nel mondo della realtà virtuale. La VR è un parco giochi per videogiochi e video, che utilizza già molta colorazione scura.
Questa tendenza di progettazione potrebbe essere perfetta per quei tipi di progetti, come il nuovo sito web di trailer / giochi di Blair Witch Project, sopra.
Conclusione
Schemi di colori scuri sono in circolazione da un po 'di tempo, ma questa nuova svolta con animazioni colorate simili è interessante. Tende ad essere una di quelle cose che i designer amano assolutamente - in parte per il mood moody - o l'odio a causa delle sfide che presenta agli utenti.
Ad ogni modo, questo stile viene usato più frequentemente. Mentre funziona meglio per determinati tipi di progetti (si noti il numero di siti di agenzia e portfolio negli esempi), può essere un modo interessante per mescolare un progetto. Provalo per una singola diapositiva o pagina e guarda cosa pensano gli utenti prima di investire in un modello di design animato completamente a colori scuri.