13 tendințe de design web pentru 2020

Publicat: 2020-02-06

Există atât de multe tendințe de design web în acest an, încât este greu de știut ce este exact o tendință și care este doar un subiect comun în lumea designului. Liderul industriei Flywheel și directorul artistic, Nicholas Petersen, consideră că este o necesitate să ții pasul cu tendințele actuale de design grafic. „Este util să fii conștient de tendințele care se întâmplă în comunitatea de design pentru a-ți dezvolta cu adevărat propriile abilități de designer.”

În acest articol, voi acoperi care sunt primele 13 tendințe de design web, de ce ar trebui să vă pese de ele și sfaturi mai provocatoare de la alți designeri de top din industrie.

Iată primele 13 tendințe de design web pentru 2020:

  1. Ilustrație abstractă
  2. Design geometric
  3. Minimalism
  4. 3D
  5. Accesibilitate
  6. Setarea preferințelor
  7. Experiențe captivante
  8. Modul întunecat
  9. Scheme de culori vibrante
  10. Design izometric
  11. Tipografie personalizată
  12. Ilustrație simplificată
  13. Fotografie cu grafică


Ilustrație abstractă

Ilustrația abstractă este echilibrul perfect între artă și design. Aceasta este o tendință în creștere, deoarece culorile strălucitoare și formele abstracte, liniile și imaginile creează un design diferit de oricare altul.

O captură de ecran a paginii de conectare a Dropbox, cu o piesă de artă abstractă albastră în stânga.
Captură de ecran a paginii de conectare a Dropbox , cu o ilustrație abstractă
O captură de ecran a ilustrației abstracte care prezintă un dinozaur cu design în interior.
Captură de ecran de la Behance

Design geometric

Designul web geometric este o altă tendință care a apărut în acest an. Designul geometric prezintă forme geometrice simple și, deși poate părea foarte simplu, există multă gândire și intenționalitate în spatele lui. Este nevoie de un anumit tip de web designer pentru a lua forme geometrice simple, cum ar fi cercuri și pătrate, și pentru a le transforma într-o poveste.

O captură de ecran a unui site web cu o panglică roz înfilată vertical pe pagină, cu text deasupra.
Captură de ecran a paginii de pornire a RALLY
O captură de ecran cu fluturași translucide cu culori magnetice și forme geometrice.
Imagine de la Adobe

Minimalism

Dacă îți place designul geometric, vei adora această tendință: Minimalismul. Designul minimalist este un design care este direct la obiect și curat. Într-o lume aglomerată, plină de culori puternice și strălucitoare, site-urile web minimaliste au devenit farul în designul web.

Designul minimalist al site-urilor web este, de asemenea, în creștere în popularitate, deoarece creează o experiență perfectă pentru utilizatori pentru a naviga pe site-uri.

O captură de ecran a unei pagini de pornire albă cu o bicicletă ca punct focal în centrul paginii.
Captură de ecran a site-ului Motus

Zac Moore, un designer din Georgia, crede că designul grafic minimalist a fost o tendință pe care designerii grafici ar putea să o vadă venind. „Designul a urmat calea minimalistă în ultimii ani; rulează mai repede către o experiență de utilizator curată și o lipsă de dezordine. Cred că designerii care abia acum adoptă abordarea minimală o fac pentru a urma tendința deja populară și va deveni din ce în ce mai popular odată cu trecerea timpului.”

O captură de ecran a unei pagini de pornire care este în întregime verde cu text alb, iar punctul focal este o roată din partea stângă a paginii.
Captură de ecran a site-ului Mixd

3D

Designul grafic 3D și-a făcut loc și ca o tendință de design de top. Mulți designeri grafici au început să stratifice diferite tipografii, imagini și forme abstracte pentru a crea acest efect 3D sălbatic și unic. Acest lucru combinat cu culori vibrante creează un design interesant, care se simte ca și cum a prins viață.

O captură de ecran a unei pagini cu „Tipuri de reclame” în centrul paginii. Fontul în sine arată neclar sau pufos, ca un covor
Captură de ecran cu tipurile creative de Adobe Create
O captură de ecran a unui site web care este în mare parte violet. Există un monstru animat cu alte piese animate în jurul lui.
Captură de ecran a site-ului Toggl

Accesibilitate

Accesibilitatea este o conversație pe care mulți designeri web au avut-o recent, dar este mai important ca niciodată să o ia în considerare și să o includă în fiecare aspect al designului.

