3 Essential Design Trends, febbraio 2018
A volte le tendenze del design sono difficili da vedere, anche quando le stai cercando. Questo mese non fa eccezione con le tendenze che includono l'uso di cerchi nel design, i layout a schermo diviso e gli sfondi scuri con testo chiaro.
Questi elementi potrebbero sembrare strumenti di progettazione comuni, ma quando vengono utilizzati in modi simili su tutta la linea, iniziano a emergere tendenze distinte.
Ecco cosa è in voga nel design questo mese:
1. Cerchi
I significati impliciti e le associazioni di cerchi nel design possono avere molto a che fare con il loro utilizzo. Le cerchie implicano un senso di completezza e armonia. Sono usati per rappresentare amore, energia e potere. (È abbastanza sorprendente che più progettisti non usino cerchi regolarmente).
Mentre gli usi più comuni delle cerchie sono stati recentemente sotto forma di pulsanti o inviti all'azione grazie al Material Design di Google, i cerchi assumono ruoli di design più forti.
La cosa che può essere difficile per i cerchi è la tela e la forma dei siti Web, sia chiaramente orizzontale (schermi desktop) o verticale (schermi mobili). Quindi il design deve utilizzare cerchi nello spazio in modo che la forma non si perda nel formato responsive. Ognuno degli esempi seguenti fa un buon lavoro o mantiene il flusso circolare senza perdere la forma mentre la tela si sposta.
KymberleeJay usa un grande cerchio rosa per attirare l'attenzione sulla copia principale sullo schermo. L'occhio si sposta direttamente dal viso della donna alla forma rotonda e forte.
Buddha Pizza implica un cerchio con testo e ingredienti che circondano una fetta. Parte di ciò che fa apparire il cerchio è l'idea che una pizza sia spesso rotonda. Anche con l'immagine triangolare al centro dello schermo, il cerchio è ovvio.
Hotel Poispois usa cerchi fluttuanti per creare interesse visivo, ma fungono anche da pulsanti giganti che portano gli utenti a diverse parti del sito web.
2. Schermi divisi
I design a schermo diviso sono una di quelle tendenze che cresce in popolarità e poi scompare, ma sembra sempre tornare indietro. L'ultima iterazione della tendenza include sia schermate divise in grassetto che abbinamenti più sottili.
Il bello dei design a schermo diviso è che funzionano magnificamente con il formato responsivo. Ottieni contenuti doppi sul desktop e contenuti impilati su schermi mobili. Indipendentemente dal dispositivo, l'utente non sente di aver perso qualcosa cambiando tipo di dispositivo.
Il design a schermo diviso offre anche una soluzione per avere doppi pezzi di contenuto con un'importanza quasi uguale. È possibile mostrare più elementi e offrire contemporaneamente due diversi corsi di azione (e le chiamate associate all'azione) sullo schermo.
Questo concetto mette gli utenti sotto controllo del design, consentendo loro di sentirsi come se ci fosse una scelta su come interagire con il contenuto.
Taco Bill Il sito Web è un ottimo esempio di questo. Il design pone immediatamente una domanda agli utenti: vuoi ordinare il cibo o vuoi prenotare una prenotazione. Il design a schermo diviso non si limita a rendere il design più facile da usare, ma mostra agli utenti che hanno più opzioni visivamente.
Nikos Pandazaras prende un altro approccio con il design del sito web portfolio fotografico. Il sito mostra due foto verticali affiancate alla navigazione nel mezzo. È un approccio diverso per un design in stile portfolio ma efficace in quanto gli utenti possono vedere immediatamente più immagini. Lo stile dello schermo diviso implica che entrambe le immagini hanno lo stesso peso e una non è più importante dell'altra.
D'Aucy usa un'estetica split screen più sottile. Un lato include un'immagine su uno sfondo con texture accoppiato con lo stesso colore di sfondo senza alcuna trama e un titolo. Il design è un buon modo per aiutare a disegnare l'occhio attraverso lo schermo in modo che tutti i contenuti siano visualizzati.
3. Sfondi scuri, testo bianco
Sfondi scuri e testo bianco sono una combinazione classica. Ma questa tendenza sta emergendo con una svolta: c'è il video o l'animazione sullo sfondo scuro.
Se il movimento è sottile, come Top proprietà , o veloce e furioso, come Bullismo e comportamento , l'azione in background è ciò che aiuta anche a disegnare gli utenti. La mancanza di colore aggiunge un elemento di mistero e rende la scena un po 'più allettante.
Il tipo bianco aggiunge l'originalità del design. Mentre è facile da leggere, questa è una buona cosa, il testo non è travolgente del design. Questi progetti sono un po 'più grezzi per natura. L'elemento visivo guida è il movimento nello spazio scuro dello sfondo. Tutti i progetti sottostanti sono dotati di animazioni in loop che aiutano a creare un'idea per i progetti.
Più scuro è lo sfondo con questi disegni, più mistero creano. Gli sfondi più scuri aumentano anche la leggibilità a causa della quantità di contrasto con il testo bianco. La velocità delle animazioni può creare un senso di calma o frenesia.
È piuttosto spettacolare la quantità di informazioni che possono derivare da ciò che a prima vista sembra un progetto così semplice.
Conclusione
La cosa bella di questa collezione di tendenze è che sono tutte cose che puoi implementare in quasi tutti i progetti di design. L'uso di cerchi, schermi divisi e sfondi scuri non si limita a un certo stile di design. Puoi usare queste idee per rinfrescarci un sito che si sente un po 'vecchio o incorporarlo in un nuovo progetto.
Come in ogni tendenza, pensa al contenuto e al contesto prima di iniziare. Il piano visivo ti aiuta a raggiungere il tuo obiettivo generale con il design?