Tendenze essenziali del design, marzo 2017
Ecco il punto di enfasi ...
Questo è il tema di questo mese. Questa collezione di tendenze si concentra sull'aggiunta di enfasi al design con dettagli specifici dal corsivo agli schermi suddivisi in sfondi essenziali e minimalisti, abbinati a uno o due trucchi.
Ecco cosa è in voga nel design questo mese:
1. Schermi divisi
Il design a schermo diviso è stato qualcosa che ha iniziato a guadagnare trazione a metà 2016 e ora è un grosso problema. Sfoglia le raccolte di design del sito web e i contorni dello schermo diviso sono ovunque.
La cosa bella è la rapidità con cui lo stile si è evoluto. I primi progetti a schermo diviso presentavano design prevalentemente simmetrici con un'estetica di stile yin e yang. I nuovi schermi divisi hanno un tocco "tutto va bene" per loro.
I tre esempi seguenti mostrano tre modi molto diversi di utilizzare la stessa tendenza.
- renza usa un design diviso per contenere un video in loop e la navigazione principale. Il contrasto tra l'area bianca e il rosso è netto e costringe lo sguardo attraverso lo schermo. Garantisce inoltre che l'utente trovi la navigazione perché è l'unico elemento all'interno della parte colorata del disegno.
- GECN è un complesso sito governativo che utilizza uno schermo diviso per trasmettere due idee diverse con due collegamenti immediatamente nel design. Sebbene la suddivisione non sia a schermo intero e contenga molto testo, questa è una buona alternativa per un design con un sacco di inviti all'azione, basi di utenti o contenuti complicati.
- vergognoso usa un concetto simile a Rency ma con una svolta: il design presenta un loop video a schermo intero e metà di esso è coperto da una scatola colorata. Tutti gli elementi cliccabili si trovano all'interno dell'area colorata e il menu di navigazione è nascosto nell'angolo in alto a destra del video.
Ciò che ciascuno di questi esempi ha in comune è che il design a schermo diviso aggiunge enfasi al contenuto. Aiuta a guidare gli utenti verso elementi specifici del design attraverso l'uso del colore e con movimenti reali o percepiti, grazie a "schermate" contrastanti.
La parte migliore dei nuovi design a schermo diviso è che c'è un flusso asimmetrico verso di loro. I designer non sono bloccati in un formato yin e yang e il risultato sono modelli visivi molto più interessanti.
2. Corsivo
Uno degli stili di caratteri meno utilizzati è ottenere più gioco come opzione di visualizzazione.
Il corsivo si sta facendo strada nelle tavolozze tipografiche dei designer, e non solo per il punto occasionale di enfasi. Più corsivi vengono utilizzati per caratteri tipografici di visualizzazione, elementi secondari come collegamenti o voci di menu o per maggiore enfasi.
Il corsivo è una novità sui tuoi tipi di stile tipici. Perché non sono così ampiamente utilizzati, questa tendenza è quella che è sicuro di catturare l'attenzione dei visitatori, anche se non sono sicuri di ciò che riguarda le lettere ha ottenuto la loro attenzione in primo luogo.
Il corsivo è un cambiamento sottile che non richiede nemmeno una nuova tavolozza tipografica. Arrivano con alcune precauzioni e suggerimenti per le migliori pratiche.
- Per sfruttare al meglio il corsivo usale con parsimonia per piccoli blocchi di testo.
- Usa un carattere tipicamente leggibile se intendi scrivere in corsivo; le opzioni di novità possono essere complicate.
- Usa il carattere tipografico in corsivo e non provare a creare la tua versione con lettere oblique. (Che può diventare complicato in fretta).
- Usa il corsivo per rappresentare elementi comunemente in corsivo, come il titolo di qualcosa, come vetrine in molti degli esempi qui sotto.
- Associare il corsivo con un effetto semplice, ad esempio un'animazione o un colore, per un'enfasi ancora maggiore.
- Poiché il corsivo può essere un po 'più difficile da leggere, assicurati che ci sia un sacco di contrasto tra il tipo e lo sfondo.
- Associa opzioni di tipo corsivo con un semplice carattere serif o sans serif in modo da non sminuire il corsivo.
3. Sfondi solidi con un 'trucco'
Uno dei modi più semplici per creare l'enfasi visiva è con elementi contrastanti. Mentre uno sfondo a tinta unita può sembrare semplice o piatto, può essere la tela perfetta per un trucco di design, come animazione, illustrazione o suono.
Il contrasto tra il rigore dello sfondo e il trucco, aiuta a rendere vivo l'elemento dell'interfaccia utente. Dai semplici quadrati che rimbalzano nel Design 3K al divertente cartone animato di Retrace Health allo scorrimento di parallasse di Florian Monfrini .
Ciascuno degli effetti si distingue per la semplicità dello sfondo. Inoltre, questi sfondi non interferiscono con il design. Ognuno è bianco o pastello e sfuma dai primi piani in modo che gli utenti si concentrino sulla messaggistica del contenuto principale. (Gli sfondi scuri neri o semplici possono funzionare altrettanto bene.)
Questo è il motivo per cui funziona: gli utenti non sono intrappolati nella tela e il design quasi scompare dallo schermo. È quasi come l'arte su un muro. Se il muro è dipinto con colori e motivi selvaggi, può essere difficile vedere l'immagine incorniciata per cui sei lì, ma un pezzo d'arte su un muro bianco è un pezzo forte.
Questa tendenza di design crea un fiore all'occhiello che avresti voluto incorporare in un progetto. Può essere quasi tutto. E sarà il momento clou del design con una semplice tela per visualizzarlo.
Un avvertimento quando si pianifica una scelta di colore per uno sfondo semplice: per la maggior parte dell'impatto attenersi a un colore bianco, nero o neutro. I colori vivaci e brillanti sono quasi un trucco di design in sé e potrebbero sminuire il tuo obiettivo.
Conclusione
Ogni design deve porre l'accento su qualcosa. Ecco perché questo gruppo di tendenze è così rinfrescante. Ognuno sottolinea qualcosa di importante per gli utenti con un modo semplice di comprendere enfasi. Gli utenti sanno esattamente cosa significa il corsivo e possono vedere la varianza in schermi divisi o sfondi che contrastano con gli elementi dell'interfaccia utente.
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.