Tendințe moderne în dezvoltarea web. Textele lungi vor dispărea. Mai puțin text este mai bine

Ce aduce 2017 nou pe web? Care sunt principalele direcții și tendințe în design web la care ar trebui să ne așteptăm? Acum vom afla totul – în formatul unei recenzii succinte a celor mai izbitoare tendințe, folosind exemple de site-uri TRENDY.

Designul web este actualizat constant cu idei îndrăznețe, iar popularitatea a tot ceea ce este practic stimulează deja dezvoltarea tendințelor. La meniurile care glisează prin butonul hamburger și navigarea care se ascunde automat la derulare, se adaugă moda ecranelor divizate, împărțind paginile principale și celelalte în jumătate.

Citeste si: 8 tendințe web pentru 2019: layout-uri moderne

În ceea ce privește atractivitatea estetică, stilul plat a dominat WEB-ul timp de 3 ani la rând. Apoi Google a introdus designul de materiale, care ne-a scos puțin din abstracția vizuală. În 2017, designul web va face încă un pas înapoi spre realism. Fie că este vorba de forme, de alegerea culorii sau de funcționalitate - 2017 va fi anul hibrizilor în care realitățile lumii fizice și ale tehnologiei se intersectează. Rezultatul este o experiență mai bună de navigare pe web.

Iată nouă tendințe de design web care pot reduce decalajul.

1. Navigare pop-out

Astăzi, când publicul mobil deja se bucură de navigarea pe internet, importanța spațiului pe ecran este mai mare ca niciodată. Ascunzând funcționalitatea și navigarea până „până când este nevoie”, designerii web și agenții de marketing moderni se străduiesc să elibereze spațiu pe site-ul web pentru vânzarea imaginilor.

Meniurile pop-out, create special pentru smartphone-uri, îmbunătățesc UX pe ecrane mari. Destul de ciudat, meniul ascuns face o treabă mai bună de a sublinia ceea ce este important, încurajându-vă să vă concentrați pe un anumit obiectiv la un moment dat. Când deschideți meniul, acesta devine centrul atenției pe pagină și este, de asemenea, utilizat în mod activ în procesul de explorare a site-ului.

Avantaje:

Economisirea spațiului pe ecran
Concentrând atenția utilizatorilor asupra meniului, îmbunătățește navigarea pe site
Ascunderea elementelor de navigare vă ajută să vă concentrați asupra altor lucruri (cum ar fi obiectivele de conversie)
Aspect îmbunătățit al primului ecran
Structură de design mai flexibilă

Citeste si: Cele mai bune 20 de exemple de design de pagină de pornire a site-ului web

Cele mai bune practici:

Design de culoare pentru a se potrivi cu paginile site-ului. Efectul maxim atunci când simplificați o pagină web în acest mod este obținut cu un fundal cu o singură culoare sau cu o structură de meniu glisant într-o singură culoare.
Nu distrageți atenția utilizatorului asupra navigării - este mai bine să lăsați caracteristicile și decorațiunile pentru paginile în sine. Desigur, un design modern frumos și un meniu elegant nu vor strica:

Tipografie simplă mare. Tipografia elegantă și curată adaugă varietate modelului de mai sus de design web „practic”. Fonturile mari/aldine, ușor de citit, îmbunătățesc eficiența navigării și umple spațiul.

Designerii urmează adesea această tendință folosind litere mari.

Pictograme hamburgeri cu o cruce pentru a deschide/închide meniul. Deoarece standardul permite, ar fi mai corect să le combinați într-o singură pictogramă pentru o mai mare claritate și vizibilitate.

Schimbați/suprapuneți conținutul la deschidere. Un meniu pop-up este rareori creat pentru a ocupa întregul ecran. În mod obișnuit, lăsând vizibil o parte din conținutul paginii, ceea ce facilitează revenirea la acesta pe un ecran mic. Pe desktop arată ca o „imitație mobilă” la modă.

2. Contrar paradigmelor de navigare – alternative

În zilele întunecate ale web-ului, existau două tipuri de navigare: meniul de sus și bara laterală. Cu design responsive a apărut meniul hamburger, care este acum criticat pe scară largă pentru că face mai dificilă implicarea utilizatorului/dificil de descoperit/mai puțin eficient.

Avantajele navigației non-standard:

Design unic
Inovațiile atrag
Experiență îmbunătățită a utilizatorului (UX)
Pentru designeri - noi posibilități de proiectare a site-urilor web

