2016 Tendințe de proiectare a site-urilor web de luat în considerare înainte de a vă crea site-ul

dk new media site-ul 1

Am văzut o mulțime de companii care se îndreptau către o experiență mai curată și mai simplă pentru utilizatorii site-ului web. Fie că sunteți designer, dezvoltator sau pur și simplu vă plac site-urile web, puteți învăța ceva aruncând o privire asupra modului în care o fac. Pregătește-te să te inspiri!

  1. Animaţie

Lăsând în urmă primele zile obscure ale internetului, plin de gif-uri intermitente, bare animate, butoane, icoane și hamsteri dansanți, animația astăzi înseamnă crearea de acțiuni interactive, receptive, care îmbunătățesc povestirea și oferă o experiență bogată de utilizator.

Exemple de animații bogate includ încărcarea de animații, navigare și meniuri, animații cu mouse-ul, galerii și prezentări de diapozitive, animație de mișcare, derulare și animații de fundal și videoclipuri. Consultați acest site de la Beagle, o platformă de gestionare a propunerilor:

Site animat Beagle

Faceți clic pentru a vedea uimitoarele animații JavaScript și CSS ale lui Beagle atunci când derulați site-ul lor.

Animația bogată poate fi văzută și în microinteracțiune. De exemplu, pe LinkedIn, un utilizator poate trece peste un card pentru un subtil meniu pop-up de opțiuni, apoi poate alege să sări peste poveste sau să ia alte acțiuni.

Animațiile GIF au reînviat (cu bucurie?) Și pot fi folosite în mai multe scopuri diferite, inclusiv comedie, demonstrații și chiar doar pentru decorare.

  1. Material design

Material design, un limbaj de proiectare dezvoltat de Google, se bazează pe elementele de design bazat pe tipărire - tipografie, grile, spațiu, scară, culoare și utilizarea imaginilor - împreună cu animații și tranziții receptive, umplutură și efecte de adâncime, cum ar fi iluminarea și umbrele pentru oferiți o experiență de utilizator mai realistă, mai captivantă și mai interactivă.

Material Design folosește umbră, mișcare și adâncime pentru a oferi o estetică curată și modernă, cu accent pe optimizarea UX fără prea multe clopote și fluiere.

Alte exemple de proiectare a materialelor includ imagini de la margine la margine, tipografie la scară largă și spațiu alb intenționat.

Youtube Android Material Design Redesign Concept

  1. Designul plat

În timp ce Material Design oferă o abordare a conceptului de minimalism, designul plat rămâne alegerea clasică pentru iubitorii de linii curate. Adică, designul plat este adesea văzut ca un aspect digital mai realist, mai autentic și mai confortabil.

Ac Space

Bazat pe principiile spațiului alb, marginile definite, culorile vibrante și ilustrațiile 2D - sau „plate”, designul plat oferă un stil versatil care folosește frecvent tehnici precum iconografia liniei și umbrele lungi.

Lander

  1. Ecranele divizate

Utilizate cel mai bine atunci când aveți două domenii la fel de importante de promovat sau doriți să oferiți conținut alături de fotografii sau suporturi media, ecranele împărțite reprezintă o nouă modalitate excelentă de a oferi o experiență distractivă și îndrăzneață pentru utilizator.

split-screen

Permițându-le utilizatorilor să își aleagă conținutul și experiența, puteți crea o experiență de tip portal care îi atrage pe vizitatori să intre.

split-screen-ocean

  1. Se renunță la Chrome

Făcând aluzie la barele de protecție și ornamentele cromate de pe mașinile clasice, „crom” se referă la containerele unui site web - meniurile, antetele, subsolurile și marginile - care încapsulează conținutul de bază.

crom-timp

Acest lucru poate distrage atenția și multe companii aleg să se elibereze de containere și să creeze aspecte curate, de la margine la margine, fără margini, anteturi sau subsoluri.

crom-înainte

 

  1. Uitați de Fold

„Deasupra fâșiei” este jargonul ziarului pentru jumătatea superioară a primei pagini a unui ziar. Deoarece ziarele sunt adesea pliate și plasate în cutii și afișaje, conținutul cel mai convingător depășește pliația pentru a le oferi cea mai mare șansă de a apuca un potențial cititor (și portofelul lor).

Proiectarea site-urilor web folosește de mult ideea unui fold pe principiul că defilarea a fost împovărătoare. Însă recent, imaginile și conținutul pe ecran complet întâmpină un utilizator și încurajează derularea pentru a dezvălui conținut suplimentar, mai aprofundat.

pata de sămânță

  1. Video pe ecran complet

Videoclipul poate fi o modalitate excelentă de a atrage atenția vizitatorilor și este adesea chiar mai eficient decât vizual sau text. Videoclipurile în buclă precum cele utilizate de Apple pentru Apple Watch sunt un mod unic de a da ton și de a atrage vizitatorii.

Highbridge

Faceți clic pentru a vedea HighbridgeVideo pe pagina lor de pornire

Când vine vorba de designul web, o mulțime de componente specifice vor fi dictate de industrie, nișă, piață țintă și conținut. Aspectul dvs. va depinde de ceea ce răspund vizitatorii și de ceea ce are cel mai mult sens pentru mesajul dvs. Dar, cu aceste tendințe la îndemână, veți avea tot ce aveți nevoie pentru a crea un site web convingător, care să facă ceea ce aveți nevoie și să arate că știți cum să țineți pasul cu vremurile.

Ce părere ai?

Acest site folosește Akismet pentru a reduce spamul. Aflați cum sunt procesate datele despre comentarii.