Tendenze essenziali del design, aprile 2016
Di questi tempi, il design del sito web sembra davvero felice. Forse perché la primavera è nell'aria o forse c'è solo una buona atmosfera in giro. In entrambi i casi, le tendenze del design del sito web di questo mese riflettono questa sensazione ascendente, con fantastiche illustrazioni in stile icone, grandi fotografie e colori brillanti.
Ecco cosa è in voga nel design questo mese:
1) Illustrazioni in stile icone
È difficile non amare una grande illustrazione. Alcune delle migliori illustrazioni che stiamo vedendo in questo momento hanno un aspetto più simile a quello di un'icona. Viene fornito con alcune caratteristiche chiave:
- Elementi illustrati semplici e piatti (nota come tutte le minuscole illustrazioni sono combinate nel sito di Confederation Studio)
- Colore brillante o semplice colorazione con tonalità primarie
- Forme geometriche con uno scopo interattivo
- Elementi con l'aspetto grafico dell'icona, meno il contenitore, quindi visivamente lo si vede come un disegno e non come un pulsante
- Effetti illustrativi disegnati a mano
- Elementi che assomigliano a icone, ma occupano molto più spazio sulla tela di un'icona
- Semplici disegni in stile linea (come lo stile di Draw a Better 2016)
La cosa bella di questa tendenza è che funziona per incorporare un elemento di fantasia in un progetto di design senza sentirsi schizzinosamente stravaganti. Crea un buon equilibrio di fatto a mano e professionale. Ha anche un aspetto un po 'più maschile di molte altre tendenze che si concentrano su un tocco stravagante, come ad esempio l'acquerello o il lettering scritto a mano.
Anche se non sei un illustratore, questa è una tendenza che puoi sfruttare. Ci sono molti fornitori, pagati e gratuiti, che creano kit di icone vettoriali. Cerca un kit che includa tutti i file di forma reali in modo da poter separare i pezzi, cambiare i colori e mescolare e abbinare le parti per creare un'iconografia illustrata sovradimensionata per i tuoi progetti.
2. Più grande della fotografia di vita
Una foto o un'immagine grande e audace fa una prima impressione sbalorditiva. Ecco perché così tanti designer scelgono le immagini più grandi, quindi le immagini di vita per attirare gli utenti nei loro progetti di siti web. Questo elemento di design può essere sorprendente, interessante ed essere un'ottima alternativa se hai una o due grandi immagini, ma non una grande libreria con cui lavorare.
Ma devi essere disposto a sentirti un po 'a disagio per arrivarci.
Per sfruttare al massimo la tendenza fotografica più ampia della vita devi essere disposto a fare una delle tre cose con il design:
- Ritaglia una foto in modo così preciso da occupare una porzione significativa dello schermo, in modo che l'immagine venga ridimensionata in proporzione più grande della realtà
- Ingrandisci a un livello quasi scomodo con immagini di persone e volti per mostrare ogni dettaglio
- Metti in scena una foto standard ma aggiungi un elemento diverso o interessante in un modo un po 'inaspettato
Tutte e tre queste tecniche potrebbero essere piuttosto scomode all'inizio. Colture intense, facce super-strette e stranezze possono farti diventare un po 'a disagio all'inizio. Approccia l'aspetto visivo di questo tipo di design in modo leggermente diverso. Inizia con l'opzione più grande o più strana possibile. Quindi retrocedere con piccoli incrementi e valutare come ti senti riguardo all'immagine. Probabilmente potresti finire per tornare a una delle opzioni precedenti.
Con questo approccio ti permetti di vedere il design e le immagini in un modo diverso. Questo è ciò che rende questa tendenza così sorprendente: le immagini sono diverse. Attirano gli utenti perché le forme, le colture e gli stili generali sono così diversi dalla maggior parte dei siti web che un utente attacca ogni giorno.
3. Scelte di colori brillanti
Il colore è brillante e audace. La tendenza ha influenze radicate in Material Design. Anche se il materiale è uno stile di progettazione basato sull'interazione, alcuni componenti visivi stanno guadagnando la trazione da soli. Questo vale per il colore in particolare.
Perché utilizzare una tavolozza di colori in stile Materiale se il resto del design non è Materiale? È un modo semplice per aggiungere un elemento alla moda a un progetto senza una riprogettazione su larga scala. Puoi quasi aggiungere un colore brillante e lasciare il resto del design da solo con poche modifiche al CSS o alle immagini.
Qual è il colore del materiale? Non c'è una definizione perfetta, ma ecco come la descrive Google: "Il design del colore nel materiale è ispirato da tinte audaci giustapposte ad ambienti silenziosi, ombre profonde e luci brillanti. Il materiale prende spunto dall'architettura contemporanea, dai cartelli stradali, dal nastro per le marcature e dai campi sportivi. Il colore dovrebbe essere inaspettato e vibrante. "- https://www.google.com/design/spec/style/color.html
Se sei interessato a creare una tavolozza di colori basata sui materiali e hai bisogno di un punto di partenza, prova Tavolozza materiali. http://www.materialpalette.com/
Le opzioni di colore audaci sono bellissime e si distinguono in molti dei progetti più attenuati in stile minimal che sono stati popolari. Azzurri luminosi, verdi e gialli sono particolarmente apprezzati come accenti nella tavolozza dei colori. La tendenza sembra concentrarsi su tocchi di colore del materiale, non su tavolozze di colori su vasta scala.
Per un progetto che davvero stupisce, ci vuole molto più di un semplice colore. L'umore del progetto dovrebbe essere altrettanto brillante.
- Nota come Lefty si accoppia verde brillante con immagini di persone felici e sorridenti per creare uno stato d'animo travolgente.
- BNP Paribas utilizza un verde brillante per portare gli utenti in un'interfaccia di gioco che si trova su uno sfondo più scuro.
- Big Drop utilizza un grassetto giallo (e blu, rosso e verde sul rotolo) con immagini chiare e un divertente carattere tipografico per attirare gli utenti, rendendo il sito aziendale meno formale.
Il trucco per aggiungere suggerimenti ai colori ispirati a Material Design non è quello di perdere il tuo marchio. Non ripetere l'intera tavolozza dei colori in base a una tendenza; piuttosto trovare un modo per incorporare colori brillanti senza travolgere il design. Gli esempi di utilizzo sono ottimi modi per pensarci: utilizzare una semplice forma colorata come elemento visivo, provare un titolo dai colori vivaci o utilizzare pannelli di colori brillanti per creare un'esperienza interattiva più coinvolgente per gli utenti mentre scorrono lungo la pagina.
Conclusione
È fantastico quando alcune tendenze possono renderti felice. Questo è ciò che questo gruppo fa con il colore e con le scelte di tipo e con le immagini. Forse non è solo l'influenza della primavera e continueremo a vedere questi elementi in ancora più disegni nei mesi a venire.
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.