3 Essential Design Trends, giugno 2017
A volte un semplice design tweak può spostare il tuo design del sito web da ordinario a trendy. Ognuna delle tendenze di questo mese è quel tipo di tecnica, dalla piccola tipografia alle caratteristiche geometriche alle immagini sfocate. Ognuna di queste tecniche può funzionare in un nuovo progetto di design o come adeguamento a un progetto esistente.
Ecco cosa è in voga nel design questo mese:
1. Testo "minuscolo"
Sembra che la tipografia sovradimensionata sia una cosa del passato? Il testo più piccolo, quasi "minuscolo" ha iniziato a sostituire le grandi intestazioni in grassetto che sono state un punto fermo del design di un sito web per un po 'di tempo. Dai titoli più piccoli al testo del corpo che sembra scarso, c'è stata una tendenza precisa nel ridimensionamento della tipografia.
Mentre ci potrebbero essere alcune preoccupazioni sulla leggibilità quando si tratta di piccole dimensioni del testo, in particolare per il corpo del testo, i caratteri più piccoli non sono una brutta cosa. La tipografia sovradimensionata era quasi iniziata verso l'appariscenza con taglie e caratteri che erano quasi troppo grandi per essere letti con facilità.
I caratteri più piccoli si sentono un po 'più morbidi e danno al design più spazio per altri elementi a cui gli occhi possono muoversi. Il trucco per l'efficacia con il tipo piccolo è quello di mantenere le lettere al minimo. Senza molto da leggere, questa tendenza può essere efficace e interessante. D'altra parte, con blocchi di grandi dimensioni di tipo minuscolo si perde e può ostacolare la capacità dell'utente di leggere con facilità e scansione di copia in modo efficiente.
Anche l'equilibrio è una preoccupazione. Tutti i caratteri tipografici devono ridursi leggermente per creare un buon senso di armonia. Moonfarmer usa un carattere tipografico leggero per il trattamento del logotipo e una piccola riga di copia secondaria. Gli elementi di tipo contrastano piacevolmente e il trattamento del tipo di luce sembra adattarsi all'atmosfera delle immagini.
Burger HTML prende quasi l'approccio opposto con un titolo in grassetto e piccole righe secondarie di testo. Le parole descrittive più leggere funzionano in piccolo perché sono parole comuni: HTML, CSS, e-commerce e contrastano in modo significativo con il titolo ancora sovradimensionato.
Il design NBA di Mountain Dew spinge tutto su piccola scala. Questo è uno dei più piccoli trattamenti che probabilmente troverai, ma combinato con la sovraimpressione X e lo sfondo video eccessivamente coraggiosi, gli utenti sono ancora attratti dal testo minuscolo.
2. Stratificazione geometrica
Nuovi modi per stratificare gli elementi sono cresciuti costantemente in popolarità. Inizialmente riportato come tecnica di progettazione mainstream e moderna dall'idea di Material Design di Google, la stratificazione geometrica è un modo diverso di aggiungere interesse visivo alle immagini che potrebbero lasciare qualcosa a desiderare.
Ognuno degli esempi seguenti utilizza un framework con forme audaci per dare nuova vita alle immagini che sono in qualche modo semplici: edifici, una foto di riunione, immagini di persone che lavorano. L'aggiunta di forme divertenti, ritagli e colori offre all'utente un punto di partenza per entrare nel design. Nota come ognuno dei disegni utilizza geometrici per spostare efficacemente l'utente da una forma al contenuto più pertinente, come un titolo o un marchio.
La geometria può essere utilizzata in diversi modi che si integrano con il resto del design:
- tagliare le immagini per mettere a fuoco importanti elementi di test come Salt Project ;
- utilizzare un elemento bordo luminoso inaspettato per creare un punto focale fuori equilibrio che porta gli utenti attraverso lo schermo come Bailey e francese ;
- metti le foto in forme insolite per aggiungere nuova attenzione alle immagini, come Alchimia digitale .
La parte migliore dell'uso della stratificazione geometrica è che è facile e funziona praticamente con qualsiasi tipo di contenuto. Gli utenti si stanno abituando ai pulsanti circolari e ad altri elementi posizionati uno sopra l'altro per un tocco interattivo multi-piano e più tattile.
Gli angoli e le curve degli elementi geometrici possono aiutare a indirizzare gli utenti da un elemento a quello successivo, e quando usati efficacemente sono un ottimo strumento direzionale. Posiziona gli angoli in modo che "puntino" al contenuto che vuoi che gli utenti vedano e utilizzi cerchi per i contenuti che devono essere visualizzati per primi.
3. Immagini sfocate
Le immagini sfocate sono una tecnica che non è nuova. Ma sembra avere una nuova vita con più disegni che mostrano immagini o video completamente o parzialmente sfocati.
Le immagini sfocate possono creare un'atmosfera distinta per un sito web con un elemento di mistero o aiutare a spostare l'enfasi dall'immagine ad un'altra parte del design. Ciascuno degli esempi seguenti utilizza la sfocatura per diversi motivi:
- Digitalux prende quello che sarebbe un noioso pezzo di video - le persone che lavorano in un ufficio - e usa il blu per aggiungere un po 'di movimento dietro al messaggio principale e invitare all'azione;
- Playkot utilizza uno sfondo sfocato per aggiungere enfasi al personaggio divertente e al trattamento di tipografia interessante in primo piano, aggiungendo un elemento di realtà a questa avventura di gioco virtuale in stile città;
- "We the Fans" di ESPN presenta uno sfondo sfocato in stile stadio che sarebbe quasi un'arena di calcio ovunque per mostrare l'anteprima di un documentario televisivo; lo sfondo sfocato aiuta a concentrarsi maggiormente sul trattamento del tipo di divertimento che è il marchio principale della serie.
Conclusione
A volte le più grandi tendenze sono passi in avanti nell'evoluzione di altre tendenze. Può essere interessante vedere il piccolo passo in avanti quasi come succede. Questo è ciò che si tende a ottenere quando si guardano gli elementi di tendenza che possono essere applicati a quasi tutti i progetti, come le tre tendenze qui esposte.
La cosa bella di queste idee è che sono applicabili praticamente su qualsiasi scala. Ad esempio, puoi aggiungere un testo minuscolo alla tua home page e vedere come il cambiamento influisce sugli utenti prima di estenderlo su una scala più ampia. Le prove e i test a questo livello aiuteranno a prevedere se una tendenza come questa avrà il potere o si affievolirà rapidamente.
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.