Noi tendințe în design web. Text în cadru. Folosind videoclipul ca fundal

Designul este schimbător. Este în continuă evoluție, în fiecare an apar noi tendințe, se dezvoltă noi stiluri. Și acest lucru se aplică nu numai modului vestimentar, ci și modului în design grafic.
Experții au analizat siglele anului 2016 și și-au prezentat viziunea despre ceea ce va fi popular anul viitor.

Minimalism

Ideea principală Acest stil este de a scăpa de tot ce este inutil și de a lăsa doar esențialul. Minimalismul este popular de câțiva ani și, în opinia noastră, nu își va pierde poziția în 2017. Simplificarea formelor, un minim de culori și efecte, plasarea corectă a accentelor - aceasta este ceea ce permite logo-ului să fie modern și să îl folosească pe diverse medii și platforme.
Rebrandingul companiilor cunoscute care și-au simplificat logo-urile nu face decât să confirme relevanța acestei tendințe.

Stivuirea scrisorilor

Alcătuirea unui logo din linii de text este o altă modalitate simplă de a crea o compoziție plăcută vizual și destul de originală. Stilul de stivuire a scrisorilor este folosit atunci când designerii trebuie să plaseze text lung pe un logo cât mai scurt și concis posibil. În acest caz, direcția textului poate fi orizontală sau verticală, adesea folosind suplimentar elemente grafice. Astfel de logo-uri atrag atenția, iar aspectul blocului vă obligă să citiți încet și cu atenție. Această tendință a apărut în 2016 și popularitatea sa va fi probabil destul de mare în 2017.

Logo-uri text

Un logo text clasic este întotdeauna relevant și surprinzător de eficient, așa cum demonstrează cu succes mărci puternice precum Sony, Coca-Cola, Asus, IBM și multe altele. În 2016, designerii s-au concentrat pe utilizarea diferitelor fonturi cu adăugarea de efecte simple: stilizarea unei părți a inscripției, creșterea sau scăderea crenării și combinarea stilurilor (în special scrise de mână).

Scriere

Siglele realizate în stil de litere arată incredibil de elegante. Desigur, această metodă nu poate fi numită complet inovatoare, dar pentru unele categorii de companii și unități este cea mai potrivită. Literele sunt de obicei adoptate de hoteluri, cafenele și restaurante, dând identității lor mai multă sofisticare și profesionalism. Datorită naturii sale câștigătoare, acest tip de tipografie va rămâne relevantă în 2017.

Design plat

La fel ca și minimalismul, acest stil este destul de popular datorită purității și esteticii sale, fără complicații inutile. Vă rugăm să rețineți că designul plat inspiră un sentiment de claritate și comoditate.
Soluțiile vizuale minimaliste și îngrijite în locul obiectelor 3D cu texturi, umbre și degrade sunt un exemplu excelent de logo-uri simple, dar eficiente.

Gradient

Având în vedere popularitatea simplității, gradientul a trebuit să piardă teren. Cu toate acestea, multe companii, inclusiv Apple, i-au oferit o revenire de succes. Dar trebuie remarcat faptul că utilizarea gradienților în designul grafic a suferit modificări semnificative. Ideea principală de a folosi acest stil astăzi constă în aceeași simplitate. Dacă anterior o revoltă de culori și nuanțe, combinațiile îndrăznețe erau principala modalitate de a adăuga profunzime și volum, acum tonuri dezactivate, palete de modele plate și materiale sunt folosite în același scop.

Linia art

Minimalismul are mai multe fațete. Una dintre manifestările sale sunt ilustrațiile simple, care sunt atât de iubite de designerii de icoane și logo-uri. Mai ales o tehnică atât de îndrăzneață precum arta în linie. Ideea lui este de a crea imagini consistente folosind o linie continuă de o singură culoare, de obicei nuanțe închise. Apropo, aceasta este o modalitate excelentă de a combina textul și imaginile într-un singur întreg.

Tipografie șablonată

Tipografia șablonului arată foarte atractiv pe logo. În plus, există atât de multe variații „pe temă”, încât nu va fi dificil să găsești o modalitate de a aplica această tehnică în domeniul tău. Ierarhia vizuală face ca un logo să fie memorabil, așa că mulți designeri vor continua probabil să folosească serigrafia în anul viitor.

Logo-uri alb-negru

Una dintre cele mai neconvenționale abordări în design grafic este să folosești doar două culori – alb și negru. Astfel de logo-uri reprezintă un tip de literă, completat de diverse forme geometrice.
Designerii au experimentat întotdeauna cu componenta de culoare a logo-ului, dar acum vedem o tendință în care întregul spectru de culori este complet absent. Prin urmare, mulți se străduiesc să creeze ceva unic în cadrul său - este posibil să transmită filozofia mărcii printr-un logo fără a utiliza o paletă de culori.

Gradiente suprapuse

