Le tendenze nel web design possono cambiare e sbiadire quasi con la stessa rapidità con cui diventano alla moda. Ma finora, nel 2013, una manciata di tendenze sembra davvero prendere d'assalto il web design, e sembra che si stia attenuando.
Oggi esamineremo dieci tendenze negli elementi web moderni e presenteremo alcuni esempi eccezionali di ciascuno: tutto, dalla tipografia vintage ai cerchi, ai colori vivaci e alle vCard a portata di mano. Ancora meglio per te è che tutti gli esempi qui sotto sono disponibili per il download (alcuni gratuiti, alcuni a pagamento).
1. Tipografia vintage
Grande, audace stile retrò in stile è estremamente popolare in questo momento. Lo stile è ideale per progetti in cui mancano immagini forti o in combinazione con immagini nitide creando interesse con le scritte.
Questa tendenza è quella che esiste da un po 'di tempo e non sembra mai invecchiare. Ciò che cambia è il modo in cui vediamo lo stile di tipo classico utilizzato.
Al momento, la tipografia vintage è più comunemente un punto focale in uno schema di design minimalista. Inoltre, i designer stanno giocando davvero su tipo vintage e pochissimo colore, come palette in bianco e nero o una manciata di colori tenui. (Alcuni anni fa, la tipografia vintage era popolare in combinazione con colori audaci).
Retro insegne e distintivi tipografici: Con sei stili, tutti con caratteri tipografici gratuiti, la creazione dell'aspetto vintage non è mai stata così semplice. Ogni stile viene inoltre fornito con un'immagine di sfondo coordinata. ($ 5)
2. Effetti realistici
Mentre il dibattito piatto contro il snouomorfismo continua a imperversare, i designer stanno ancora adottando effetti tridimensionali, simili alla vita. Dalle ombre, agli angoli sollevati, alle trame, così come molti designer usano ancora queste tecniche. (Anche se la maggior parte della conversazione è incentrata sui meriti del design piatto).
La chiave per un buon set di effetti realistici è sottigliezza. Gli effetti dovrebbero rispecchiare la realtà. Le ombre dovrebbero seguire schemi di luce nel disegno, i biselli dovrebbero aggiungere consistenza e le sfumature devono servire a uno scopo.
Ombre web realistiche moderne: Questo kit contiene elementi con bordi sollevati, ombre ed effetti 3D. ($ 6)
3. Colore vibrante
Il design piatto ha ispirato molte tendenze secondarie, compreso l'uso di palette di colori brillanti con più tonalità rispetto a quelle utilizzate da alcuni designer. Le tendenze ora sono tavolozze di colori super luminose, vivaci e saturi per il web design e le app. Invece di selezionare due o tre colori su cui costruire, i designer stanno creando tavolozze di colori ampie con un massimo di cinque colori.
Queste tavolozze tendono ad essere utilizzate in due modi: un sacco di colori vivaci in tutto il design. Pensa a una tonalità di rosso, giallo, arancione, blu, verde e viola, oltre al bianco e nero. O queste tavolozze si concentrano su tinte di un unico colore vibrante. Entrambe le opzioni sono particolarmente popolari.
Il colore vibrante trasmette un tono di cui i designer devono essere consapevoli. Un sacco di colori alti può sembrare leggero e divertente e potrebbe non funzionare per alcuni tipi di progetti. Il colore vibrante monotono è più attenuato.
Colori uiGo: Il kit di interfaccia utente iOS piatto contiene una varietà di elementi nello stile piatto, utilizzando un sacco di colori. ($ 8)
4. Nastri
I nastri sono un elemento che i designer usano da molto tempo. Ma sembrano essere in qualche modo un ritorno. Particolarmente apprezzati nei design di siti di una sola pagina, i nastri sono lo strumento ideale per annunci semplici, come? Prossimamente? - o per mostrare un premio o un riconoscimento.
80 nastri Web Premium: Questo kit nastro contiene nastri in quasi tutte le forme, formati e direzioni che si possano immaginare, con opzioni di colore personalizzabili. ($ 2)
5. Icone piatte
Con il flat come la tendenza di fatto del 2013, la maggior parte dei designer sta saltando la possibilità di usarla in qualche modo. Le icone sono una delle scelte più popolari a causa della loro flessibilità. Un designer può utilizzare elementi piatti in combinazione con altri? Meno piatti? elementi nel design generale del sito, qualcosa che sta diventando sempre più comune mentre il design piatto si estende al design quasi piatto.
Oltre alle icone piatte, i pulsanti piatti sono anche popolari per i progettisti che desiderano incorporare un tocco di tendenza nei progetti. Persino Yahoo include pulsanti e icone in stile piatto all'interno della struttura del sito, che non è propriamente piatta.
Icone piane del tempo: Nove icone del tempo semplici e ben disegnate. ($ 3.99)
6. Logo o badge vintage
Loghi e distintivi vintage riproducono la tendenza del vintage con un ulteriore livello di stile. I badge sono particolarmente di tendenza quando si tratta di siti che utilizzano strumenti ed effetti di gamification. Questi loghi semplici non sono solo classici ma lo stile semplice può essere facilmente creato e replicato in diversi modi. Ci vogliono solo una manciata di bei caratteri tipografici e forme di base.
La tendenza attuale - come la tipografia vintage - si concentra su effetti minimi per questi badge con poco colore o stile aggiuntivo. Forme forti e lettere in grassetto sono popolari.
Set di badge logo vintage: Questo pacchetto contiene otto diversi loghi bicolore in stile vintage. La varietà di stili inclusa offre molta flessibilità. ($ 4)
7. Carte
Sebbene molte delle schede o delle tessere del sito Web che stiamo visualizzando non siano necessariamente progettate in stile piatto, si sono evolute dal concetto di design piatto e metropolitano.
Queste semplici scatole vengono utilizzate in vari modi. Le carte o le tessere sono anche una tecnica popolare per organizzare i contenuti in progetti di progettazione reattivi perché si organizzano e si impilano piacevolmente in una varietà di formati.
Una volta che uno stile è stato progettato, è facile utilizzarlo in altri modi. Schede per informazioni di contatto (quasi con un biglietto da visita digitale), schede per collegamenti o altre informazioni, schede per evidenziare portafogli o immagini. La tendenza funziona perché è altamente flessibile
Interfaccia vCard: Aggiungi una biografia, un lavoro, informazioni di contatto e link ai social media in un semplice formato in stile carta.Questo kit viene fornito come download PSD o CSS. (Gratuito)
8. Cerchi
Cerchi, manopole e quadranti hanno fatto un vero e proprio ritorno. Mentre molti designer si sono allontanati dalle forme arrotondate del passato, sempre più cerchi vengono abbracciati come un modo divertente per creare pulsanti e altri elementi dell'interfaccia utente.
Parte del fascino è che possono essere progettati per assomigliare a qualcosa che dovresti toccare, imitando l'azione di premere un pulsante. Questo concetto è ideale per la progettazione di dispositivi mobili e applicazioni in cui gli utenti devono toccare o toccare elementi per far accadere qualcosa. L'effetto si sta diffondendo anche su siti web di dimensioni standard e desktop.
Pulsante Acquista semplice: Incoraggia gli acquirenti a effettuare un acquisto con un pulsante di acquisto distinto. (Gratuito)
9. Gradienti semplici
L'evoluzione del design piatto è quasi piatta? ha posto una nuova enfasi sui gradienti semplici. I designer vogliono il cambiamento di tonalità, ma vogliono che sia super-sottile.
Questo effetto funziona per sfondi, pulsanti, icone e una varietà di altri elementi. I gradienti semplici spesso non sono invadenti e possono essere un bel modo per creare profondità.
Set di sfumature CSS: Questo kit contiene sfumature semplici in otto colori pronti all'uso come punto di partenza per elementi più grandi o set di icone. Disponibile come download PSD o CSS. (Gratuito)
10. Cursori
Quando si tratta di visualizzare la fotografia o un portfolio, è difficile trovare un sito che non utilizzi alcun tipo di dispositivo di scorrimento. (Sempre più spesso stanno diventando popolari anche con i video.) La maggior parte dei cursori funzionano su una funzione di scorrimento automatico che gli utenti possono interrompere o mettere in pausa e dispongono di un'immagine di visualizzazione di grandi dimensioni e di immagini o pulsanti più piccoli che avanzano attraverso le immagini.
Gli slider funzionano con una varietà di altri stili di design: qui lo stile presenta tre versioni che possono funzionare per progetti piani o skeuomorphic. Questo strumento è un modo semplice ed efficace per mostrare un sacco di lavoro, pur mantenendo il dominio visivo.
Cursori puliti: Questo kit contiene tre stili per dispositivi di scorrimento fotografici facili da usare e sorprendenti e utilizza font gratuiti. ($ 3)
Conclusione
Guardare le tendenze è una grande fonte di ispirazione per il web design. Niente può stimolare la creatività come vedere in azione altri processi creativi. Di quali altre tendenze emergenti sei a conoscenza? Qual'è il prossimo? Condividi le tue idee nei commenti.