David de la Calibrate Media crede cu tărie că accesibilitatea a devenit o parte importantă a designului web. „Devine rapid un standard pentru marile companii. Pe măsură ce mai multe persoane din toate grupele de vârstă și din toate mediile folosesc internetul pentru viața de zi cu zi, este important să răspundă nevoilor lor de acces. În unele țări, cum ar fi Israelul, acum face parte din lege.

Pe lângă accesibilitate, conformitatea cu GDPR este o altă necesitate în peisajul digital de astăzi. „În afară de motivele legale, tot mai mulți utilizatori devin îngrijorați de drepturile lor de confidențialitate atunci când navighează pe web. Implementarea unei notificări bine concepute și bine scrise privind cookie-urile (precum și implementarea standardelor GDPR) va crea un sentiment de încredere și securitate pentru vizitatorii site-ului dvs..”

O captură de ecran a unui site web accesibil tuturor.
Wesley Mission are un site ușor de utilizat, text imagine alternativ și chiar o filă de accesibilitate unde puteți trimite feedback despre cât de accesibil este site-ul

Setări de preferințe pentru utilizatori

Setarea preferințelor în această zi și epocă înseamnă că acum este posibil să accesați preferințele software ale utilizatorului (cum ar fi reducerea mișcării!) pe web. Să presupunem că un utilizator nu dorește mișcare în preferințele de sistem pe Mac-ul său. Un web designer ar putea să ia această setare și să ajusteze complet experiența. Câteva soluții ar fi eliminarea unui efect de paralaxă sau a unui efect de zoom la hover. În acest fel, clientul controlează experiența care este cea mai bună pentru el și permite designerilor web să construiască cea mai bună experiență pe care o pot pentru toți utilizatorii.

Această tendință este importantă deoarece ajută la construirea unor experiențe web care pun utilizatorul pe primul loc. Tyson Reeder, Senior Product Designer la Flywheel spune: „Dacă un utilizator declanșează mișcare și acesta și-a setat computerul să „reducă mișcarea”, putem folosi asta pentru a crea o experiență mai preferată pentru el.” Apple face o treabă grozavă în acest sens.

Un videoclip care arată cum se modifică designul Apple în funcție de preferințele de sistem ale utilizatorului.

Pentru a afla mai multe despre accesibilitate și implementarea acesteia în designul dvs. web, faceți clic aici.


Experiențe captivante

Experiența imersivă și designul grafic este o altă tendință pe care mulți au văzut-o venind. Într-o lume în care oamenii apreciază din ce în ce mai mult experiența lor cu o marcă, o companie sau un produs, nu este surprinzător faptul că designerii web folosesc realitatea augmentată, altfel cunoscută sub numele de AR pentru a îmbunătăți acele experiențe imersive.

Christel de la Kwitelle a fost o creativă care a văzut un design grafic captivant venind de la o milă depărtare, „Îl poți simți pur și simplu în aer”.

Designerii web se gândesc la designul lor ca la o experiență captivantă, indiferent dacă asta înseamnă proiectarea unui site WordPress, crearea unui nou logo animat pentru un brand sau orice altceva.

Apple, de exemplu, face o declarație cu noile lor produse, creând experiențe captivante pentru utilizatorii care caută mai multe informații sau sunt gata să cumpere.

O captură de ecran a deschiderii unui MacBook Pro
O captură de ecran a unui MacBook Pro care se deschide puțin mai mult pe măsură ce derulați
O captură de ecran a unui MacBook Pro deschis complet în timp ce continuați să derulați pe pagină.
Capturi de ecran preluate de pe site-ul Apple

Modul întunecat

Modul întunecat este aici și mulți designeri web iubesc (și îndrăznesc să spun, ușor obsedați de) această tendință. Modul întunecat apare atunci când partea centrală a unui design este întunecată, de multe ori neagră, iar textul, imaginile și alte caracteristici sunt albe sau o altă culoare. Acest lucru creează un aspect elegant și sofisticat atunci când este făcut corect, totuși este o linie fină de echilibrat.

O captură de ecran a unui site web care utilizează modul întunecat. Culorile principale folosite sunt negru pentru fundal și portocaliu și alb sunt folosite pentru text și alte elemente.
Imagine de la Anamol Maharjan Dribbble

Andrew Cacho a îmbrățișat pe deplin tendința modului întunecat. „Este vorba de echilibrarea tensiunii dintre nevoia de a crea spațiu pe site-uri web, urmărind în același timp tendințele stabilite de marile companii de hardware tehnologic în sistemul lor nativ. Vibranța revine pentru a face stropi de personalitate!”