O altă tendință care este legată de gradient și a fost folosită activ în 2016.
Esența sa constă în utilizarea formelor geometrice simple, care, intersectându-se unele cu altele, creează un stil unic și inimitabil. Suprapunerea, ca tehnică de design, a apărut relativ recent și a fost folosită în principal pentru a crea logo-uri sub formă de diferite animale. Dar, de-a lungul timpului, gama de aplicații s-a extins și a fost recunoscută de companii de renume mondial. Să ne amintim sigla actualizată sistem de plată Mastercard - echipa de design de la Pentagram a inspirat-o noua viata, renunțând la utilizarea umbrelor și eliminând fontul din imaginea principală. Drept urmare, am primit un logo simplu și memorabil. Gradientele suprapuse crește în mod constant și doar câștigă avânt. Prin urmare, vă puteți aștepta cu siguranță ca anul viitor să devină una dintre cele mai populare domenii în design grafic.

Forme geometrice

Tema geometrică este solicitată în design de zeci de ani, iar în 2017, formele simple vor rămâne în continuare teren fertil pentru gândire în domeniul branding-ului. Designerii continuă să reușească să creeze logo-uri elegante, dar unice, folosind forme geometrice simple.

Text în cadru

Adăugarea de text într-un cadru de orice formă: dreptunghi, cerc, triunghi etc., vă permite să vă concentrați atenția asupra numelui companiei și asupra componentei de text a logo-ului. Simplu dar mod eficient creați un logo atractiv.

Sigle scrise de mână (fabricate manual)

Compozițiile care imită imagini și elemente desenate manual vor rămâne cu siguranță la modă în 2017.
Prin crearea unui logo „de mână”, puteți obține o varietate de efecte, inclusiv stilizare vintage, grunge sau copilărească. Desigur, principalul avantaj al acestei abordări este unicitatea 100% și, în consecință, recunoașterea mărcii.

Spațiu negativ

Spațiul negativ va continua să ne surprindă. Designul este ceea ce vezi mai întâi, dar odată ce designul îți vorbește, înțelegi despre ce este vorba. Exact așa funcționează. Dacă designul tău este capabil să transmită mai mult decât se vede, atunci devine mult mai special. Din acest motiv, spațiul negativ va continua să existe pentru a atrage și mai mulți oameni care doresc să exploreze profunzimea acestei direcții în design.

Desigur, toate tehnicile descrise mai sus sunt ipoteze bazate pe tendințele din 2016. Designerii din 2017 ne vor încânta cu siguranță cu idei noi și stiluri existente îmbunătățite. Fii creativ, creează-ți logo-ul perfect! Cine știe, poate vei deveni trendsetter-ul unei noi tendințe în designul logo-ului?

P.S. Puteți vedea infograficul pentru acest articol.

Să ne dăm seama ce înseamnă să fii popular, la modă și modern în design web în 2017. Pentru a face acest lucru, să ne uităm la principalele tendințe în design web. Cei mai mulți dintre ei rătăcesc de la an la an și au devenit deja o parte integrantă a construcției moderne de site-uri web. Acest lucru este legat în special de dezvoltare tehnologii mobile, canale de comunicare și îmbunătățiri ale dispozitivelor. De exemplu, o tendință precum mobilitatea site-ului a devenit obligatorie. Comercializarea Internetului dictează, de asemenea, condițiile stricte ale acestuia designerilor și dezvoltatorilor web. În același timp, unele tendințe slăbesc și devin mai puțin populare, dar rămân încă destul de active. Apar și hobby-uri la modă, caracteristice unei perioade scurte. De exemplu, anul trecut acestea au fost icoane cu o umbră lungă a obiectelor reprezentate. Anul acesta modelele geometrice au devenit populare, ne vom uita și la ele. Deci, hai să o luăm în ordine.

1. Design mobil, receptiv
Astăzi, poate, cea mai importantă și obligatorie tendință. Site-ul ar trebui să arate la fel de bine pe toate rezoluțiile de monitoare, laptopuri, ecrane smartphone-uri mobileși tablete. Apropo, motoarele de căutare monitorizează foarte atent cât de bine este adaptat site-ul diverse dispozitive, iar pe baza acesteia își determină locul în rezultatele căutării.

2. Tipografie activă
Este una dintre cele mai populare tendințe de câțiva ani. Fonturile mari și tipografia de pe site au două componente. În primul rând, estetic - linii frumoase, curbele și literele sunt ele însele un element de decor și de decor. Și, în al doilea rând, aceasta este funcționalitatea - cu ajutorul unui font mare puteți transmite fără ambiguitate și clar vizitatorului ideea principală.

