20 de site-uri utile pentru inspirație pentru design web

În cazul în care nu ați observat, trăim într-o oarecare eră de aur a designului web creativ. Aș atribui o parte din asta faptului că dezvoltarea web a crescut vertiginos în popularitate. Dar și faptul că mărcile sunt dispuse să-și asume mari riscuri atunci când vine vorba de crearea de design-uri care pop .

Designul este condus de ilustrații? Știi că asta e un lucru. Secvențe animate pentru a crea călătorii spectaculoase ale utilizatorilor pe o pagină? Da, sunt în creștere în popularitate. Și apoi aveți mai multe subseturi de stiluri de design, cum ar fi neumorfismul, neobrutalismul și câteva abordări în stilul desenelor animate retro.

Și indiferent de experiența ta în design web, este întotdeauna plăcut să vezi ce fac toți ceilalți. Ca atare, pentru acest articol, voi enumera site-urile mele preferate unde puteți găsi inspirație pentru design web. Poate că le cunoști deja pe unele dintre ele și poate că unele dintre acestea vor fi noi pentru tine – nu va strica să le arunci în folderul cu marcaje pentru referințe viitoare.

Web, mobil, efecte, machete și multe altele

Voi acoperi o mulțime de varietate în această postare.

Inclusiv galerii care se concentrează pe modele mobile, galerii care prezintă exemple de efecte „speciale” și câteva resurse care se concentrează pe machete de design. În cele din urmă, aceste site-uri sunt destinate să fie răsfoite atunci când căutați inspirație, în special în cazul construirii unui site web.

1. Lapa Ninja

L-am avut pe Lapa Ninja în bara mea de marcaje de când a fost lansat pentru prima dată pe Product Hunt, care a fost acum 7 ani. În zilele noastre, site-ul a crescut pentru a include numeroase resurse pentru design, dar scopul său principal de a evidenția cele mai bune modele de pagini de destinație a rămas același.

Site-ul are în prezent peste 5.000 de pagini de pornire trimise. Și puteți naviga prin ele, fie vizualizând cele mai recente trimiteri, fie prin filtrarea pe categorii. De asemenea, puteți filtra după culori dacă căutați modele care au aceeași schemă de culori ca și designul viitor/existent.

2. Cuvios

Unul dintre lucrurile pe care le iubesc la Godly este că se concentrează cu adevărat pe modele de ultimă generație. După cum am spus la început, una dintre tendințele cheie în designul web în acest moment este animația. Și Godly face o treabă grozavă în evidențierea celor mai bune modele care implementează aceste tendințe.

De asemenea, nu trebuie să vizitați fiecare site, deoarece Godly încorporează videoclipuri de 15-20 de secunde pentru a prezenta conceptul de bază din spatele fiecărui design. De exemplu, dacă ceva vă atrage atenția – îl puteți vizita atunci.

3. Site-uri web brutaliste

Ce este brutalismul în design? După cum a spus Kate Moran atât de elocvent, „Brutalismul în designul digital este un stil care încearcă în mod intenționat să arate brut, întâmplător sau neîmpodobit. Ecou de site-uri web în stilul anilor 1990 (gândiți-vă la Craigslist și Drudge Report). Uneori, acest aspect al brutalismului este exprimat ca un site HTML simplu, aproape gol, cu link-uri albastre și text monocromatic Monospace.”

În ceea ce mă privește, îmi place o abordare minimalistă a designului, care se întâmplă să fie și unul dintre elementele pe care multe dintre aceste design-uri web în stil brutalist le implementează. Singura „avertizare” este că toate modelele sunt listate simultan pe pagina de pornire. Rămânând la întreaga idee brutalistă, cred.

4. UI Borcan

UI Jar face câteva lucruri. În primul rând, este o colecție îngrijită manual de design-uri web inspiratoare, pe care le puteți filtra după culoare, stil și industrie. Dar, în plus, puteți explora și secțiunea Branding, care prezintă modele de mărci bazate pe produse. Și, UI Jar găzduiește și o secțiune de colecții. Colecțiile sunt dedicate expunerii celor mai bune modele dintr-o anumită categorie, cum ar fi portofolii, tipografie etc.

5. HOVERSTAT . ES

hoverstat.es se concentrează pe tipurile de design neortodoxe, creative și experimentale. Este, de asemenea, o resursă frumoasă pentru a verifica ce este posibil în browser. Site-ul funcționează din 2012, așa că există un catalog masiv de site-uri de explorat. Acestea fiind spuse, hoverstat.es publică din când în când , dar acest lucru este în mare măsură pentru a-și concentra atenția asupra designurilor cu adevărat unice și interesante.

6. Carte funciară

Caracteristica mea preferată despre Land-book este sistemul său extins de filtrare. Puteți restrânge căutările la tipurile de site-uri web, cum ar fi portofoliul sau comerțul electronic, apoi puteți aplica în continuare filtre precum stiluri, industrie și tip.

Și caracteristica mea cea mai puțin favorită despre Land-book este că trebuie să vă creați un cont. Desigur, nu este un deal breaker și puteți crea unul în câteva secunde cu conexiunea Google sau Twitter. Înregistrarea înseamnă că puteți vizualiza toate modelele, dar și să le salvați într-un catalog separat pentru referințe viitoare.

