3 Essential Design Trends, settembre 2017
A volte puoi semplicemente guardare i nuovi progetti del sito web e vedere cosa pensano i designer. Puoi sentire l'umore. Le tendenze di questo mese riflettono questo concetto con scelte di colori audaci, un crollo dello stile tradizionale dell'intestazione dell'eroe che è stato popolare per un po 'e modelli animati scuri che sono solo un po' misteriosi.
Cosa ne pensi? Sei pronto per le opzioni di tipografia più sottili, i dettagli più elaborati e i loghi in stile icone? Potresti essere dopo aver visto alcuni di questi progetti di design.
Ecco cosa è in voga nel design questo mese:
1. Colori dell'arcobaleno
Quando senti "i colori dell'arcobaleno", la prima cosa che viene in mente probabilmente non è un buon design. Ci sono troppi esempi lampanti di progetti sgargianti con palette di colori a tema arcobaleno che sono schiaccianti e, francamente, disastri di progettazione.
I colori dell'arcobaleno di oggi sono tutt'altro che disastrosi. Sono di classe, semplici e forniscono la giusta quantità di colore per un numero sorprendente di progetti. Le tavolozze Rainbow non sono solo per piccoli siti web; grandi marchi tra cui il Conferenza Universo Github , Compagnie aeree del Sud-ovest e Grammatica di Londra Il canale Spotify utilizza tutti pattern arcobaleno interessanti.
Ancora più interessante è che ogni design utilizza lo stesso concetto di colore in modi molto diversi.
- Elementi di testo arcobaleno in un'estetica scura: Github utilizza una semplice estetica scura con testo colorato arcobaleno e elementi dell'interfaccia utente per attirare l'attenzione dalle informazioni chiave (come la data) al principale invito all'azione (vendita biglietti). Il gradiente arcobaleno è semplice e sottile, mentre crea l'atmosfera di opportunità e ottimismo. Sembra la combinazione giusta per incoraggiare gli utenti a registrarsi per una conferenza.
- Southwest Airlines prende un altro approccio con elementi di sfondo arcobaleno e il testo riempie un elemento contenitore più leggero. L'accento arcobaleno fornisce un punto di riferimento visivo per un sito che ha contenuti che potrebbero essere interpretati come noiosi. Il colore dà al caso di studio un po 'più di vita per incoraggiare i clic.
- La London Grammar usa un arcobaleno gigante per attirare gli utenti nella collaborazione di esperienza di mixaggio del suono con Spotify. Il blob arcobaleno si sposta e si muove con un'animazione lenta che sembra gel in acqua. I colori si muovono e si fondono ed è qualcosa che potresti guardare tutto il giorno se non stai attento. Anche l'aspetto della gamification dell'elemento colorato è interessante, ma il colore è sicuramente ciò che attira in primo luogo gli utenti.
2. Collapse of the Hero Header
L'intestazione gigante di foto o slider hero è da anni un punto di riferimento per il design di siti web. Ma c'è una tendenza ad allontanarsi dal modello con più designer che optano per una struttura più minimale rispetto alla struttura a scorrimento con più elementi e una sensazione meno costruita.
Il risultato sembra essere una tendenza con più intestazioni bianche o chiare che hanno un'infarinatura di parti che fluttuano intorno. Questa tendenza ottiene recensioni un po 'contrastanti. Alcune delle immagini sono interessanti, ma nel complesso sembra esserci una mancanza totale di punti focali per gli utenti e un insieme chiaramente definito di azioni da intraprendere.
La cosa bella del collasso dell'intestazione dell'eroe è che l'approccio minimale fa apparire gli utenti. È diverso. La domanda è se c'è abbastanza messaggistica per portare il loro interesse a lungo o se gli utenti risponderanno positivamente a un'esperienza del sito meno visiva.
Questa è una tendenza da osservare, perché è probabile nelle prime fasi dell'evoluzione. I progettisti sono pronti a fare qualcosa di diverso con la parte superiore delle pagine (e in modo comprensibile). Questa iterazione di progetti è solo il primo passo verso qualcosa di nuovo. Alcuni designer potrebbero essere turbati dalla strana combinazione o parti di elementi al di sopra del rotolo nella maggior parte di questi concetti di design finora. Resta da vedere dove andrà la tendenza, ma vale la pena di tenerlo d'occhio.
3. Modelli animati scuri
Questa potrebbe essere la tendenza più divertente nel design del sito web in questo momento: effetti animati scuri stratificati sopra schemi di colori scuri. Il concetto di dark on dark è misterioso, visivamente interessante e fa davvero guardare all'utente e interagire con il design.
Inoltre, può funzionare in tanti modi diversi. Non esiste un set per la dimensione o il tipo di animazione o l'effetto. Ciascuno degli esempi seguenti utilizza effetti animati scuri in diversi modi che incoraggiano una sorta di interazione dal movimento automatico al passaggio del mouse sugli effetti ai flash di sorpresa (dovrai fare clic sui collegamenti per trovarne uno).
Mentre questi design sembrano davvero fantastici, possono anche presentare alcune sfide. Non tutti gli utenti sono entusiasti di un'estetica così oscura. Potrebbe non funzionare bene in tutte le condizioni ambientali. Questi disegni hanno sicuramente un aspetto e una funzione migliori sugli schermi desktop rispetto ai dispositivi più piccoli.
Ma la tendenza del design ha un posto per i designer che vogliono creare qualcosa di un po 'diverso, con un certo mood e un aspetto trendy.
C'è anche qualcosa sulle combinazioni di tonalità scure senza un sacco di colori che ti attirano dentro. (È una specie di inspiegabile).
Per sfruttare al meglio l'oscurità in caso di oscurità, assicurati di utilizzare una varianza sufficiente nei toni scuri per assicurarti che gli elementi siano visibili e che i movimenti siano visibili. Usa i neri ricchi con un sacco di sottotoni per impostare l'umore giusto per ogni progetto.
Mentre gli esempi sotto tutti mancano completamente del colore, si consideri una tonalità contrastante diversa dal bianco per i punti chiave di enfasi. (Un pulsante colorato di invito all'azione risalterebbe in realtà con la quantità di contrasto fornita da tutte le immagini nere.)
L'altra comunanza con questa tendenza è nella semplicità delle animazioni utilizzate. Nessuno dei movimenti è eccessivamente complesso. È semplice e snella come la tavolozza dei colori, che contribuisce in modo determinante al successo generale della tendenza del design.
Conclusione
Il cambiamento nell'uso del colore presentato dalle tendenze di questo mese è sia interessante che efficace. I colori dell'arcobaleno sono molto divertenti ed edificanti, mentre i minimi schemi bianchi e scuri offrono molto spazio per l'introspezione e la riflessione. Le scelte di colore si connettono davvero a come i designer si sentono riguardo a un progetto.
Quali tendenze stai amando (o odiando) in questo momento? Mi piacerebbe vedere alcuni dei siti web di cui sei affascinato. Lasciami un link su Twitter ; Mi piacerebbe sentirti.