Cele mai bune practici:

Citeste si: 11 site-uri web creative ale studiourilor interne de web design

Diverse experimente cu navigarea pe site. Cu o atitudine atât de ambiguă față de „burgeri”, în 2017 ar trebui să ne așteptăm la apariția unor inovații interesante în navigație.

Meniul unic al Hillsiderancho.com combină navigarea de sus, stânga, dreapta și derulare

Niciun meniu de navigare. Utilizatorul modern se confruntă cu mult conținut și nu trebuie să i se spună ce să facă în continuare. Sul! Natura organică a acestui comportament a fost deja remarcată în tendințele web anterioare (orizontală, defilare infinită, control de la tastatură, gesturi...). Unii designeri elimină cu totul meniurile, invitând vizitatorul să folosească/să obțină o experiență „avansată” de cercetare a site-ului. Adaptarea site-urilor pentru dispozitive mobile și tablete schimbă, de asemenea, UX/interfețele în sine și deschide perspective pentru derularea orizontală.

Site-ul nu are meniu de navigare - vi se cere să derulați pentru a găsi conținut, puteți derula cu cursorul

Citeste si: Cele mai neobișnuite și originale site-uri

Meniu pop-up. Eram atât de pasionați de Drop-Down încât nici nu ne-am gândit la o alternativă simplă la navigarea Pop-UP. În exemplul de mai jos, meniul apare în centrul ecranului. În general, paginile web au suficient spațiu pentru a crea o navigare accesibilă și proeminentă, fără liste derulante.

Navigarea pop over este utilizată atunci când trecerea cursorului peste una dintre cele 6 secțiuni schimbă fundalul întregului meniu pe ecran

3. Carduri - inspirație din electronicele portabile

Așa cum utilizatorii de telefonie mobilă au schimbat designul site-urilor web moderne, dispozitivele portabile încep să le influențeze designul. Cu zeci de milioane de articole purtabile vândute din 2015, utilizatorii au învățat să prețuiască excelența rațională și în alte domenii. Economisind spațiu pe ecran, electronicele portabile îi vor învăța pe designeri web să simplifice lucrurile vizual, iar agenții de marketing vor învăța să specifice și să oficializeze în continuare sarcinile site-ului. Principalele reguli ale designului web bazat pe principiul containerelor: elegant, concis și fără prea mult efort - ideologia „mai puțin este mai mult” nu se limitează la dimensiunile ecranului.

Avantaje:

Design UX optimizat
Mai puține ambiguități și distrageri
Minimalismul accelerează încărcarea site-ului

Cele mai bune practici:

Dale, principiul containerelor și blocurilor în structura paginilor web. Tendința se menține de mai bine de un an (2014 - 2016...) și probabil 2017 va continua această tendință. Modelele de gadgeturi populare și noi în prezent (ochelari inteligenți, ceasuri, brățări, agrafe de haine, senzori încorporați în haine...) sunt realizate într-un stil laconic și informează la fel de discret utilizatorul. După cum era de așteptat, tehnologia purtabilă va da o nouă viață interfețelor ușor de citit. Modelul container al interfeței de utilizare a cardului este proiectat să fie autonom și să se adapteze bine pentru ecrane mai mari.

Pictograme SVG mari. Pictograma are nevoie de scalabilitate, simplitate - astfel încât să arate pe dispozitivele HD și să fie observată printr-o privire rapidă.

Paletă de culori strictă. Schemele de culori la modă revin acum la elemente de bază. Designul site-ului web în două culori (duoton) sau designul alb-negru cu adăugarea unei singure culori devin din ce în ce mai popular.

Spațiu alb suficient. Pentru a asigura coerența în diferite formate, „aer” este adăugat în paginile site-ului. Acest lucru se numește minimalism extrem. Pe lângă estetică: o atmosferă sofisticat-casual, economisirea de spațiu pe pagini, oportunități de a atrage atenția etc.

4. Material Design Lite (MDL)

Citeste si: Cele mai bune modele de magazine online în stiluri Flat și Material

Material Design Lightweight (MDL) de la Google oferă o bibliotecă de șabloane, seturi de elemente (carduri, formulare, pictograme, butoane...) și este o interpretare a unui catalog de componente Polymer gata făcute.