7. Dragoste de o pagină

Rob Hope a lansat One Page Love în 2008 și, dacă este ceva, site-ul este o comoară absolută atât pentru tendințele actuale de design, cât și pentru a vedea cum erau modelele în urmă cu un deceniu.

Toate listele au o captură de ecran de dimensiune completă, care va fi utilă pentru modelele mai vechi, deoarece sunt șanse ca unele site-uri să fi fost fie reproiectate în întregime, fie să fi fost lăsate pentru moarte. Acestea fiind spuse, One Page love are o interfață de clasificare superbă. De asemenea, puteți să vă abonați pentru actualizări prin RSS sau să vă înscrieți pentru buletin informativ – care vă va ține la curent cu cele 10 modele noi de o pagină.

8. Admiră Web-ul

Admire The Web găzduiește peste 130 de pagini de design web inspirat, cu trimiteri care datează de acum 11 ani. Puteți previzualiza listele făcând clic pe numele lor (mai degrabă decât pe imagine), dar din ceea ce îmi dau seama – capturile de ecran arată doar prima fereastră de vizualizare a site-ului.

Există o mulțime de etichete pe care trebuie să le parcurgeți, mai ales dacă căutați inspirație pe un subiect specific, cum ar fi subsolurile mari sau efectele de paralaxă și altele.

9. Comunitatea Figma

Toate modelele încep în Figma, nu? Ei bine... într-o aplicație de design la alegerea ta, oricum.

Doar că Figma a îmbrățișat cu adevărat aspectul comunității de a aduce designeri din întreaga lume împreună într-o singură platformă unificată. Și funcționează.

Dacă nu pentru resursele comunității, Figma este binecunoscută și pentru colecția sa extinsă de pluginuri, care îmbunătățește foarte mult fluxul de lucru pentru designerii grafici. Puteți prelua orice resursă (fișier, șablon sau plugin) de pe pagina sa făcând clic pe butonul Obțineți o copie și ați terminat!

10. Minimal Gallery

Minimalismul în designul web înseamnă lăsarea spațiilor albe și a tipografiei să facă treaba grea. Și această galerie prezintă cele mai bune design-uri web minimale pe care le puteți explora și examina.

Site-ul este îngrijit de Piet Terheyden și nu există „limite” pentru design-urile prezentate în această galerie. Puteți găsi totul, de la reproiectări ale mărcii până la portofolii personale creative. Cu alte cuvinte, atâta timp cât un design rămâne fidel minimalismului, există șansa să poată fi prezentat pe acest site.

11. Mobbin

Este mult mai ușor să gestionezi design-uri web decât să fie mobil. Și din acest motiv, un site precum Mobbin este o mană divină dacă cauți inspirație pentru designul mobil. Sunt șanse ca, dacă lucrați la un design/reproiectare a unui site web, în ​​cele din urmă va trebui să faceți îmbunătățiri specifice pentru dispozitive mobile.

Într-un astfel de caz, Mobbin oferă probabil cea mai bună imagine de ansamblu asupra a ceea ce fac indivizii și mărcile mari cu alegerile lor de design mobil. Și chiar dacă majoritatea dintre acestea sunt modele de aplicații mobile, există o mulțime de elemente mici UI/UX din care să exploreze și să învețe.

Toate înregistrările Mobbin (mai mult de 500 dintre ele) vin cu sute de capturi de ecran în aplicație, atât pentru iOS, cât și pentru Android. Și păstrează, de asemenea, istoricul, așa că, dacă o aplicație a fost reproiectată, poți să te întorci în timp și să vezi cum arăta atunci. Sună prea frumos pentru a fi adevărat, nu?

Ei bine, ca utilizator gratuit – aveți anumite limitări, cum ar fi câte colecții puteți face (3 pentru nivelul gratuit) și nu puteți profita de filtrele/funcțiile de căutare premium.

12. SALVAȚI

SAVEE este o platformă de curatare a designului și aș spune că este destul de de nișă în acest sens. Acesta acoperă diverse modele și, dacă sunteți interesat în mod special de design web, va trebui să îl căutați.

Motivul principal pentru a utiliza această platformă este dacă sunteți în căutarea unei surse de inspirație pentru design ieșită din comun. Platformele precum SAVEE tind să atragă o mulțime mai specifică (în acest caz, designeri), astfel încât inspirația de design poate varia de la proiecte web reale la imagini și fotografii.

La sfârșitul zilei, chiar și fotografiile joacă un rol în design – așa că a vedea ce fac alții poate fi un punct de plecare excelent pentru idei noi.

13. Dribling

Dribbble este încă puternic după toți acești ani. Și este, fără îndoială, cea mai bună platformă din lume pentru design grafic pentru toate lucrurile. Nu este neobișnuit ca utilizatorii Dribbble să publice exemple de design care ajung să devină tendințe. Și pentru că platforma este, de asemenea, puternic asociată cu angajarea designerilor, știți al naibii de bine că utilizatorii vor depune eforturi maxime pentru a-și scoate designul în evidență.