3. Video cu ecran lat
Videoclipul pe ecran complet de pe fundalul site-ului ne captează, fără îndoială, imediat atenția. Aceasta este o tehnică bună pentru a interesa vizitatorul. Evoluțiile moderne ale tehnologiei facilitează încorporarea videoclipurilor pe un site web, ceea ce înseamnă că designerii vor folosi din ce în ce mai mult această tehnică. Cu toate acestea, există o avertizare: vizionarea videoclipului este interesantă doar a doua și a treia oară; Prin urmare, această tehnică este eficientă doar pentru vizitatorii noi.

5. Cinemagrafe
O alternativă bună la videoclipurile cu ecran lat și la fotografiile mari de fundal. Cinemagrafele sunt fotografii în care apar mișcări mici, repetitive. Ele sunt de obicei prezentate în format gif și oferă spectatorului iluzia de a viziona un videoclip. Mai multe informații despre cinemagraphs cu multe exemple pot fi găsite în selecție

6. Design plat
O altă tendință puternică din ultimii ani. Site-urile web concepute în culori plate tind să fie îngrijite și clare. Dar, în în ultima vreme, a apărut un nou tip de design plat - Semiplat. Acesta este momentul în care întregul design este realizat în culoare plată și doar un element are o umbră, un gradient sau o textură. De regulă, acest element este un buton, căruia i se acordă volum sau proeminență pentru a atrage atenția vizitatorilor.

7. Microinteracțiune pe site
În prezent, în designul web se acordă o mare atenție microinteracțiunii funcționalității și designului site-ului cu vizitatorul. Esența căreia este că vizitatorul poate vedea clar rezultatul acțiunilor sale pe site, fie că este vorba de ajustarea setărilor utilizatorului, urmărirea unui link, confirmarea unei operațiuni, interacțiunea cu pictogramele active, butoanele, comutatoarele, contoarele și alte elemente.

8. Animarea obiectelor
Capacitățile html5 și css3 moderne vă permit să utilizați un arsenal mare efecte vizuale pe site-ul web. Acest lucru face ca interacțiunea cu pagina să fie mai interesantă și interesantă pentru vizitator. Așa că în noul an vom vedea și cele mai neașteptate micro-mișcări interactive ale obiectelor, reacționând de obicei la mișcarea mouse-ului. Poate că vom vedea exemple de animație mai complexă.

9. Scheme de culori vibrante
Culorile populare la modă ale anului 2017 favorizează luminozitatea și saturația. Nuanțele originale interesante de stacojiu, muștar, galben, smarald, albastru intens, precum și roșu, liliac și ciocolată vor ajuta site-ul dvs. să iasă în evidență și să dobândească propriul stil unic.

10. Defilare pe site
Deoarece derularea site-ului este ideală pentru dispozitivele mobile, prezența acestuia va fi semnificativă în 2017. Singurul lucru este că derularea nu lasă loc pentru interacțiunea utilizatorului și, prin urmare, există o anumită oboseală de la încărcarea nesfârșită a conținutului. Poate că tendința se va îndrepta către o combinație de elemente de control simple cu derulare.

11. Efectul de paralaxă
Paralaxa este o schimbare a poziției aparente a unui obiect față de un fundal îndepărtat. În web design, acest efect este folosit atunci când derulați un site, când obiectele și fundalul se derulează cu viteze diferite, rezultând iluzia tridimensionalității. Tendința este destul de stabilă, așa că vom vedea site-uri cu paralaxă de mai multe ori.

12. Design modular
Designul modular, sau o interfață de card constând din blocuri de înțeles autonome, a fost populară de ceva timp. Această tendință este foarte bună pentru dispozitivele mobile, deoarece blocurile se aliniază bine pentru orice rezoluție de ecran. Dar pe site-urile mari arată destul de la fel și sunt greu de ierarhizat și structurat.

13. O pagină
site-uri de o pagină, pagini de destinație, paginile de destinație au devenit parte integrantă Internet modern. Puteți citi mai multe despre ce este o pagină de destinație în articol și. În 2017, paginile de destinație vor pune un accent sporit pe un buton care cheamă la acțiune - comandă, sună, înscrie-te etc. Orice altceva care distrage atenția unui potențial vizitator va fi întrerupt.

14. Publicitate grafică
De asemenea, aș dori să remarc un lucru de care îmi amintesc despre anul trecut și, cel mai probabil, tendința va continua și în 2017. Datorită comercializării Runetului și creșterii comerțului online, cererea de materiale promoționale grafice pentru publicitate și promovare a crescut semnificativ - bannere, teasere, felicitări, fluturași.

15. Automatizarea proceselor tipice
Toate soluții standard iar procedurile de pe site sunt înlocuite treptat de procese automatizate, ceea ce elimină nevoia de a comunica cu serviciul de asistență sau consultanții online. Datorită acestui fapt, popularitatea este în creștere aplicatii diverseși extensii. Acum puteți cumpăra un produs sau serviciu, să plasați o comandă, să faceți o programare, să rezervați locuri, să transferați bani, să completați un formular sau să faceți un test - toate acestea se pot face online în câteva clicuri de mouse.