Cu tutoriale despre șabloane preexistente și componente open-source, MDL face designul de materiale deschis pentru implementare pe orice site sau aplicație. Straturile pseudo-3D, umbrele, animațiile sunt elemente de interfață ale designului web clasic, care aduc uzul mai aproape de simularea lumii reale.

Avantaje:

MDL diferă în bine de designul site-urilor web tradiționale, păstrând în același timp beneficiile originale ale designului web clasic
Ușor de înțeles datorită interfeței clare și realiste
Disponibilitate pe mai multe platforme pentru toate dispozitivele (fără legarea la JS)

Cele mai bune practici:

Mecanica lumii materiale. Tratați elementele stilistice ale MDL ca și cum ar fi obiecte fizice reale, și anume:

Umbrele ar trebui să arate ca și cum ar fi aruncate de o sursă de lumină naturală
Alegeți dimensiunea și grosimea elementelor ca pentru obiectele reale - în conformitate cu legile fizice
Mișcare – răspuns la interacțiunea utilizatorului

Personalizare. Profitați de biblioteca de componente MDL selectând ceea ce aveți nevoie în combinația potrivită.

Paletă de culori plată. Materialul în stil MDL este cel mai potrivit pentru culorile plate - combinații luminoase și îndrăznețe ale acestora. De obicei, sunt alese o culoare principală și o culoare de accent. Se potrivește, de asemenea, cu estetica minimalistă susținută de cele două tendințe anterioare.

Citeste si: Culori în web design: tendințe de culoare (culori strălucitoare)

5. Culori vintage

Tonurile de gri au dominat web-ul în ultimii doi ani: fundaluri gri deschis în loc de alb, text gri ardezie în loc de negru și umbre subtile de gri care creează profunzime într-un stil de design material. În 2017, nuanțele vintage superbe revin în sfârșit.

Magazinul de pantofi online folosește culori dezactivate precum sepia. Designul de culoare, imitând vintage cu fotografii vechi, subliniază calitatea înaltă a produsului (în cele mai bune tradiții ale brandului de familie)

Ryan McCready, editor de conținut pentru serviciul de design infografic Venngage, vorbește despre ceea ce este popular în designul grafic în acest moment și despre ce tehnici au fost abandonate în acest an.

Culori indraznete si vibrante

În ultimii câțiva ani, mulți lideri ai tehnologiei au folosit culori slabe și ușor de citit. Așa că au încercat să creeze o schemă de design foarte clară și să arate că viitorul elegant și funcțional care se arată de obicei în filmele științifico-fantastice a sosit deja.

Această metodă a ajutat compania să treacă la o nouă etapă de dezvoltare și să-și unifice toate aplicațiile sub o singură culoare. Ca și în cazul Spotify, această utilizare îndrăzneață a culorilor strălucitoare a făcut marca să iasă în evidență.

Moda pentru culori îndrăznețe și strălucitoare în design provine din principiile Google Material Design. Compania a ales un design plat, raționalizat și intuitiv, cu adăugarea de „culori neașteptate și energice, precum și fonturi și imagini funcționale și plăcute pentru ochi”.

În general, multe tendințe actuale în 2017 au apărut sub influența principiilor Google Material Design.

Le-am folosit și pentru a realiza această imagine promoțională e-book. Drept urmare, imaginea a devenit incredibil de populară.

Dacă întâmpinați probleme în a alege cele mai bune culori pentru designul dvs., citiți mai departe pentru câteva exemple grozave de palete de culori. Și nu vă fie teamă să folosiți culori care contrastează unele cu altele.

Font aldine

Fontul bold atrage atenția cititorilor. Involuntar acordați atenție inscripțiilor mari și atrăgătoare.

Exemplul meu preferat este Wired. Folosește diferite fonturi pentru a evidenția anumite titluri și pentru a menține o ordine ierarhică a informațiilor pe pagină.

Aruncă o privire:

Un alt exemplu bun de utilizare a fonturilor captivante este HubSpot. Textul este în prim plan și susținut de grafică:

HubSpot înțelege că în fiecare an timpul necesar pentru a absorbi informații dintr-un tweet tinde să scadă la zero. Prin urmare, pentru a atrage atenția cititorului, folosesc inscripții scurte și succinte cu litere aldine.

În plus, acum tot mai mulți oameni navighează pe internet de pe telefoanele mobile. Datorită ecranelor de înaltă definiție, există o nevoie din ce în ce mai mare de a folosi fonturi aldine. Deci, pentru a reține cititorii, trebuie să vă livrați conținutul în modul corect.

