Noile tendințe în design de website-uri în 2019

Noile tendințe în design de website-uri în 2019

Designul Responsiv (Flexibil)

S-au dus vremurile website-urilor cu layout fix. Computerele desktop nu mai domină de ceva timp experiența noastră de navigare pe internet. Datorită apariției tabletelor și smartphone-urilor, site-urile trebuie acum să reacționeze la noile dimensiuni și mai mult să fie flexibile la variații de dimensiune în timp real! Soluția: designul responsiv, care permite site-urilor să-și schimbe proporțiile, informațiile și orientarea pentru a se potrivi oricărei dimensiuni de ecran, creând o experiență fluidă, fără probleme indiferent de dispozitivul de pe care utilizatorul accesează site-ul. CSS3 a avut o mare contribuție în acest sens prin introducerea de tehnologii noi cum ar fi: media queries, flexbox și grid.

Suport pentru ecranele de tip retina

Odată cu introducerea noilor tablete iPad, precum și noilor apariții de la Windows și Google, calitatea afișării se îmbunătățește într-un ritm rapid. Am trecut odată cu evoluția internetului prin mai multe etape când vine vorba de rezoluție, și încă sunt folosite rezoluții diferite pe internet (tabelul de mai jos). Densitatea mai mare de pixeli permite proiectanților să creeze site-uri care să-ți ia ochii, să utilizeze imagini uluitoare și să creeze tranziții uimitoare.

Rezoluții folosite în 2018 pe internet

Rezolutia Ecranului Procent
320x534 1.62%
320x568 2.01%
320x570 1.63%
360x640 22.43%
375x667 4.92%
412x732 1.32%
414x736 2.16%
480x800 0.92%
720x1280 2.3%
768x1024 2.51%
1024x768 1.93%
1280x720 1.33%
1280x800 2.37%
1280x1024 1.82%
1366x768 11.94%
1440x900 3%
1536x864 2.03%
1600x900 2.41%
1680x1050 1.17%
1920x1080 8.05%
Alte Rezolutii 22.13%

Fonturi Web Personalizate

Pentru că jumătate din design este reprezentat de text, este foarte important că fonturile folosite să fie plăcute la vedere și ușor de descifrat de pe orice dispozitiv.

Google Fonts este o resursă indispensabilă de fonturi web gratis, însă puteți folosi și fonturi web cumpărate (care de multe ori arată incredibil).

Material Design de la Google

Material Design este un concept pe care Google la dezvoltat în 2014 odată cu debutul Google Now. Material Design folosește mai multe layout-uri, animații și tranziții receptive, folosind la baza culoarea, iluminarea și umbrele.

Parallax Scrolling

Ce este parallax scrolling? Este poziționarea fixă a imaginilor de fundal în anumite secțiuni permițând conținutului să fie derulat fără probleme. Efectul este impresionant și poate fi folosit cu eficientă maximă pentru a spune o poveste vizitatorului.

Dan Stoian
Web Developer

Timpul este cel mai prețios

O afacere de succes înțelege că trebuie să se concentreze pe ceea ce face cel mai bine!
Noi facem web design.