16. Infografice
Reprezentarea grafică sub formă de infografică este încă populară și solicitată. Însoțirea textului cu o imagine sau o pictogramă frumoasă, combinată cu elemente de design elegant, face ca infograficul să fie atractiv din punct de vedere estetic. Infograficele comparative sunt deosebit de clare și interesante din punct de vedere vizual - cum ar fi ceea ce s-a întâmplat, ce s-a întâmplat, da, nu, argumente pro și contra, ce s-a întâmplat și nu, etc. De asemenea, puteți folosi infografice pentru a spune o poveste pas cu pas sau pentru a prezenta în mod viu statistici plictisitoare.

17. Meniu de hamburger
Meniul hamburger este o pictogramă vizuală cu trei dungi orizontale, de obicei în colțul de sus al site-ului, care, atunci când se face clic, deschide sau glisează în afara meniului complet din lateral. Mulți experți prevăd că această tendință se va estompa, din cauza faptului că majoritatea utilizatorilor neexperimentați pur și simplu nu înțeleg scopul acestei pictograme. Prin urmare, designerii web tind să favorizeze navigarea simplificată. Dar, cu toate acestea, meniul de hamburger îl vom vedea de mai multe ori pe site-urile nou create.

18. Icoane
Pictogramele, ca modalitate de prezentare a informațiilor și instrument de vizualizare, au fost și rămân una dintre cele mai populare și preferate tendințe în rândul designerilor. Este suficient să plasați pictogramele tematice corespunzătoare lângă blocurile cu text - iar acum întregul text capătă ordine și structură logică și vizuală. Deci, în anul viitor vom continua să folosim activ pictogramele.

19. Stivuirea scrisorilor
Stivuirea scrisorilor este text într-un pătrat. De fapt, acesta este un exemplu de soluție creativă complexă - trebuie să prezentați un text lung într-un spațiu mic. În același timp, ar trebui să arate frumos și original. Anul acesta este și la modă.

20. Buton gol
Datorită spațiului și economiei de spațiu dispozitive mobile Cu ceva timp în urmă, a apărut un buton gol - o inscripție mare cu un contur pătrat în jurul cuvântului. Un astfel de buton oferă o imagine de ansamblu asupra fundalului din spatele butonului și, în același timp, își păstrează funcționalitatea ca buton cu drepturi depline. În plus, ca element de design, un astfel de buton arată elegant și îngrijit.

21. Evitați fotografiile de stoc
Unii experți au observat că designerii încep să abandoneze fotografiile de stoc. Deoarece dispozitivele moderne vă permit să faceți o fotografie rapid și eficient, puteți evita impersonalitatea și uniformitatea stocului și puteți face propria fotografie unică și puteți crea propriul design unic.

22. Unghiuri neobișnuite în fotografie
Găsirea unghiurilor interesante în fotografii a devenit disponibilă oricărui proprietar al unui smartphone cu cameră. În acest sens, creativitatea la crearea fotografiilor este în afara topurilor și putem decora site-ul cu o imagine unică cu un unghi sau unghi de vizualizare neobișnuit.

23. Carusel
Glisorul carusel, care a intrat în viața de design în urmă cu câțiva ani, este încă popular și relevant atunci când proiectați site-uri web. Folosind un glisor larg, este convenabil să rotiți știrile principale, precum și prezentul promotiile curente, colecții și multe altele informații actualizate, pe care vizitatorul o vede imediat la intrarea pe site.

24. Auto-redare audio și video
Dar această tendință este salutară din anii 2000. Îmi amintesc pe atunci că era la modă să redați un sunet când accesați un site web. Și acesta pentru mulți. Nu pot spune că acompaniamentul audio mă mulțumește, dar poate că o utilizare moderată va fi discretă. Ei bine, videoclipul care se redă singur este mai degrabă un tribut adus reclamei, ca și pentru mine. Ei bine, plus dorința de a menține atenția vizitatorului în feed. Nu cea mai plăcută tendință, dar necesară din punct de vedere comercial.

25. Modele geometrice
Ei bine, vom încheia recenzia noastră cu o tendință de modă pe termen scurt sub formă de diferite modele și modele geometrice. Au devenit neașteptat de populare la sfârșitul anului trecut. Ei bine, o altă modalitate de a vă face designul site-ului web să iasă în evidență și unic.

Infografică „Tendințe în design web 2017”
Vă ofer un infografic care prezintă clar toate tendințele și tendințele în web design. Descărcați poza în dimensiune mare Puteți urma acest link pe DeviantArt. O pagină pe DeviantArt se va deschide într-o fereastră nouă. Acolo, faceți clic pe cuvântul Descărcare din dreapta imaginii și salvați imaginea pe computer.

Sub Anul Nou cineva spune averi pe zațul de cafea și își aruncă papucii peste umăr. Iar designerii încearcă să cerceteze viitorul și să identifice tendințele care vor deveni tema principală a anului 2017. Să încercăm și noi. Ne vom baza nu doar pe gust și pe faptul că „a spus directorul artistic”, ci și pe analiză.