Buffer evidențiază titluri de-a lungul întregului articol, nu doar la început - facând articolele mai ușor de citit pe toate dispozitivele. Recomand să folosiți această abordare pentru articole lungi - în acest fel veți ajuta cititorii să le navigheze.

Am aplicat această metodă la crearea acestui infografic. Combinația de font îndrăzneț și culori interesante atrage atenția:

Fonturi din Google Fonts

Folosesc Google Fonts de mult timp pentru că sunt atât de versatile. Dacă trebuie să vin cu un design pentru o publicație online și apoi să-l adaug la o prezentare, sunt încrezător că toate fonturile vor funcționa bine împreună. Toate arată grozav pe orice platformă de blogging sau site web.

Apropo, toate cele 810 fonturi sunt absolut gratuite! Da, oamenilor le plac lucrurile gratuite. De asemenea, le plac lucrurile care sunt foarte ușor de utilizat. Iată un exemplu de combinare a mai multor fonturi populare de la Google:

Pe site-ul nostru folosim fonturile Roboto și Open Sans.

Fotografii originale

În fiecare an, cantitatea de conținut crește, la fel și nevoia de imagini de înaltă calitate. Pentru a se asigura că fotografiile pot dura mult timp, autorii încearcă să le facă cât mai versatile posibil.

Există o singură problemă: cele mai bune imagini generice tind să devină învechite în timp. Dacă urmăriți știrile din domeniul tehnologiei și marketingului, atunci probabil că sunteți familiarizat cu această fotografie:

Este folosit în paginile de destinație, bloguri și chiar în postările de pe Instagram. Sincer să fiu, l-am luat chiar eu pentru un site la care am lucrat acum câțiva ani. Datorită popularității unor astfel de imagini stoc, originalitatea conținutului grafic a scăzut brusc.

Iar nevoia de a folosi fotografii clare și perfecte nu a făcut decât să înrăutățească situația.

Când un cititor vede aceeași poză pentru a suta oară, el crede că autorul articolului nu a încercat să fie măcar puțin original. Deci de ce să citești măcar un astfel de articol?

Acesta este motivul pentru care ar trebui să utilizați imagini originale. Nu mai faceți fotografii populare, începeți să vă faceți propriile fotografii.

Sunt sigur că toată lumea din echipa ta are un telefon cu cameră. De ce nu le folosești? Faceți fotografii cu biroul sau logo-ul dvs. și folosiți acele fotografii.

Află dacă printre colegii tăi există un fotograf aspirant. Oferă-i câteva zile să închirieze un birou - și vei avea suficiente fotografii pentru un an întreg!

Când am creat noul nostru site web, ne-am fotografiat angajații și am fost foarte mulțumiți de rezultat.

Imagini și pictograme desenate manual

Nu doar fotografiile trebuie să fie originale, ci și icoanele și desenele. Unele branduri și-au dat deja seama de acest lucru și încearcă să iasă în evidență din mulțime în acest fel. Această abordare adaugă un element personal și distractiv designului.

Unii spun că tendința pare neprofesională și copilărească, dar este totuși cu siguranță atrăgătoare. La fel ca majoritatea tendințelor din 2017, acesta acționează ca o alternativă la designul curat steril din ultimii ani.

Dropbox folosește ilustrații desenate manual. Au devenit parte a mărcii companiei și l-au făcut recunoscut.

Astfel de ilustrații creează o stare de spirit relaxată și încântă copilul care trăiește în sufletul fiecăruia dintre noi. Ele fac ca produsul să pară mai accesibil. Sunt deosebit de eficiente la marile companii tehnologice precum Dropbox.

Un alt exemplu de succes al acestei abordări este compania de saltele Casper. Aproape întregul ei site este format din desene desenate manual. Iată una dintre ele:

Tendința a fost preluată și de serviciul MailChimp. În raportul din 2016, el arată și desene similare.

Moz, o companie care dezvoltă software de marketing, inserează ilustrații în antetul articolelor:

Uneori, dragostea noastră pentru desene se manifestă în alte proiecte:

Întoarcerea la rădăcinile minimalismului

Dacă ți s-ar cere să explici unui străin ce este minimalismul, probabil ai răspunde că este atunci când trebuie să renunți la decorativitate în favoarea funcționalității. Cel mai probabil, vă veți gândi imediat la o paletă de culori neutre constând din nuanțe de negru, gri și alb.

