3 Essential Design Trends, agosto 2017
Se le giornate canine estive ti fanno desiderare un cambiamento di scenario, le tendenze del web design di questo mese sono l'inizio perfetto. Mentre il minimalismo è stato lo stile "it" di recente, più designer stanno iniziando a spostarsi verso ulteriori dettagli e funzionalità all'interno del layout. I modelli di design sorprendenti che stiamo iniziando a vedere sono una nuova alternativa agli stili essenziali a cui ci siamo abituati.
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. Tipografia sottile (ner)
Il tipo sottile è tornato! I caratteri tipografici sottili hanno subito un brutto colpo quando Apple ha optato per un carattere super sottile e leggero per il suo sistema operativo con iOS 7.
I progettisti si sono opposti all'opzione che è stata un po 'difficile da leggere e che ha contraddistinto diverse tendenze di design in quel momento. (Flat era di gran moda, ma alcuni hanno sostenuto che il quasi piatto di Apple combinato con il tipo di carattere ultrasottile era troppo.) Allo stesso tempo, i caratteri più ampi e audaci sono diventati l'elemento dominante per il titolo e la tipografia del sito web sulle immagini degli eroi sopra lo scroll .
La marea sta iniziando a cambiare direzione. I caratteri tipografici sottili di oggi sono leggermente più sottili di quelli a cui siamo abituati, ma non sono così sottili come l'opzione Apple.
La cosa migliore di optare per un carattere tipografico più sottile è che hai un po 'più di libertà con il design. Mentre i caratteri sottili non sono raccomandati per la copia del corpo, possono funzionare bene in formati più grandi quando c'è molto contrasto.
Gli esempi qui sotto mostrano tutti alcuni dei migliori usi dei caratteri più sottili:
- Usa un carattere tipografico sottile in maiuscolo per creare un titolo di grande impatto. Questa opzione spesso funziona meglio con solo poche parole, come ad esempio Safari africani di lusso , sotto. È ugualmente importante pensare al lettering in relazione alle lettere effettive; alcune parole possono essere difficili da leggere in caratteri o cappucci sottili.
- Abbina un tipo di carattere sottile con un'opzione più audace per creare enfasi, come ad esempio WebDesignStudio , sotto.
- Utilizzare un carattere tipografico più sottile a colori (su uno sfondo a contrasto) per aggiungere enfasi visiva, come ad esempio Leeds Golf Center , sotto.
Cerchi ispirazione? Ecco cinque tipi di carattere Google che si adattano al disegno di legge (e sembreranno grandiosi): Source Sans Pro , dosis , Ambito di applicazione , Rajdhani , Martel Sans .
2. Dettagli elaborati
Dai divertimenti divertenti ai trattamenti tipografici elaborati agli elementi dell'interfaccia utente che creano delizie inaspettate, i dettagli elaborati diventano sempre più comuni. Il trucco per creare qualcosa di elaborato è renderlo il più semplice possibile per l'utente, il che significa che deve essere facile da capire e da usare.
Il bello dei dettagli è che possono aggiungere molta personalità a un progetto. Questi elementi possono trasportare attraverso supporti dai progetti di siti web al design del prodotto agli elementi stampati in modo che tutto da un marchio abbia lo stesso qualcosa di speciale visivamente. (Questo è un modo eccellente per stabilire la coesione del marchio.)
Questi dettagli possono apparire in diversi modi e dovrebbero sempre aggiungere all'effetto generale, non distoglierlo. I dettagli elaborati vengono utilizzati al meglio per una singola istanza nel design e non devono sopraffare gli utenti. L'uso di qualcosa elaborato troppe volte può finire per creare l'opposto dell'effetto desiderato e in realtà sopraffare visivamente gli utenti. Quindi una volta trovato il tuo "trucco", usalo una volta e usalo bene.
Il Gruppo degli antenati , sotto, usa uno stile elaborato con un logotipo vecchio stile con svolazzi colorati sopra il titolo. Lo stile del tipo è raro per il web design e combinato con il logotipo elaborato, è una combinazione sorprendente. Ma puoi anche vedere come questo design può essere efficace solo con un singolo utilizzo. Il carattere tipografico potrebbe essere difficile se usato per grandi blocchi di testo e lo stile potrebbe intralciare la messaggistica. Qui, il team di progettazione lo ha usato perfettamente.
Sedie da ufficio Vitra , sotto, utilizza elaborate animazioni dell'interfaccia utente per coinvolgere gli utenti. La homepage include un pulsante "Trascina" che si apre nel menu della linea di prodotti. Lo sfondo rimane lo stesso in entrambi i pannelli in modo che le sedie vengano sempre evidenziate nella bobina video. Le animazioni tra i clic sono ugualmente interessanti e anche se non sei pronto ad acquistare una sedia, è consigliabile spostarsi all'interno del sito web.
A volte il design più elaborato non include effetti super-speciali. Solo Kite School , in basso, utilizza un video divertente e un logotipo di grandi dimensioni per una combinazione che attira l'attenzione. Mentre il logotipo di grandi dimensioni sembra semplice, creare una tipografia che sia sia leggibile che funzionale in quel modo può essere difficile. Qui funziona perfettamente e l'atmosfera delle lettere corrisponde a ciò che ti aspetteresti da questo tipo di attività.
3. Logo icone
È un'icona o un logo? La linea tra i due elementi di design è sempre più attraversata. I loghi in stile icone stanno spuntando ovunque.
Tratti dallo stile minimalista, e poiché funzionano in una varietà di applicazioni, i loghi delle icone possono essere ispirati al colore o alla grafica. La maggior parte degli usi si rivolge a un logo di stile più piccolo in una forma che verrà trasferita anche ai siti di social media per un marchio coerente online.
Il rovescio della medaglia di un logo icona è che non c'è molto spazio per un nome effettivo dell'azienda. I migliori logo di icone sono progettati in modo che possano stare da soli o accanto a caratteri, come ad esempio District0x , sotto. Nota come la colorata icona a forma di "d" potrebbe funzionare da sola: ha un bell'aspetto nel formato del logo Twitter della circonferenza a causa della forma asimmetrica e non si sente nel modo in cui viene abbinata al marchio completo.
Mobili Jardan e Faro di Nobbys , di seguito, optare per altri semplici stili di icone con il nome del marchio impostato in basso. Mentre questa è un'opzione popolare, può creare qualche disconnessione tra il nome e il logo. Optare per i posizionamenti che collegano gli elementi, entrambi gli esempi centrano il logo e il nome della società composta per creare un percorso visivo da un elemento all'altro.
Conclusione
È divertente da guardare quando le tendenze iniziano a spostarsi da una dinamica all'altra. Pensi che stili più dettagliati sostituiranno il minimalismo? O è solo una moda passeggera?
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.