1. Videoclipul este un element funcțional

Textele sunt prea dificile, trebuie să te concentrezi. Pozele nu au caracter informativ. Și videoclipul este tipul de conținut pe care un utilizator modern de internet este gata să îl consume și să-l bea. Și când îi spui utilizatorului o poveste - de exemplu, cum funcționează un proces complex de dezvoltare a unui site web - folosește-o. Filmează și arată cum un analist realizează prototipuri și un designer desenează machete. Cufunda utilizatorul în poveste și răspunde la întrebările pe care le-ar putea avea.

Și nu mai împinge videoclipuri oriunde clientul cere ceva uluitor în limita bugetului. Video pentru frumusețe - speranța ruptă a utilizatorului. Se uită și speră că îi vor arăta ceva util, îi vor spune o poveste. Dar nu. Prin urmare, ca element decorativ de web design care nu îndeplinește functie utila, videoclipul rămâne în 2016.

Da: Un videoclip care răspunde la întrebările utilizatorilor și rezolvă problemele site-ului.
Nu: Videoclipul este în fundal pentru că este frumos și toată lumea o face așa.

2. Cinemagrame în loc de videoclipuri

Folosiți cinemagrame. Sunt mai interesante decât imaginile statice, dar nu dau speranțe false utilizatorilor, cum ar fi videoclipurile fără poveste sau scop.

Cu grijă! Cinemagramele sunt teribil de lipicioase.

3. Grafica cu fonturi

O altă alternativă la videoclipuri și imagini este grafica cu fonturi. Atât decorează site-ul, cât și îl face mai informativ. Principala preocupare aici este conținutul de calitate. Dar asta este o cu totul altă poveste.

4. Icoanele sunt principalul element decorativ

De ce ai nevoie de imagini, videoclipuri și răsuciri de font, dacă poți adăuga „wow” pictogramelor care vor fi deja pe site? Serios, adăugați niște animații personalizate și numiți-o pe zi. Vei fi cel mai la modă.

5. Infografice lipicioase

Problema utilizatorilor este că devin mai puțin harnici. Și uituci ca peștii aurii - au mers pe site, apoi telefonul a clipit (oh, o alarmă falsă - doar o sclipire de lumină solară), s-au întors la monitor și nu-și mai amintesc ce făceau aici. Și ei pleacă.

Problema se înrăutățește în fiecare an. Prin urmare, sarcina designerului este să atragă utilizatorul și să-l forțeze să interacționeze cu conținutul, chiar dacă este vorba de statistici plictisitoare. Mai ales (!) dacă acestea sunt statistici plictisitoare.

Animați-l, pictați-l în culori strălucitoare, forțați utilizatorul să interacționeze cu el - faceți totul pentru a trage utilizatorul înăuntru și nu-l lăsați până la sfârșitul paginii.

6. Navigare combinată

O tehnică care câștigă popularitate - care combină derularea orizontală și verticală - va lumina și viața de zi cu zi a utilizatorului, îl va interesa și îl va forța să interacționeze atent cu site-ul.

7. Evitarea meniului de hamburger

În 99,9% din previziunile de web design pentru 2015 și 2016, autorii promit că anul acesta designerii vor abandona cu siguranță meniul de hamburger. Doar așa. Ei bine, să susținem tradiția și să mai spunem: în 2017, meniul de hamburgeri nu va fi în tendințe, nu face asta, ugh!

Problema cu pictograma cu trei bare este că nu este intuitivă. Este recunoscut de kalachi experimentați care au interacționat deja cu el și știu ce se ascunde în spatele simbolului. Dar pe internet apar mai mulți nou-veniți: atât mormoloci foarte mici, cât și oameni în vârstă. Iar pictograma meniului de hamburger nu le este nici familiară, nici de înțeles. Ei pot afla doar ce ascunde ea și unde naiba este meniul după ce au trecut printr-o experiență dureroasă.

Să fim realiști: este puțin probabil să renunți complet la meniul de hamburgeri. Dar înainte de a-l prinde, căutați o posibilă alternativă pentru fiecare proiect.

studio-spoon.co.jp

8. Încadrați în jurul site-ului

O soluție populară nu este să întindeți site-ul pentru a umple întregul ecran, ci să îl plasați într-un cadru îngrijit. Este frumos și există spațiu liber care poate fi folosit pentru navigare (de ce nu, deoarece meniul de hamburger este pe moarte).

teletype.online

9. Mai multe emoji

Cu cât utilizatorul depune mai puțin efort pentru a reacționa, cu atât va fi mai dispus să facă acest lucru. Și nu au venit cu reacții mai simple decât emoji-urile. Deocamdată, pe site-uri nu poți decât să dai like la conținut, maximul este să dai un Facebook Emote. Dar este timpul să treceți la emoji, colegi designeri.