Se pare că adevăratul spirit al minimalismului a fost înlocuit de utilizarea unor scheme de culori plictisitoare alb-negru. Mi se pare că acest lucru a fost făcut intenționat pentru a compensa dimensiunea mică a ecranului și puterea redusă a dispozitivelor mobile.

Dar în 2017 totul se va schimba. Minimalismul va reveni în adevărata sa formă. Ceea ce înseamnă că va fi mai multă culoare. În zilele noastre, dispozitivele mobile sunt la fel de puternice ca și computerele, iar unele chiar au ecrane mai bune.

Exemplul meu preferat de design minimalist este logo-ul platformei Medium. Creatorii săi au reușit să combine mai multe culori diferite și să mențină în continuare un stil minimalist.

Google a realizat o altă reproiectare a logo-ului în favoarea minimalismului și a unei combinații de culori strălucitoare. Este de remarcat faptul că această companie a servit drept catalizator pentru apariția multor noi tendințe. Designerii au tăiat ușor fontul și au introdus un nou aspect de logo în formă de G care îmi place foarte mult.

Spiritul de minimalism se simte în toate acestea, dar presa nu a scris despre asta. Oamenii au uitat ce este adevăratul minimalism. Logo-ul nu era incolor și realizat într-o singură formă, așa că nimeni nu s-a gândit că este realizat într-un stil minimalist.

Noul logo a fost luminos și atrăgător - păstrând în același timp un aspect minimalist. După reproiectare, oamenii din jurul lor au început să imite Google, așa cum făcuseră înainte în alte aspecte.

Noi înșine am început să folosim un stil mai minimalist pentru designul blogurilor noastre.

Designul simplu al imaginii transmite cu ușurință informațiile necesare.

Folosind GIF-uri

Toată lumea (ei bine, aproape toată lumea) iubește GIF-urile. Ne ajută în conversație pentru că uneori pot transmite emoții mai bine decât textul.

În plus, nu sunt necesare programe speciale pentru a le reda. GIF-urile sunt de obicei mici și pot fi încorporate aproape oriunde.

Sunt mai bune decât videoclipurile și imaginile, mai ales atunci când doriți să reduceți timpul de încărcare a paginii și traficul. Cred că versatilitatea lor face GIF-urile un element de design și mai util.

Îmi place foarte mult să pun gif-uri în antetul unui articol. În loc să puneți o imagine de stoc plictisitoare acolo, luați câteva minute și faceți un GIF ca acesta.

Nu trebuie să faci eforturi creative speciale pentru a face acest lucru, dar cu siguranță va atrage atenția asupra postării tale pe rețelele sociale. Iată un alt exemplu bun de utilizare a GIF-urilor în antetul unui articol.

Imagini în două culori

Aceasta este o combinație de două culori, de obicei foarte luminoase sau contrastante, într-o singură imagine. Pentru a crea astfel de imagini, va trebui să vă activați abilitățile de design, dar merită.

Doar un designer foarte priceput poate realiza imagini atât de frumoase în două culori. Sunt sigur că nu pot crea așa ceva, dar asta nu înseamnă că ar trebui să tăiați această tehnică din planurile dvs. de design.

Fiecare designer este interesat să fie la curent cu cele mai recente evoluții în domeniu și, de asemenea, este necesar să fie la curent cu tendințele sau tendințele actuale din piață. De fapt, designul web este atât de dinamic încât ceea ce este considerat astăzi proaspăt și modern poate părea complet depășit mâine.

Și de aceea este foarte important să fii în tendințe și să urmărești mereu toate schimbările. Fiecare design trebuie să înțeleagă că este un proces continuu de cunoaștere și învățare. Să ne dăm seama ce tendințe și tendințe vor fi solicitate pentru design web în 2018 și unele chiar în 2019.

Modele, linii și cercuri, forme geometrice

Este această tendință care a apărut în 2016, a câștigat popularitate în 2017 și va continua să se dezvolte în 2018. Folosind forme și modele mixte pe pagină, puteți obține rezultate uimitoare. În primul rând, compoziția, o imagine holistică a aspectului, este apreciată în design. Designul plat și designul materialului se combină foarte bine cu elemente decorative și forme simple. Designul 2D continuă să existe, dar au existat unele schimbări.

Culori deschise

