20 siti utili per l'ispirazione per il web design

Nel caso non l'avessi notato, stiamo vivendo un po' in un'epoca d'oro del web design creativo. Attribuirei parte di ciò al fatto che lo sviluppo web è salito alle stelle in popolarità. Ma anche il fatto che i marchi siano disposti a correre grandi rischi quando si tratta di creare design che risaltano .

Il design è guidato dalle illustrazioni? Sai che è una cosa. Sequenze animate per creare percorsi utente appariscenti su una pagina? Sì, stanno crescendo in popolarità. E poi hai più sottoinsiemi di stili di design, come neumorfismo, neobrutalismo e un pizzico di approcci in stile cartone animato retrò.

E indipendentemente dalla tua esperienza nel web design, è sempre bello vedere cosa fanno gli altri. Pertanto, per questo articolo, elencherò i miei siti Web preferiti in cui puoi trovare ispirazione per il web design. Forse ne conosci già alcuni, e forse alcuni di questi saranno nuovi per te: non ti farà male gettarli nella cartella dei segnalibri per riferimenti futuri.

Web, dispositivi mobili, effetti, prototipi e altro ancora

Tratterò un sacco di varietà in questo post.

Comprese gallerie incentrate sui design per dispositivi mobili, gallerie che mostrano esempi di effetti "speciali" e alcune risorse incentrate sui modelli di design. In definitiva, questi siti sono pensati per essere esplorati quando stai cercando ispirazione, in particolare nel caso della creazione di un sito web.

1. Lapa Ninja

Ho avuto Lapa Ninja nella mia barra dei segnalibri da quando è stato lanciato per la prima volta su Product Hunt, che è stato 7 anni fa. In questi giorni, il sito è cresciuto fino a includere numerose risorse per il design, ma il suo scopo principale di evidenziare i migliori design di landing page è rimasto lo stesso.

Il sito ha attualmente oltre 5.000 home page inviate. E puoi navigare tra di loro vedendo gli ultimi invii o filtrando in base alla categoria. Puoi anche filtrare in base ai colori se stai cercando design che condividono la stessa combinazione di colori del tuo progetto imminente/esistente.

2. Divino

Una delle cose che amo di Godly è che è davvero incentrato su design all'avanguardia. Come ho detto all'inizio, una delle tendenze chiave nel web design in questo momento è l'animazione. E Godly fa un ottimo lavoro nell'evidenziare i migliori design che implementano queste tendenze.

Inoltre, non devi visitare ogni sito poiché Godly incorpora video di 15-20 secondi per mostrare il concetto fondamentale dietro ogni progetto. Ad esempio, se qualcosa attira la tua attenzione, puoi visitarlo allora.

3. Siti brutalisti

Cos'è il brutalismo nel design? Come dice Kate Moran in modo così eloquente, “Il brutalismo nel design digitale è uno stile che tenta intenzionalmente di apparire grezzo, casuale o disadorno. Riecheggia i siti Web in stile dei primi anni '90 (si pensi a Craigslist e al Drudge Report). A volte questo aspetto del brutalismo è espresso come un sito HTML spoglio e quasi nudo con collegamenti blu e testo monocromatico monospaziale.

Quanto a me, amo un approccio minimalista al design, che è anche uno degli elementi implementati da molti di questi web design in stile brutalista. L'unico "avvertenza" è che tutti i design sono elencati tutti in una volta sulla home page. Rimanendo fedele all'idea brutalista, immagino.

4. Barattolo dell'interfaccia utente

UI Jar fa alcune cose. Innanzitutto, è una raccolta curata a mano di progetti web stimolanti, che puoi filtrare per colore, stile e settore. Ma, inoltre, puoi anche esplorare la sezione Branding, che mostra i design del marchio basati sui prodotti. Inoltre, UI Jar ospita anche una sezione Raccolte. Le collezioni sono dedicate a mostrare i migliori design in una categoria specifica, come portafogli, tipografia, ecc.

5. HOVERSTAT . es

hoverstat.es si concentra sui tipi di design non ortodossi, creativi e sperimentali. È anche una bella risorsa per verificare cosa è possibile nel browser. Il sito è attivo dal 2012, quindi c'è un enorme catalogo di siti da esplorare. Detto questo, hoverstat.es pubblica di tanto in tanto , ma questo è in gran parte per restringere la sua attenzione su design davvero unici ed eccitanti.

6. Libro di terra

La mia caratteristica preferita di Land-book è il suo ampio sistema di filtraggio. Puoi restringere le tue ricerche ai tipi di siti Web, come portfolio o eCommerce, quindi puoi applicare ulteriori filtri come stili, settore e tipo.

E la mia caratteristica meno preferita di Land-book è che devi creare un account. Non è un rompicapo, ovviamente, e puoi crearne uno in pochi secondi con la connessione di Google o Twitter. La registrazione significa che puoi visualizzare tutti i design, ma anche salvarli in un catalogo separato per riferimento futuro.