10. Design material

Da, el este încă cu noi.

11. Mai întâi mobil

Sunt din ce în ce mai mulți utilizatori care vizualizează site-uri de pe telefoanele mobile, motiv pentru care abordarea Mobile First este mai ușor acceptată de clienți în fiecare an. Nu mai este considerat un experiment ciudat, ci o metodă care se justifică. Așa că pregătește-te pentru o avalanșă de site-uri de același tip, dar atât de convenabile pentru telefoanele mobile.

12. Mai multe micro-interacțiuni

Site-urile vor absorbi mai multe jetoane din aplicații mobile. În 2017, vor exista micro-interacțiuni uimitoare care vă vor face să tremure degetele. Ca o inimă pe Twitter - ei bine, este o operă de artă! Vreau să-l apăs pentru totdeauna. Vor fi mai multe din acestea în Mobile First și proiectele clasice.

13. CTA-urile sunt și mai intruzive

Designerul stârnește frumusețea de dragul frumuseții doar pe masă și pe Dribbble. În alte cazuri (în cele pentru care se plătesc bani), marketerii îi respiră greu la ureche, care au nevoie de ceva mai luminos aici și de un buton mai mare acolo. Se pare că în 2016 a existat un punct de cotitură și o regândire a acestor cerințe - așteptați-vă la blocuri CTA mari, suculente, atrăgătoare în 2017. Astfel încât marketerii nu au nimic de adăugat la ele.

strv.com

14. Nostalgia anilor 80

Pe internetul rafinat, designerilor le este dor de pixelii lămpii cu cap de chibrit, de sunetul de opt biți al set-top box-urilor și de zgomotul televizoarelor cu tub. Și compensează dorul lor pentru anii 80 și 90 în designul site-urilor web. Fii în tendințe - adaugă culori acide, interferențe și glitch-uri proiectelor tale.

retrominder.tv

15. Evitarea fotografiilor de stoc

Imaginile de stoc au pus deja dinții pe margine, serios. Meniul de hamburgeri este mai rău și este mai ușor să-i înlocuiți. Așa că hai să-i filmăm pe al nostru.

Secolul 21 este în curte, kamon. Telefoanele sunt ca ceea ce fac fotografii de înaltă calitate. Prin urmare, nu este o problemă să filmați angajații sau procesul de lucru chiar acum pe telefon. Principalul lucru este timpul și dorința de a face un proiect bun.

16. Verzi

Băieții de la Pantone cred că culoarea anului 2017 este această mică verdeață. Să ascultăm și să-l adăugăm pe lista noastră.

17. O nouă abordare a prototipurilor

Indiferent de design minunat pe care îl desenezi, principalul lucru este să-l prezinți în așa fel încât clientul să se îndrăgostească. Sau cel puțin ai văzut-o așa cum o vezi tu.

Un aspect static abia poate face față acestei sarcini, așa că în 2017 trebuie să vă îmbunătățiți abilitățile de prezentare. Pentru ca imediat, înainte de amenajare, clientul să vadă toate stranele inventate și să nu le imagineze în minte. În caz contrar, își va imagina ceva greșit, creând așteptări pe care dezvoltatorii nu le vor putea justifica.
Acum nu este comme il faut ca un designer să deseneze și să arate pur și simplu o imagine. Trebuie să fiți capabil să gestionați fie unul dintre instrumentele de prototipare pentru a crea un șablon interactiv, fie să vă îmbunătățiți abilitățile de animație.
Iată arsenalul dumneavoastră pentru anul care vine, colegi. Dar nu te certa cu un client care vrea un videofon. Nu împinge elemente pixeli și emoji-uri acolo unde aveți nevoie de comerț electronic curat și minimalist. Și nu bombardați clienții reticenți de pe Skype cu link-uri către acest articol. Folosiți tendințele cu înțelepciune - sau nu le folosiți deloc. Oricum, peste trei ani vor fi complet actualizate :)

Liniile, culorile, lumina și umbra, spațiul și formele sunt elementele care alcătuiesc un tablou. Fiecare epocă a avut propriile sale tendințe în reprezentarea lumii. Web designerii sunt la fel ca artiștii, doar că ei creează în format digital. Și dacă tendințele în artă nu s-au schimbat atât de des, atunci designul web se transformă de la an la an. Vom încerca să alcătuim un ghid pentru tendințele de design grafic și să anticipăm cum se vor schimba site-urile web în 2017. Puteți citi despre tendințele de design web pentru 2018.

Deci, 14 se transformă pe drumul către o interfață la modă:

1. Concentrați-vă pe conținut