Adaugă culori strălucitoare și ne declarăm cu îndrăzneală! Designul material și designul plat se potrivesc bine cu culorile bogate. Tranzițiile de culoare sunt una dintre tendințele designului modern. Instagram a fost primul care și-a schimbat imaginile și siglele mărcii. Au schimbat culorile plate cu degrade și tranziții multicolore. Siglele, butoanele, toate elementele au primit un stil nou. Aceasta este o tendință a anului 2017 și vedem că va continua și în 2018. Principalul lucru aici este să combinați corect culorile și să nu arătați strălucitor.

Ilustrații și grafice unice

Designul grafic devine limitat în cadrul designului web obișnuit. Are un potențial mare și, în general, nu a fost încă pe deplin dezvoltat. Cred că în tendința din 2018 vom observa o creștere a popularității ilustrației grafice. Vă sugerez să faceți cunoștință cu câteva domenii care prezintă un mare interes în rândul designerilor.

Artă schiță. Tema meșteșugurilor a preluat afacerea, iar ilustrațiile desenate manual au cucerit industria tipografiei. Această tendință continuă să evolueze în designul web.

Conținut foto

Abordarea conținutului foto de pe site-urile de comerț electronic va rămâne relevantă în 2018, îndepărtându-se de la imagini identice din magazine către fotografii unice cu drepturi de autor. Interesant este că toate premisele sunt prezente: peste 60% dintre utilizatori consideră că fotografiile sunt factorul decisiv într-o achiziție, așa că magazinele le acordă maximă atenție.

Animaţie

Obiectele animate sunt acum peste tot: logo-uri, pictograme pe site-uri web și aplicații, tranziții între stările obiectelor în designul materialului. Uneori, chiar și în e-mailuri, interactivitatea se poate strecura: sunt pline de videoclipuri de fundal, un proces de comandă încorporat și meniuri cu drepturi depline. Videoclipurile și GIF-urile de calitate superioară care rulează într-o buclă continuă, oferind ochilor noștri un deliciu vizual, sunt văzute ca o modalitate populară de a adăuga dramă și mișcare paginilor. Reține cu succes atenția vizitatorului pentru o lungă perioadă de timp.

Extensii

Vechile și binecunoscutele formate PNG, JPG și chiar GIF sunt lucruri din trecut. Au fost inventate cu foarte mult timp în urmă și nu au loc în lumea modernă. Acum se pune mai mult accent pe calitatea și disponibilitatea imaginii. SVG va deveni cel mai popular format numărul 1. Este ușor scalabil și, în plus, fără pierderi de calitate. În plus, dimensiunea imaginilor originale SVG este foarte rezonabilă. Acesta va fi cel mai bun format pentru elemente grafice mici. În ceea ce privește software-ul, Sketch va înlocui Photoshop.

Deja face dezvoltarea mai ușoară și mai rapidă. Funcționalitatea sa este de multe ori superioară Photoshop și credem că în 2018 diferența va deveni foarte semnificativă. Drept urmare, Adobe va pierde unii dintre utilizatorii săi fideli sub formă de designeri web și UI. Încercați calculatorul nostru de costuri pentru a afla cât costă dezvoltarea unui design unic și de vânzare.

Rețele sociale profesionale

Bine, acum știm în ce direcție se vor dezvolta tendințele de design web, dar cum rămâne cu rețelele sociale? Ar trebui să reflectăm asupra lor și să acordăm mai multă atenție? Pe scurt, cu siguranță da. Behance și Dribbble, cele mai populare printre designeri, vor deveni și mai autoritare.

Munca ta va crește semnificativ recunoașterea mărcii în vastitatea acestor rețele sociale de designer. În 2018, designul va continua să urmeze tendințele moderne din 2017, dar se va îmbogăți în continuare cu noi culori și idei. Este de remarcat faptul că designul este una dintre cele mai importante faze ale dezvoltării web, care durează până la 30% din timpul total.

În 2016, au apărut multe site-uri interesante, unde tendințele moderne s-au manifestat clar. Nu există nicio îndoială că anul viitor ne va aduce multe soluții de design uimitoare. Desigur, unele tendințe vor scădea, în timp ce altele, dimpotrivă, vor începe să capete putere. Este destul de dificil de prezis cum vor deveni lucrurile de fapt, dar puteți vedea deja ce tendințe vor domina designul web în 2017.

Atentie, continut