Alți designeri sunt de acord că interfețele de operare mobile au îmbrățișat deja această tendință. Matt Staub de la Proxima spune, „cu modul întunecat preluând interfețele sistemului de operare mobil, experiențele proiectate vor urma exemplul. Dar culorile la modă și vii vor străpunge întunericul.”

O captură de ecran a paginii Spotify, în modul întunecat, cu albumul și imaginea artistului colorate, iar textul este alb.
Imagine de la CloudApp

Scheme de culori vibrante

Apropo de culori la modă, vii, să vorbim despre scheme de culori vibrante. Designerii web îmbrățișează culori îndrăznețe, folosind adesea culori foarte saturate combinate cu nuanțe închise, care conferă design-urilor lor o senzație simplă, dar colorată și caldă. Diferitele combinații de culori vibrante, cum ar fi neoanele și fluorescentele, ajută designul să iasă în evidență printre zgomot.

O captură de ecran a unei pagini cu roz ca culoare principală.
Captură de ecran de pe Cowboy.com
O captură de ecran a unei pagini cu diferite culori vibrante, cum ar fi albastru, roz neon, albastru electric, galben, alb și negru.
Captură de ecran a site-ului lui Meow Wolf

Ilustrație izometrică

Când faceți o fotografie, este ușor de înțeles că diferite perspective și unghiuri cu o cameră pot crea un aspect, un sentiment și o emoție diferită. Proiectarea ilustrațiilor izometrice este un concept similar, deoarece aceste modele permit mai multe perspective asupra subiectului dvs. În calitate de designer, puteți folosi ilustrații izometrice pentru a vedea partea de sus, partea laterală sau orice unghi al unui design.

O captură de ecran cu design izometric. Designul este clădiri mici dintr-un unghi lateral.
Captură de ecran a site-ului Psych X86

Tehnica izometrică vă permite, de asemenea, să afișați mai multe și mai multe detalii mici, cu mai puțină dezordine. Abilitatea de a afișa un spațiu în 3D deschide spațiu care anterior nu era disponibil. Există mai mult spațiu pentru a pune lucrurile fără să pară super aglomerat și forțat.

O captură de ecran cu design izometric. Este un oraș mic dintr-un unghi îndepărtat.
Captură de ecran de la Chronicled
O captură de ecran a cărții electronice Flywheel, afacerea de design web, care include un laptop, grafice și ilustrații.
Captură de ecran a raportului The business of web design. Citiți-l aici.

Tipografie personalizată

Pentru a crea modele mai inovatoare, designerii web explorează noi modalități de a afișa tipografia. Combinația de diferite elemente creative pentru a transforma textul este o tendință pe care majoritatea au văzut-o venind.

Rese, designerul nostru grafic intern, îi place să încorporeze tipografie personalizată în design-urile sale. „Crearea unui tip personalizat este plăcut de făcut, deoarece este o modalitate de a personaliza și de a gestiona ceva din designul tău, care se limitează de obicei la ceea ce este disponibil în biblioteca ta de fonturi.”

Tipografie personalizată în alb-negru. Textul spune „Super Fly” într-un font unic.
Un exemplu de tipografie personalizată proiectat cu Flywheel

În timp ce tipografia personalizată este una dintre cele mai vechi tendințe în design grafic, este ceva care a continuat să evolueze. „S-a trecut de la semne frumoase realizate manual pentru ferestre la grafice bolnave pe care le puteți găsi pe Dribbble”.

Un exemplu de tipografie personalizată, unele cu litere simple și altele cu litere cursive, unice.
Imagine de la Allan Peters Dribbble

Sunteți gata să începeți să lucrați cu tipografia personalizată? Rese oferă câteva sfaturi grozave. „Dacă ai fost ca mine și ți se pare că tipul personalizat este puțin descurajant, mergi la tipul vechi pentru a exersa și a te inspira. Mi s-a părut că doar exersarea și privirea la scenariul vechi m-au ajutat atât de mult. Mergeți la vânzări de garaj și magazine de epocă, faceți fotografii și încercați să recreați ceea ce vedeți!”


Ilustrații simplificate

Ilustrațiile simplificate sunt un echilibru dintre două modele polare opuse. Aveți abordarea generică, care este de obicei o ilustrație SVG cu o serie de oameni din diferite categorii sociale care interacționează cu tehnologia cu o pată colorată de culoare ancorând scena. La celălalt capăt, aveți ceea ce pare a fi o ilustrație desenată manual foarte liber, care este mult mai abstractă și interpretativă în execuția sa.