14. Behance

Behance este, de asemenea, unul dintre acei vechi care continuă să meargă puternic. La fel ca Dribbble, aceasta este o platformă condusă de comunitate pentru toate tipurile de designeri. Personal, ceea ce îmi place la Behance este cât de rafinată este funcția de căutare. Puteți face câteva căutări concise folosind nimic altceva decât funcțiile încorporate, care vă sunt utile atunci când căutați inspirație pentru un anumit stil/schemă.

15. Awwwards

Awwwards este o platformă de design/dezvoltare care promovează design-uri web inovatoare și ieșite din cutie, care sunt apoi judecate de o selecție de specialiști. Acești specialiști, juriul, sunt aleși în fiecare an în mod independent, iar oricine poate aplica pentru a face parte din acel panel.

Site-ul funcționează din 2014, așa că există o mulțime de istorie de explorat! Pentru toate listările, voturile exprimate de juriu sunt publice, la fel ca și cele exprimate de utilizatori. Juriul poate alege să lase note, dar acest lucru se bazează doar numeric, deci nu există opinii reale.

Totuși, Awwwards este binecunoscut în comunitate, iar oamenii sunt mândri că au unul dintre bannerele Awwwards plasat pe site-ul lor. În plus, datorită cât de mare a devenit platforma de-a lungul anilor, este, de asemenea, un loc frumos pentru a atrage potențiali angajatori prin prezentarea propriilor abilități!

16. Siteinspire

Siteinspire a procesat până în prezent peste 7.700 de trimiteri active. Este, așa cum v-ați aștepta, o galerie de pagini de start care utilizează practici interesante și moderne de design web. Dar cu siguranță există câteva caracteristici care fac această galerie unică. Una dintre acestea este capacitatea de a filtra rezultatele după designer/agenție, care poate fi accesată din secțiunea Director.

O altă caracteristică este capacitatea de a sorta rezultatele după stiluri, tipuri și subiecte. Și dacă vă creați un cont, vă puteți crea și propriile colecții personalizate.

17. Muzli

Am aflat despre Muzli anul acesta după ce am publicat un articol despre diverse trucuri CSS pentru dezvoltatorii front-end.

Câteva zile mai târziu, am văzut un număr semnificativ de vizitatori din Muzli – am verificat proiectul și, desigur, este un lucru! Atât de mult încât extensia Muzli Chrome are peste 300.000 de utilizatori.

Cu propriile lor cuvinte,

Muzli oferă instantaneu proiecte de design de ultimă oră și știri de fiecare dată când se deschide o nouă filă în browser. Descoperiți cea mai bună inspirație pentru design web, cele mai bune site-uri web, cele mai bune logo-uri, tendințe web, cele mai bune site-uri și aplicații pentru telefoane mobile, site-uri web minimaliste, site-uri web brutaliste, ilustrații inovatoare, caracteristici de design, site-uri web unice, proiecte fotografice și artă vizuală, precum și opinii și articole de la experți în design de pe web și din întreaga lume.

Muzli face unele dintre curații automat (de pe site-uri precum Dribbble și altele din această listă), iar apoi utilizatorii își pot oferi și propriile feedback. Este un pic ca un cititor RSS pentru designeri/dezvoltatori pe steroizi, practic.

18. FWA

Aici avem The FWA – un alt site în stil galerie care se concentrează pe premii. Spre deosebire de Awwwards – FWA are un juriu format din peste 500 de designeri și dezvoltatori din întreaga lume. La fel ca Siteinspire, FWA are și un director cu cele mai bune agenții și persoane.

19. I/O 3000

Bine, deci, ascultă-mă despre asta. Este binecunoscut faptul că abordarea designului variază de la o regiune la alta, iar acest lucru este valabil mai ales pentru țări precum Japonia. Am fost inundat de o puternică curiozitate în ultimele două luni de a explora abordarea japoneză a designului web.

În special, modul în care designerii japonezi, sau în acest caz, bloggerii, își proiectează paginile blogului și creează experiențe unice pentru cititori. Din câte am văzut, designerii japonezi sunt mult mai dornici să creeze experiențe comunicative pentru utilizatori. Acest lucru vine pentru a proiecta elemente care ghidează utilizatorul către o soluție specifică sau elemente specifice care evidențiază o caracteristică importantă.

Galeria I/O 3000 se concentrează atât pe modele japoneze, cât și pe cele occidentale. Dacă vreodată vă simțiți bine, vă recomand cu căldură să verificați ce fac oamenii de peste mări! Și da, este un joc de cuvinte.

20. Lupul de tip

Ne-am uitat la multe site-uri/galerii care prezintă în mod special site-uri complete, și Typewolf face și el într-un fel. Dar mai mult decât designul grafic, Typewolf se concentrează pe cele mai recente tendințe în tipografie. Typewolf folosește un sistem „Site-ul zilei”, dar veți găsi și o mulțime de articole și resurse pentru a afla mai multe despre modul în care tipul afectează designul general pe care îl creați.

Dacă ați căutat vreodată perechi de fonturi, sunt șanse ca Typewolf să fi fost unul dintre site-urile pe care ați aterizat.