Dezvoltarea rapidă a web-ului a dus la faptul că designerii s-au lăsat prea duși de design în sine: bare laterale, anteturi, bannere publicitare, ferestre pop-up, butoane de rețele sociale, îndemnuri, formulare de înregistrare... Toate acestea, desigur, este foarte necesar, dar ca urmare site-urile s-au dovedit a fi supraîncărcate cu elemente de funcționalitate care au ocupat mult spațiu și au distras atenția utilizatorilor de la cel mai important lucru – conținutul.

Așadar, în 2017, s-ar putea să vedem o mișcare lentă înapoi la elemente de bază, designerii plasând conținutul ca obiectiv principal. Unele elemente funcționale nu vor mai fi relevante, este foarte posibil ca designul lor să fie regândit și poate să apară funcționalități noi, mai ușor de înțeles. Se simte deja că tendința spre simplificare capătă putere, așa că mișcarea către elementele de bază nu este o regresie, ci o mișcare înainte. Utilizatorul nu are nevoie de butoane CTA sau formulare de înregistrare sofisticate - tot ceea ce le pasă oamenilor astăzi este conținutul, iar designerii trebuie să îl livreze într-un mod care să nu lase vizitatorii site-ului fără bariere inutile în interacțiunea cu conținutul.

Sfârșitul erei designului plat

Se pare că designul plat a atins apogeul dezvoltării sale: au apărut multe site-uri web care arată exact la fel și nu există un sentiment de individualitate sau creativitate în designul lor. Aceleași tehnici, elemente similare, scheme de culori comune - toate acestea au dus la o monotonie vizibilă în designul site-ului web.

Până de curând, designul plat era o tendință foarte „fierbinte”, avea o estetică proprie, opusă esteticii skeuomorfismului și, în plus, designul plat se potrivea foarte bine în mediul mobil. Dar dorința de unificare, în anumite privințe, nu a beneficiat de web design în ansamblu: site-urile și aplicațiile au devenit atât de asemănătoare între ele, încât designerii trebuie să depună eforturi semnificative pentru ca proiectele lor să iasă în evidență față de concurență. Designul plat, desigur, nu merge nicăieri, dar marșul său triumfal, deoarece cea mai actuală tendință pare să s-a încheiat.

Forme geometrice, linii și modele

Formele geometrice și diverse modele au fost una dintre cele mai vizibile tendințe ale anului trecut și această tendință va rămâne cu noi în 2017. Există multe modalități de a folosi forme geometrice în designul site-urilor web. Acestea nu sunt doar imagini înscrise într-un cerc, care se găsesc peste tot - varietatea de forme și modele este atât de mare încât nimic nu limitează imaginația designerului. Folosirea de modele, linii și forme interesante vă poate duce designul la următorul nivel și poate adăuga personalitate site-ului dvs. Designul plat privează site-urile web de identitatea lor, așa că designerii caută modalități de a rezolva această problemă și diverse elemente non-standard îi ajută să facă aspectul paginilor web unic și recunoscut.

În 2016, a existat o tendință foarte vizibilă de utilizare a antetelor cu design non-standard. Au apărut multe site-uri unde elementul principal de pe pagina principală era numele. Logo-ul, situat de obicei în colțul din stânga sus al paginii, a lăsat adesea loc unui titlu spectaculos într-un font frumos. Totul este rezultatul dorinței de originalitate - designerii caută oportunități de a-și exprima creativitatea, iar tipografia impresionantă este o modalitate excelentă de a oferi unui site acea personalitate atât de necesară. Desigur, această tendință va fi destul de locală, este puțin probabil ca zona sa de influență să se extindă dincolo de proiectele de artă și de sectorul divertismentului. Cu toate acestea, titlurile non-standard ar trebui folosite dacă stilul proiectului o permite. În toate celelalte cazuri, un logo clasic în partea de sus a paginii ar fi mai potrivit.

În căutarea atenției utilizatorilor, multe mărci folosesc imagini în două culori și gradiente neobișnuite în designul site-urilor lor web. Duotone a fost o tendință notabilă a ultimului an și nu există nicio îndoială că mulți designeri vor continua să folosească această tehnică în viitor. Poate că uneori nu va fi doar un duoton, imaginea poate conține și alte culori dacă acest lucru vă permite să obțineți efectul dorit. În același timp, astăzi imaginile în care duotonul este combinat cu un gradient arată foarte proaspăt. Designul plat „a ajutat” să scape de majoritatea degradelor, dar acum au revenit, într-o formă modificată, dar în același timp foarte atractivă.

