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

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

Informațiile esențiale la pachet

Dacă la sfârșitul anilor '90 și începutul noului mileniu site-urile erau pline de texte de multe ori diluate în informații esențiale, adaptate de experții SEO de atunci pentru a îngloba cât mai multe cuvinte cheie, în epoca web-ului modern nu mai este nevoie să încercăm să îl păcălim pe domnul Google. Este de preferat să oferim informațiile importante utilizatorilor în primele zeci de secunde de la accesare pentru a nu îi pierde. Sau cel puțin le putem oferi un rezumat al punctelor de interes folosind subtitlurile..

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

Google Fonts

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

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