O captură de ecran a paginii de pornire a lui Mailchimp, cu o ilustrație simplă neagră pe fundal galben
Captură de ecran a paginii de start a lui Mailchimp

Bryan North, designerul grafic intern al Flywheel, crede că este o tendință de design anul acesta dintr-un motiv important: „invocă un sentiment foarte uman/foarte accesibil atunci când este făcut bine”.

Cu majoritatea tendințelor de design, este greu de identificat de unde provine originalul, fie că este vorba de o companie, de o marcă sau de un designer grafic specific. Cu toate acestea, Bryan crede că reproiectarea Mailchimp din 2019 a avut un rol enorm de jucat în această tendință. „Se pare că există o serie de mărci care urmăresc în prezent estetica Mailchimp.”

O captură de ecran a paginii de pornire a lui Mailchimp, cu ilustrații negre mai simple.
Captură de ecran a paginii de start a lui Mailchimp

„Ceea ce îmi place la această tendință este că are o mulțime de oameni (care, în general, s-ar considera în primul rând a fi designeri grafici) care își testează curajul cu ilustrații care, altfel, ar fi probabil intimidați de ea. Din această întreprindere s-au născut o mulțime de ilustrații grozave, precum și unele foarte proaste.”


Fotografie cu grafică

Fotografie + grafică = o potrivire făcută în rai.

Ar putea fi puțin exagerat, dar atât designerii, cât și fotografii adoptă această tendință și o folosesc pentru a-și afișa propria lucrare. Capturarea fotografiilor și ducerea lor la un nou nivel prin adăugarea de animație și grafică este o tendință pe care chiar și noi, cei de la Flywheel, am îmbrățișat-o.

Kimberly, fotograful intern al lui Flywheel, iubește ideea de a-și duce fotografiile într-o nouă dimensiune cu grafică. „Este incitant să colaborăm cu designerii din echipa noastră pentru a ne asigura că rezultatul final este cel mai bun. O mică planificare suplimentară combinată cu îmbunătățirea imaginii folosind design, înseamnă un produs final și mai intenționat în cele din urmă.”

O captură de ecran a unui articol de pe blogul nostru, care prezintă un Flywheeler care stă gândindu-se cu grafice și schițe în spatele ei.
O captură de ecran a unui articol de pe blogul nostru, Layout

Fie că este vorba de blogul nostru sau de rapoarte, ne place să transformăm imaginile cu animație și grafică adăugate. Acest design atrage ochiul și trebuie inclus în munca de proiectare la un moment dat.

O imagine a unei persoane care stă și tastează cu o suprapunere grafică cu un grafic și cuvintele „80% dintre designerii web necesită o depunere pentru majoritatea proiectelor”
Imagine din raportul The business of web design

Concluzie

Deși este important să știi care sunt tendințele de design și cum le poți implementa în munca ta, este, de asemenea, important să reții că doar pentru că un stil sau un model este popular nu înseamnă că va fi soluția potrivită pentru problema ta.

„Meseria unui designer este să rezolve probleme. Explorați, descoperiți, observați și învățați din ceea ce fac alți designeri și apoi decideți care este de fapt cea mai bună soluție pentru problema dvs. Ar putea fi unul dintre aceste modele sau poate fi ceva complet unic pentru procesul tău de proiectare.” -Nicholas Petersen, director artistic Flywheel

„O tendință care nu se va demoda niciodată este originalitatea. Cu cât creezi mai mult, cu atât vei găsi mai mult ceea ce funcționează pentru tine și apoi vei deveni foarte, foarte bun la asta. În cele din urmă, ceva original pe care îl faci va stabili noi tendințe! ”

Raport despre afacerile designului web

Am întrebat 1.000 de liber profesioniști, agenții și creatori de top despre cele mai bune modalități de a construi site-uri web, de a structura serviciile pentru clienți și de a fi plătit (în totalitate!) la timp. De acolo am analizat cifrele, am săpat în perspective și am împachetat un raport frumos, astfel încât să nu mai ghiciți și să începeți să vă extindeți afacerea!

Du-ți afacerea de web design la un nivel cu totul nou, începând cu această lună. Obțineți informații de la alte companii de design precum a dvs. și începeți să taxați competitiv pentru serviciile dvs.!