10 tendenze popolari negli elementi di Web design moderno
Le tendenze nel web design possono cambiare e svanire quasi con la stessa velocità con cui diventano di moda. Ma finora nel 2013, una manciata di tendenze sembra davvero prendere d'assalto il web design e sembrano rimanere attaccate.
Oggi esamineremo dieci tendenze nei moderni elementi web e mostreremo alcuni grandi esempi di ciascuno: da tipografia e cerchi vintage a colori vivaci e pratiche vCard. Ancora meglio per te è che tutti gli esempi seguenti sono disponibili per il download (alcuni gratuiti, altri a pagamento).
Esplora Envato Elements
1. Tipografia vintage
Il tipo grande e audace in stile retrò è estremamente popolare in questo momento. Lo stile funziona alla grande per i progetti in cui mancano elementi visivi forti o in combinazione con immagini nitide creando interesse per le lettere.
Questa tendenza è in atto da un po 'di tempo e sembra non invecchiare mai. Ciò che cambia è il modo in cui vediamo lo stile classico utilizzato.
In questo momento, la tipografia vintage è più comunemente un punto focale in uno schema di design minimalista. Inoltre, i designer giocano davvero sul tipo vintage e sul colore molto poco, come tavolozze in bianco e nero o una manciata di colori tenui. (Alcuni anni fa, la tipografia vintage era popolare in combinazione con colori audaci.)
Insegne e distintivi tipografici retrò : con sei stili, tutti con caratteri tipografici gratuiti, creare il look vintage non è mai stato così facile. Ogni stile ha anche un'immagine di sfondo coordinata. ($ 5)
2. Effetti realistici
Mentre il dibattito piatto contro lo scuomorfismo continua a imperversare, i progettisti stanno ancora abbracciando effetti tridimensionali e realistici. Dalle ombre, agli angoli rialzati, alle trame, proprio come molti designer usano ancora queste tecniche. (Sebbene gran parte della conversazione sia incentrata sui meriti del design piatto.)
La chiave per un buon insieme di effetti realistici è la finezza. Gli effetti dovrebbero rispecchiare la realtà. Le ombre dovrebbero seguire i modelli di luce nel design, i biselli dovrebbero aggiungere consistenza e le sfumature devono servire a uno scopo.
Ombre Web moderne realistiche : questo kit contiene elementi con bordi rialzati, ombre ed effetti 3D. ($ 6)
3. Colore vibrante
Il design piatto ha ispirato molte tendenze secondarie, incluso l'uso di tavolozze di colori vivaci con più tonalità di quelle a cui sono abituati alcuni designer. Le tendenze ora sono tavolozze di colori super luminose, vivaci e saturate per il web design e le app. Invece di selezionare due o tre colori su cui costruire, i designer stanno creando ampie tavolozze di colori con un massimo di cinque colori.
Queste palette tendono ad essere utilizzate in due modi: un sacco di colori brillanti in tutto il design. Pensa a una tonalità di rosso, giallo, arancione, blu, verde e viola, oltre al bianco e nero. Oppure queste tavolozze si concentrano su tinte di un singolo colore vibrante. Entrambe le opzioni sono particolarmente popolari.
Il colore vibrante emana un tono di cui i designer devono essere consapevoli. Molti colori intensi possono sembrare leggeri e divertenti e potrebbero non funzionare per alcuni tipi di progetti. Il colore vibrante dello stile monotono è più attenuato.
uiGo Colori: il kit di interfaccia utente iOS piatta contiene una varietà di elementi in stile piatto, usando molto colore. ($ 8)
4. Nastri
I nastri sono un elemento che i designer utilizzano da molto tempo. Ma sembrano tornare in qualche modo. Particolarmente popolare nella progettazione di siti a una pagina, i nastri sono lo strumento ideale per annunci semplici - come "Coming Soon" - o per mostrare un premio o un riconoscimento.
80 nastri Web Premium : questo kit di nastri contiene nastri in quasi ogni forma, formato e direzione che puoi immaginare, con opzioni di colore personalizzabili. ($ 2)
5. Icone piatte
Con il flat come tendenza di fatto del 2013, la maggior parte dei designer sta cogliendo l'occasione per usarlo in qualche modo. Le icone sono una delle scelte più popolari per la loro flessibilità. Un designer può utilizzare elementi piatti in combinazione con altri elementi "meno piatti" nella progettazione generale del sito, qualcosa che sta diventando sempre più comune poiché il design piatto si estende al "design quasi piatto".
Oltre alle icone piatte, i pulsanti piatti sono popolari anche per i designer che desiderano incorporare un tocco di tendenza nei progetti. Persino Yahoo include pulsanti e icone in stile piatto nel suo framework del sito, che non è intrinsecamente piatto.
Icone meteo piatte : nove icone meteo semplici e ben disegnate. ($ 3.99)
6. Loghi o badge vintage
Loghi e stemmi vintage riproducono la tendenza del tipo 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. Non solo questi loghi semplici sembrano classici, ma lo stile semplice può essere facile da creare e replicare in diversi modi. Ci vogliono solo una manciata di 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 caratteri audaci sono popolari.
Set di badge con logo vintage : questo pacchetto contiene otto diversi loghi bicolore in stile vintage. La varietà di stili inclusi offre molta flessibilità. ($ 4)
7. Carte
Sebbene molte delle schede o tessere del sito Web che stiamo vedendo non siano necessariamente progettate nello 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 design reattivo perché si dispongono e si impilano bene in una varietà di dimensioni.
Una volta progettato uno stile, è facile utilizzarlo in altri modi. Schede per informazioni di contatto (quasi con l'aspetto di 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, lavoro, informazioni di contatto e collegamenti 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 ritorno. Mentre molti designer si sono allontanati dalle forme arrotondate in passato, sempre più cerchi vengono abbracciati come un modo divertente per costruire pulsanti e altri elementi dell'interfaccia utente.
Parte del fascino è che possono essere progettati per assomigliare a qualcosa che dovresti toccare, imitando l'azione della pressione di un pulsante. Questo concetto funziona perfettamente 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 estendendo anche a siti Web desktop di dimensioni standard.
Pulsante di acquisto semplice : incoraggia gli acquirenti a effettuare un acquisto con un pulsante di acquisto distinto. (Gratuito)
9. Sfumature semplici
L'evoluzione del design piatto in "quasi piatto" ha posto una nuova enfasi su gradienti semplici. I designer vogliono il cambiamento di tonalità, ma vogliono che sia super sottile.
Questo effetto funziona con sfondi, pulsanti, icone e una varietà di altri elementi. I gradienti semplici sono spesso non invadenti e possono essere un buon modo per creare profondità.
Set di gradienti CSS : questo kit contiene semplici gradienti 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 fotografie o un portfolio, è difficile trovare un sito che non utilizza un tipo di dispositivo di scorrimento. (Sempre più spesso stanno diventando popolari anche con i video.) La maggior parte dei dispositivi di scorrimento funzionano su uno scorrimento automatico che gli utenti possono interrompere o mettere in pausa e presentano un'immagine di visualizzazione di grandi dimensioni e immagini o pulsanti più piccoli che avanzano tra le immagini.
I dispositivi di scorrimento funzionano con una varietà di altri stili di progettazione: lo stile descritto qui ha tre versioni che possono funzionare per progetti piatti o scettici. Questo strumento è un modo semplice ed efficace per mostrare molto lavoro, pur mantenendo il dominio visivo.
Cursori puliti : questo kit contiene tre stili per cursori fotografici facili da usare e sorprendenti e utilizza caratteri gratuiti. ($ 3)
Conclusione
Osservare le tendenze è una grande fonte di ispirazione per il web design. Niente può stimolare la creatività come vedere altri processi creativi in azione. Di quali altre tendenze emergenti sei a conoscenza? Qual è il prossimo? Condividi le tue idee nei commenti.
