Noua tendință în designul UI: o privire de ansamblu asupra neumorfismului

Designul neumorf este o tendință vizuală care a câștigat acțiune printre designerii UI și a devenit o alegere estetică populară pentru software-ul, site-urile web și aplicațiile mobile contemporane. Bazându-se pe aspecte ale fotorealismului și designului 3D, neumorfismul aduce atribute fizice simulate, cum ar fi umbre și texturi, la interfețele digitale. Pentru a înțelege pe deplin impactul designului neumorf, să aruncăm o privire la originile sale.

Originile designului neumorf

Când Apple a lansat Macintosh în 1984, acesta a fost primul computer personal cu o interfață grafică pentru utilizator. La acea vreme, co-fondatorul Apple, Steve Jobs, credea că pictogramele și simbolurile familiare, cum ar fi un coș de gunoi sau un folder, ar ajuta utilizatorii de computer pentru prima dată să înțeleagă mai bine cum să navigheze în interfața Macintosh. Jobs a părăsit Apple în 1985, dar la întoarcerea sa în 1997, el a îndreptat estetica interfeței de utilizator a companiei către skeuomorfism, un stil în care componentele interfeței oglindesc până la ultimul detaliu omologii lor din lumea reală. Până la lansarea Mac OS X în 2001, Apple dezvoltase un sistem skeuomorf cu drepturi depline numit Aqua – un limbaj de design cu tematică apei, cu pictograme strălucitoare, butoane și meniuri derulante.

Odată cu introducerea iPhone-ului în 2007, marca Apple de skeuomorfism a devenit și mai reală. La începutul anilor 2010, designul skeuomorf a fost alegerea de facto pentru interfețele digitale. Dar, pe măsură ce lumea a devenit mai dependentă de dispozitivele mobile, limitele skeuomorfismului au devenit clare: crearea componentelor de design skeuomorfe necesită mult timp și necesită un grad ridicat de abilitate tehnică. Și în timp ce componentele skeuomorfe arată grozav pe desktop-uri și pe ecranele de pornire, detaliile lor mai fine tind să dispară atunci când sunt scalate la dimensiuni mici.

Stând în contrast puternic cu gradienții și texturile realiste ale skeuomorfismului, mijlocul anilor 2010 a văzut adoptarea pe scară largă a designului plat, o repornire a minimalismului anilor 1960 din era digitală. Designul plat a eliminat componentele interfeței de orice, cu excepția elementelor lor cele mai esențiale — linie, formă și culoare — făcându-l un stil rapid și extrem de flexibil, potrivit pentru companiile mari care doresc să-și sistematizeze limbajele de design.

Timp de câțiva ani, skeuomorfismul a fost o anatema pentru designeri, dar din cenușa sa, o nouă tendință a devenit proeminentă. La sfârșitul anului 2019, neumorfismul (prescurtarea de la „nou skeuomorfism”) a sosit și părea să ofere tot ce este mai bun dintre predecesorii săi. Găsind un echilibru între hiperrealism și minimalism, neumorfismul folosește culori, texturi și umbre într-un mod care se simte adevărat, fără a fi prea detaliat.

Neumorfismul 101

Designul neumorf are trei caracteristici comune: scheme de culori monocromatice, contrast scăzut și umbre subtile. Designerii UI sunt capabili să aplice aceste trăsături la o gamă largă de componente de design care prezintă estetica moale a neumorfismului. Să ne uităm la o aplicație de calculator pentru a vedea cum funcționează designul neumorf:

În designul skeuomorf, calculatorul este redat cu degrade și evidențieri, iar paleta sa de culori ajută la separarea primului plan de fundal. Este menit să arate și să funcționeze ca un calculator pe care s-ar putea să-l găsești în jurul biroului tău. O versiune cu design plat a aceluiași calculator abandonează tehnicile de redare reprezentativă ale skeumorfismului și se bazează pe forme și blocuri de culoare pentru a distinge diferitele sale secțiuni.

Designul neumorf se bazează atât din skeumorfism, cât și din designul plat, prin asocierea unei palete de culori monocromatice cu umbre subtile care fac ca butoanele calculatorului să pară tactile. Contrastul redus dintre prim-plan și fundal conferă calculatorului un finisaj moale, iar efectul general este un realism simplificat.

Exemple de design neumorf

Acum că ești conștient de atributele sale unice, vei observa neumorfism peste tot. Într-adevăr, designerii de interfață de utilizare din diverse industrii, cum ar fi auto, divertisment, asistență medicală și finanțe, au reimaginat componentele de interfață cu aspectul caracteristic al neumorfismului:

Avantajele și dezavantajele designului neumorf

Toate tendințele de design au avantaje și dezavantaje. Când sunt utilizate cu atenție, tendințele au capacitatea de a insufla o nouă viață tiparelor de design previzibile, dar apar dificultăți atunci când tendințele sunt forțate în aplicații în care nu servesc utilizatorilor. Să explorăm avantajele și dezavantajele designului neumorf pentru a înțelege mai bine utilitatea acestuia.

Pro

Deoarece neumorfismul este simplu din punct de vedere vizual, este o potrivire ideală pentru produsele digitale, care constau adesea din zeci, dacă nu sute, de ecrane și componente de design. În designul de produse digitale, simplitatea are mai multe avantaje: facilitează crearea de experiențe coezive din punct de vedere estetic, indiferent de câte ecrane are un produs. Accelerează procesul de conceptualizare, construire, testare și iterare a noilor ecrane. Și îi ajută pe designeri să păstreze produsele consistente din punct de vedere vizual pe măsură ce evoluează.

Pe lângă simplitatea sa, calitățile realiste ale neumorfismului pot face componentele UI să pară mai tactile și pot contribui la semnificația interactivității pentru utilizatori.

Contra

În timp ce neumorfismul este o tendință populară și utilizată pe scară largă, vine cu probleme de accesibilitate. Dacă designerii aleg să folosească elemente neumorfe care sunt strict monocromatice, ar putea crea probleme persoanelor cu deficiențe de vedere, cum ar fi daltonismul. În plus, dependența neumorfismului de contrastul scăzut pentru a obține aspectul său moale poate împiedica lizibilitatea și poate face dificilă identificarea butoanelor, pictogramelor, formularelor și a altor caracteristici importante ale interfeței pentru utilizatori.

Designul neumorf este atemporal

Când este implementat ținând cont de nevoile utilizatorilor (și de accesibilitate), neumorfismul este o opțiune de proiectare a UI convingătoare din punct de vedere vizual pentru aplicații și site-uri web. Umbrele sale subestimate și texturile moi oferă componentelor UI o căldură care invită la interacțiune. În lumea designului, stilurile vin și pleacă, dar simplitatea și calitățile tactile ale neumorfismului îl fac bine potrivit pentru a rezista testului timpului.