7. Una pagina d'amore

Rob Hope ha lanciato One Page Love nel 2008 e, se non altro, il sito è un vero tesoro sia per le tendenze del design attuali sia per vedere come erano i design dieci anni fa.

Tutti gli elenchi hanno uno screenshot a grandezza naturale, che tornerà utile per i progetti più vecchi, poiché è probabile che alcuni siti siano stati completamente ridisegnati o siano stati lasciati morti. Detto questo, One Page love ha una superba interfaccia di categorizzazione. Puoi anche iscriverti agli aggiornamenti con RSS o iscriverti alla newsletter, che ti terrà aggiornato con i nuovi 10 design di una pagina.

8. Ammira il Web

Admire The Web ospita oltre 130 pagine di progetti web stimolanti, con invii che risalgono a 11 anni fa. Puoi visualizzare in anteprima gli elenchi facendo clic sul loro nome (piuttosto che sull'immagine), ma da quello che posso dire: gli screenshot mostrano solo la prima visualizzazione del sito.

Ci sono molti tag da esaminare, in particolare se stai cercando ispirazione su un argomento specifico, come grandi piè di pagina o effetti di parallasse e simili.

9. Comunità Figma

Tutti i progetti iniziano a Figma, giusto? Bene... in un'app di design a tua scelta, comunque.

È solo che Figma ha davvero abbracciato l'aspetto della comunità di riunire designer di tutto il mondo in un'unica piattaforma unificata. E sta funzionando.

Se non per le risorse della community, Figma è anche nota per la sua vasta collezione di plugin, che migliora notevolmente il flusso di lavoro per i grafici. Puoi prendere qualsiasi risorsa (file, modello o plug-in) dalla sua pagina facendo clic sul pulsante Ottieni una copia e il gioco è fatto!

10. Galleria minima

Il minimalismo nel web design consiste nel lasciare che gli spazi bianchi e la tipografia facciano il lavoro pesante. E questa galleria mostra i migliori web design minimali che puoi esplorare ed esaminare.

Il sito è curato da Piet Terheyden e non ci sono “limiti” ai progetti presentati in questa gallery. Puoi trovare di tutto, dalle riprogettazioni del marchio ai portafogli personali creativi. In altre parole, finché un design rimane fedele al minimalismo, c'è la possibilità che possa essere presentato su questo sito.

11. Mobbin

È molto più facile curare i progetti web rispetto ai dispositivi mobili. E per questo motivo, un sito come Mobbin è una manna dal cielo se stai cercando ispirazione per il design mobile. È probabile che se stai lavorando alla progettazione/riprogettazione di un sito Web, alla fine dovrai apportare miglioramenti specifici per dispositivi mobili.

In tal caso, Mobbin fornisce probabilmente la migliore panoramica di ciò che individui e grandi marchi stanno facendo con le loro scelte di design mobile. E anche se la maggior parte di questi sono design di app mobili, ci sono molti piccoli elementi UI/UX da esplorare e da cui imparare.

Tutti gli elenchi di Mobbin (più di 500) sono dotati di centinaia di screenshot in-app, sia per iOS che per Android. E conservano anche la cronologia, quindi se un'app è stata riprogettata, puoi tornare indietro nel tempo e vedere come appariva allora. Sembra troppo bello per essere vero, giusto?

Bene, come utente gratuito, hai alcune limitazioni, come il numero di raccolte che puoi creare (3 per il livello gratuito) e non puoi sfruttare i filtri premium/le funzionalità di ricerca.

12. SALVA

SAVEE è una piattaforma di design curation e direi che è piuttosto di nicchia in questo senso. Copre vari design e, se sei interessato in modo specifico al web design, dovrai cercarlo.

Il motivo principale per utilizzare questa piattaforma è se stai cercando ispirazione per il design fuori dall'ordinario. Piattaforme come SAVEE tendono ad attrarre un pubblico più specifico (in questo caso, i designer), quindi l'ispirazione per il design può spaziare da progetti web reali a immagini e fotografie.

Alla fine, anche le fotografie giocano un ruolo nel design, quindi vedere cosa stanno facendo gli altri può essere un ottimo punto di partenza per nuove idee.

13. Dribbla

Dribbble va ancora forte dopo tutti questi anni. Ed è senza dubbio la migliore piattaforma al mondo per la progettazione grafica di tutte le cose. Non è raro che gli utenti di Dribbble pubblichino esempi di design che finiscono per diventare tendenze. E poiché la piattaforma è anche fortemente associata all'assunzione di designer, sai benissimo che gli utenti faranno il massimo sforzo per far risaltare il loro design.

14. Behance

Behance è anche uno di quei veterani che continuano ad andare forte. Proprio come Dribbble, questa è una piattaforma guidata dalla community per tutti i tipi di designer. Personalmente, ciò che amo di Behance è quanto sia raffinata la sua funzione di ricerca. Puoi eseguire alcune ricerche concise utilizzando nient'altro che le funzionalità integrate, che sono utili quando cerchi ispirazione per uno stile/schema specifico.

15. Awwwards

Awwwards è una piattaforma di progettazione/sviluppo che promuove web design innovativi e fuori dagli schemi, che vengono poi giudicati da una selezione di specialisti. Questi specialisti, la giuria, vengono scelti ogni anno in modo indipendente e chiunque può candidarsi per entrare a far parte di quella giuria.

Il sito è attivo e funzionante dal 2014, quindi c'è un sacco di storia da esplorare! Per tutte le inserzioni, i voti espressi dalla giuria sono pubblici, così come quelli espressi dagli utenti. La giuria può anche scegliere di lasciare appunti, ma questo è solo su base numerica, quindi non ci sono pareri effettivi.

Tuttavia, Awwwards è ben noto nella comunità e le persone sono orgogliose di avere uno dei banner di Awwwards posizionato sul proprio sito web. Inoltre, a causa di quanto è diventata grande la piattaforma nel corso degli anni, è anche un bel posto per attirare potenziali datori di lavoro mettendo in mostra le tue abilità!

16. Siteinspire

Siteinspire ha elaborato oltre 7.700 invii attivi fino ad oggi. È, come ti aspetteresti, una galleria di home page che utilizzano pratiche di web design interessanti e moderne. Ma ci sono sicuramente alcune caratteristiche che rendono unica questa galleria. Uno di questi è la possibilità di filtrare i risultati per designer/agenzia, a cui è possibile accedere dalla sezione Directory.

Un'altra caratteristica è la possibilità di ordinare i risultati per stili, tipi e argomenti. E se crei un account, puoi anche creare le tue collezioni personalizzate.

17. Muzli

Ho appreso di Muzli quest'anno dopo aver pubblicato un articolo su vari trucchi CSS per sviluppatori front-end.

Pochi giorni dopo, ho visto un numero significativo di visitatori da Muzli: ho verificato il progetto e, sicuramente, è una cosa! Tanto che l'estensione Muzli Chrome ha oltre 300.000 utenti.

Nelle loro stesse parole,

Muzli fornisce istantaneamente progetti di design all'avanguardia e notizie ogni volta che viene aperta una nuova scheda nel browser. Scopri la migliore ispirazione per il web design, i migliori siti Web, i migliori loghi, le tendenze web, i migliori siti e applicazioni per cellulari, siti Web minimalisti, siti Web brutalisti, illustrazioni innovative, caratteristiche di design, siti Web unici, progetti fotografici e arte visiva, nonché opinioni e articoli da esperti di design in tutto il web e in tutto il mondo.

Muzli esegue automaticamente alcune delle cure (da siti come Dribbble e alcuni altri in questo elenco) e quindi gli utenti possono anche fornire il proprio feedback. È un po' come un lettore RSS per designer/sviluppatori sotto steroidi, in pratica.

18. L'FWA

Qui abbiamo The FWA , un altro sito in stile galleria che si concentra sui premi. A differenza di Awwwards, la FWA ha una giuria di oltre 500 designer e sviluppatori provenienti da tutto il mondo. Come Siteinspire, anche The FWA ha una directory delle migliori agenzie e individui.

19. I/O 3000

Ok, quindi, ascoltami su questo. È risaputo che l'approccio al design varia da regione a regione, e questo è particolarmente vero per paesi come il Giappone. Sono stato sommerso da una forte curiosità negli ultimi due mesi esplorando l'approccio giapponese al web design.

In particolare, come i designer giapponesi, o in questo caso i blogger, progettano le pagine del loro blog e creano esperienze uniche per i lettori. Da quello che ho visto, i designer giapponesi sono molto più interessati a creare esperienze utente comunicative . Questo deriva da elementi di design che guidano l'utente verso una soluzione specifica o elementi specifici che mettono in evidenza una caratteristica importante.

La galleria I/O 3000 si concentra sia sul design giapponese che occidentale. Se mai ti senti all'altezza, ti consiglio vivamente di dare un'occhiata a cosa stanno facendo le persone all'estero! E sì, questo è il gioco di parole.

20. Lupo tipo

Abbiamo esaminato molti siti/gallerie che mostrano in modo specifico siti completi, e anche Typewolf lo fa in un certo senso. Ma più della progettazione grafica, Typewolf si concentra sulle ultime tendenze della tipografia. Typewolf utilizza un sistema "Sito del giorno", ma troverai anche molti articoli e risorse per saperne di più su come il tipo influisce sul design generale che stai creando.

Se hai mai cercato accoppiamenti di caratteri, è probabile che Typewolf fosse uno dei siti su cui sei atterrato.