Ce este mai important: conținutul sau designul paginii? Răspunsul este simplu - designul ar trebui să prezinte conținutul în mod favorabil. Designerii serviciului WebFlow (constructor de site-uri web) propun să pună capăt luptei pentru supremație în 2017, dând preferință conținutului. Un utilizator vizitează un site web în căutarea unui răspuns la o întrebare, fie că este un produs, un serviciu sau un articol util. Sarcina designerului web este de a prezenta conținutul cât mai convenabil posibil pentru o persoană.

2. Evitați „hamburgerii”

Pictograma de meniu mică și convenabilă sub formă de trei dungi, care a fost supranumită „hamburger” pentru asemănarea cu straturile de fast-food, își pierde treptat din popularitate. Este folosit prea des. În 2017, sunt încurajate experimentele cu navigarea și aranjarea neobișnuită a secțiunilor de meniu, de exemplu pe un cadru în jurul site-ului.

3. „Design bazat pe carduri”

Designul web cu carduri a cucerit rapid internetul. Avantajele acestei metode de proiectare:

amplasarea convenabilă a blocurilor pe site;
prezentarea vizual avantajoasă a conținutului;
adaptabilitate pentru dispozitive mobile.

La întrebarea: dacă designul cardului ar trebui sau nu ar trebui să existe în 2017, nu există un răspuns unanim. Va fi folosit pentru că și-a dovedit deja eficacitatea.

Dar proiectarea blocurilorîși pierde treptat poziția de favorit din cauza naturii „aglomerate” a unei astfel de interfețe. Minimalismul și designul plat rămân populare. Elemente de navigare clare și convenabile, fără manevre inutile, utilizarea doar a câtorva culori în design sunt tehnici testate în timp.

4. Plasă ruptă

Această tendință încurajează designerii să gândească în afara cutiei. Încercați să utilizați o grilă non-standard pe site - lăsați blocurile să se „suprapună” puțin unele pe altele și lăsați textele să depășească limitele obișnuite.

Originalitatea este mereu la modă. Designerii occidentali au încercat deja machete non-standard și noi abordări ale designului grafic. Cele mai îndrăznețe soluții pot fi implementate folosind modulele Flexbox și CSS Grid.

5. Fonturi neobișnuite atrăgătoare - părtinire tipografică

Fontul mare este unul dintre elementele principale ale designului web de ceva timp. Tendința se va consolida doar în noul an. Tendința este inscripțiile scrise de mână și icoanele realizate manual stilizate.

O completare excelentă la designul site-ului web ar fi grafica cu fonturi (dacă este cazul).

6. Design receptiv

Versatilitatea site-urilor web pentru dispozitive cu ecrane mari și mici nu mai este o tendință nouă. Abordarea „în primul rând pe mobil” este încă relevantă în 2017. Pe lângă capacitatea de adaptare la gadgeturi mobile, în viitorul apropiat site-urile ar trebui să se adapteze unui anumit utilizator în funcție de:

vârstă;
aptitudini (competențe).

De exemplu, fonturile, luminozitatea culorilor, navigarea se vor schimba în funcție de cine a vizitat site-ul: un pensionar, un preșcolar, un novice pe internet sau un utilizator încrezător. Acest lucru va deveni posibil datorită dezvoltării metadatelor.

7. Culori

Culorile monotone bogate, nuanțele și semitonurile lor au trecut de la tendințele de anul trecut la anul acesta. Designerii continuă să folosească gradienți și să creeze tranziții interesante. Apropo, dacă nu vă puteți decide cu privire la alegerea culorii, aruncați o privire mai atentă la „Greenery” la modă.

Seamănă cu verdeața proaspătă de primăvară și va contribui la adăugarea de accente de culoare site-ului. Experții de la Pantone Color Institute au numit-o culoarea anului 2017.

8. Infografice

Tehnica nu este nouă, dar eficientă. Cu ajutorul infograficelor, orice statistică de pe site este transformată într-o imagine ușor de înțeles vizual, cu conținut interesant.

9. Animații

Paginile statice sunt plictisitoare. Este mult mai interesant pentru utilizator să „plimbă” un site cu pictograme animate. Atrageți atenția prin animație asupra acelor elemente care vă sunt benefice, de exemplu, la butonul „Cumpărați”.

Utilizați microinteracțiuni astfel încât utilizatorul să vadă un răspuns la clicuri, tranziții și confirmări de pe site. Atunci acțiunile mecanice vor deveni interactive și atractive.

10. Fotografii și videoclipuri de fundal

Animația este bună, dar fotografiile și videoclipurile de fundal în format larg pentru designul site-ului web sunt și mai bune. Videoclipul adaugă dinamică unei resurse web și vă permite să cufundați utilizatorul într-o anumită poveste, să priviți „în culise” proceselor interne ale unei companii sau mărci. Povestirea în web design este încă relevantă. Fotografie - ilustrează, creând o atmosferă.

Dacă te-ai săturat de aceste elemente, folosește cinemagraphs (o simbioză de fotografii și videoclipuri). Într-o astfel de imagine, doar un element se mișcă continuu fără probleme, ca și cum o parte din fotografie prinde viață.