Utilizarea pe scară largă a animației

Animația devine din ce în ce mai comună în designul site-urilor web, deoarece este o modalitate excelentă de a spune utilizatorilor ce ar trebui să facă sau pur și simplu de a transmite mai rapid ideea principală. Anterior, utilizatorii se ocupau cu GIF-uri obișnuite, dar acum o tendință câștigă amploare în care animația se face folosind capabilitățile SVG și CSS. Această abordare este mai complexă, dar în același timp vă permite să implementați aproape orice idee a designerului.

Este clar că folosirea animației va deveni și mai comună în 2017, pe măsură ce conținutul devine interactiv, iar animația face interacțiunea mai rapidă și mai ușoară cu utilizatorul. Citirea textului sau vizionarea unui videoclip necesită timp, dar cu ajutorul animației îți poți atinge obiectivele într-o perioadă mult mai scurtă de timp.

Navigare simplificată

Ponderea utilizatorilor de internet mobil este în creștere constantă, oamenii folosesc din ce în ce mai mult un smartphone sau o tabletă decât un computer desktop pentru a accesa rețeaua. Pe măsură ce societatea devine mai mobilă, abordările anterioare ale navigării pe site-uri web nu mai funcționează. Utilizatorii trebuie ajutați să navigheze pe site, iar acest lucru se poate face doar prin simplificarea navigării.

Site-urile cu meniuri mari devin un lucru din trecut, utilizatorii nu mai doresc să petreacă mult timp căutând informațiile de care au nevoie, așa că tot mai multe site-uri abandonează navigarea complexă și lasă 4-5 articole în meniu. Elementele de navigare rămase, dacă există, rămân ascunse și apar doar atunci când este necesar.

În designul UX, o experiență pozitivă a utilizatorului este cheia. Prin urmare, microinteracțiunile ar trebui să ajute utilizatorii să înțeleagă cum să interacționeze cu interfața fără confuzii inutile. Răsfoirea fotografiilor, derularea graficelor și alte acțiuni ale utilizatorului ar trebui să fie cât se poate de naturală. Ajutând utilizatorul să interacționeze eficient cu aplicația, puteți folosi micro-interacțiuni pentru a încuraja oamenii să vizualizeze conținutul. Principalul lucru este să rețineți în mod constant atenția utilizatorului, oferindu-i opțiuni convenabile pentru vizualizarea informațiilor interesante. Adopția pe scară largă a dispozitivelor mobile a făcut din microinteracțiuni una dintre cele mai notabile tendințe ale anului 2016 și nu există nicio îndoială că această tendință va fi una dintre cele mai relevante în anul următor.

Grafică personalizată

Elementele de design care arată ca și cum ar fi fost desenate manual devin din ce în ce mai solicitate. Acest lucru se aplică nu numai imaginilor - de foarte multe ori puteți vedea fonturi scrise de mână, grafică originală, butoane sau pictograme non-standard în design. Micile modificări în designul elementelor familiare pot oferi site-ului individualitate, făcându-l mai „viu” și mai atractiv pentru utilizatori. Dacă specificul proiectului permite o abordare informală, atunci folosirea graficelor personalizate va fi o modalitate excelentă de a rezolva problema fără a utiliza elemente standard.

Importanța crescândă a paginilor de destinație

Astăzi, pe măsură ce utilizatorii interacționează cu diferite tipuri de conținut, este esențial să le oferim informațiile de care au nevoie cât mai repede posibil. De aceea, vom vedea o creștere a importanței paginilor de destinație în 2017. Se va acorda în continuare multă atenție designului paginii de pornire, dar uneori există atât de mult conținut pe site încât pur și simplu trebuie să fie plasat compact pe paginile de destinație. Această tendință a fost condusă de agenții de marketing care doresc să atragă trafic către paginile de destinație dedicate pentru a ajuta utilizatorii să găsească mai rapid ceea ce au nevoie.

În loc de o concluzie

Timpul va spune ce tendințe vor părăsi scena și care vor rămâne. Vor apărea și noi tendințe - în ciuda faptului că mulți oameni cred că designul web a încetat să se dezvolte, nu este absolut cazul. Așa că anul viitor ne putem aștepta cu toții să vedem o mulțime de site-uri web frumoase cu design neobișnuit.