11. Opriți „stoc”!

Fotografiile stoc sunt găsite în fiecare colț al internetului, iar acest lucru poate face ca un site să-și piardă personalitatea. În 2017, web-ul dă preferință imaginilor unice.

12. Derularea +

Defilarea a câștigat popularitate datorită gadgeturilor mobile, care fac „defilarea” mai convenabilă. Dar mulți oameni sunt enervați de faptul că nu pot ajunge în partea de jos a paginii. Printre tendințele anului 2017 se numără combinația de defilare și navigare pe pagină. Permiteți utilizatorului să aleagă cum să vizualizeze conținutul.

13. Defilare Parallax

În 2017, tehnica paralaxei (mișcare mai departe viteze diferite fundalși față) va câștiga o nouă suflare - dezvoltarea unor tehnici mai complexe cu mai multe straturi. Experimentează cu paralaxa, captivează persoana care vizitează site-ul cu elemente interactive. Dar nu exagerați pentru a nu deruta utilizatorul.

14. Panorame 3D

Panoramele la 360° sunt o altă modalitate de a demonstra în mod eficient un produs utilizatorului sau de a „oferi” vizitatorului posibilitatea de a fi prezent virtual într-un loc, de exemplu, într-un birou sau un hotel al companiei.

Acestea sunt principalele tendințe de web design pentru 2017. Dar nu te concentra doar asupra lor. Experimentează, învață de la colegi cu experiență, iar apoi site-ul tău va deveni original și ușor de înțeles pentru toți utilizatorii. Și suntem mereu pregătiți pentru tine în asta!

În 2016, multe companii și-au reproiectat site-urile web, reducând numărul de opțiuni de navigare. Această tendință va continua și în 2017.

Meniurile de antet de pagină care includeau anterior 5-7 opțiuni vor oferi acum 3-4 opțiuni.

Mai puține opțiuni facilitează căutarea utilizatorului informatiile necesareși evită situația de „paralizie a alegerii”.

Un bun exemplu de abordare nouă este Ikea. În capturile de ecran de mai jos puteți compara vechiul și noua versiune site-ul companiei.

Versiunea veche:

Noua versiune lansata in 2016:

Refuzul meniului de hamburger

Un meniu hamburger nu oferă utilizatorului nicio idee despre profunzimea site-ului sau a aplicației. Ca urmare, el rămâne dezorientat.

Spotify a abandonat deja meniul de hamburger din aplicația sa. Mai multe companii îi vor urma exemplul în 2017.

Duotonuri

Utilizarea duotonurilor face ca designul site-ului web să fie minimalist și vă permite să mențineți atenția utilizatorului asupra mesajului sau navigației principale.

În 2017, ne așteptăm la o utilizare mai activă a duotonurilor în locul fundalurilor pline de culoare.

Design tactil

Dezavantajul defilării cu paralaxă este că încetinește viteza de încărcare a paginii.

În 2016, animația a fost văzută ca o tendință promițătoare. Anul acesta însă, dezvoltatorii se concentrează pe performanță. Din acest punct de vedere, defilarea cu paralaxă nu este cea mai optimă soluție.

Acțiune semnificativă

Unul dintre principiile de bază ale designului materialului este „acțiunea semnificativă”. Google crede asta „acțiunea trebuie să fie semnificative și adecvate, servesc la atragerea atenției și la menținerea continuității".

aplicația Tumblr - bun exemplu implementarea acestui principiu. A câștigat premiul Material Design Award 2016 pentru animație.

Evitați imaginile de stoc de calitate scăzută

Site-urile web ale companiei ar trebui să invite utilizatorii să interacționeze și să reflecte valorile afacerii. Nu mai este loc pentru imagini de stoc de calitate scăzută și plictisitoare. Ca aceasta:

Mai puține aplicații, mai multe PWA

Tehnologia PWA (Progressive Web Apps) permite unui site web să funcționeze ca o aplicație. Inclusiv offline. Este deja folosit de publicații și companii atât de mari precum The Washington Post, Airberlin și Flipkart. Anul acesta, popularitatea tehnologiei va crește.

Fonturi Google

Google a creat o bibliotecă de fonturi cu sursă deschisă cod sursăîn 2010. În 2016, în timp ce a continuat să lucreze la designul materialelor, compania și-a îmbunătățit și serviciul Google Fonts. Ca rezultat, previzualizările fonturilor au devenit mai rapide și personalizarea lor mai ușoară. Secțiunea Featured conține fonturi care se potrivesc bine cu designul materialului.

În 2017, chiar mai mulți designeri web vor lucra cu fonturile Google.

Minimalism

Această tendință combină multe alte tendințe menționate mai sus. Minimalismul înseamnă un accent pe performanță (viteză) și utilizare. Tipografia, contrastul și spațiul joacă un rol important în această abordare.