Designul plat sau Înapoi la minimalism

Cuvântul "plat" în limba engleză înseamnă "plat". De când apariția așa-numitului design plat și-a menținut poziția de mai mulți ani acum, ocupând poziții de lider pe piață.

Cum a început totul

Web design-ul de la începuturile sale sa schimbat de multe ori. A trecut mult de la elemente simple și plictisitoare la trei-dimensionale, convexe și aproape materiale. Acest lucru poate fi văzut cu ușurință în exemplul schimbării aspectului sistemului de operare Windows. Componenta vizuală se dezvoltă în paralel cu dezvoltarea tehnologiilor. Dar noile sale tendințe indică mai degrabă o revenire la minimalism și simplitate.

De la skewomorphism la designul Flat

Stilul care precede avionul a fost greșit. A fost o tendință majoră în design pentru o perioadă foarte lungă de timp. Skeuomorph - un stil Pseudo, toate elementele care imită aspectul obiectelor reale (agenda, ceas cu alarmă), folosind umbre, texturi naturale și alte lucruri. Exemplele sale vii s-au întâlnit în interfețele timpurii ale smartphone-urilor. El a început să-și piardă pozițiile lor după 2010, atunci când companiile mari designeri au început să se uite în direcția de simplificare și în dezvoltarea de interfețe de utilizator a început să scape de principalele caracteristici ale skeuomorph - tridimensionalitatea.

Un bun exemplu de diferență în stiluri poate fi fotografia de mai jos. Imaginea din stânga este un design plat, iar în partea dreaptă este un skewomorphism.

Caracteristici ale stilului plat

Flat este un stil bidimensional. Nu există absolut niciun efect vizual, cum ar fi tranzițiile de culoare netedă, umbrele, texturile 3D. Într-un cuvânt, tot ceea ce face o imagine tridimensională.

Informația principală este purtată de pictogramele (pictograma de design plat). Acestea ar trebui să fie la fel de clare pentru utilizatori cât mai mult posibil atunci când vine vorba de aplicații pentru smartphone-uri. Pentru site-uri, aceleași pictograme sunt elementele principale, reflectând specificul și mesajul său de informare. De regulă, ele sunt prezentate sub formă de figuri geometrice simple, un cerc sau un pătrat, cu o imagine caracteristică condiționată.

La elaborarea planului plat, atenția este acordată schemei de culori. Ar trebui să fie monotonă, nu intruzivă sau care să le distrag atenția utilizatorului. Cel mai adesea, se utilizează o culoare pură și câteva nuanțe contrastante. Apropo, există o mulțime de servicii de internet cu seturi de culori de design plate, pe care le puteți utiliza prin copierea codurilor hexagonale ale culorilor pe care le doriți.

Nu mai puțin important este un lucru ca tipografia (textul). Datorită simplității generale, componenta textului este deosebită. Prin urmare, ar trebui să fie lizibil și nu contravine stilului general. Acest lucru va depinde de alegerea reușită a fontului și a culorii acestuia.

Exemple de design plat

Să începem cu faptul că partea proastă a schimbat pictogramele multor resurse de internet bine cunoscute și rețele sociale. Nu cu mult timp în urmă, giganții Google și YouTube și-au schimbat designul la plat. Sistem de operare Windows, de la Grupul celor Opt, abandonat complet toate semnele de icoane de volum, care plăcut ochiului unor utilizatori din versiunile anterioare, și a început să se lipi de design plat. Exemplul său a fost urmat de dezvoltatorii de aplicații mobile pentru iOS și Android.

Utilizarea pe scară largă a avantajelor site-urilor de tip flat-land (aterizări), pentru care rolul decisiv nu este jucat de un aspect pretențios, ci de funcționalitate și lizibilitate.

Evoluția designului plat

Inițial, designul plat era plat, ceea ce a creat anumite dificultăți pentru utilizatorii obișnuiți cu butoane convexe. Dacă în skewomorphism clickabilitatea butoanelor a fost imediat vizibilă, atunci în primele variații ale designului plat nu a fost întotdeauna posibilă determinarea interactivității elementelor de la prima dată.

După ce Microsoft a lansat Windows 8, proiectat într-un stil plat, nu toți utilizatorii puteau să-și dea seama imediat noua interfață și pictogramele pe care le pot face clic. Apariția elementelor nu indică nicio interacțiune posibilă cu ele. Acest design a fost convenabil, mai degrabă, pentru aplicațiile mobile, care au preluat această idee. Și primul lucru pe care Apple la făcut în designul iOS 7.

Cu toate acestea, designul plat nu se oprește și se dezvoltă în direcția complicațiilor. Pentru ziua de azi, este din ce în ce mai mult un design semi-plat sau, așa cum se numește Flat 2.0. A început să apară efecte de adâncime, umbre, înclinări. Adâncimea în designul plat este realizată prin plasarea elementelor la diferite niveluri sau sub un unghi.

Indiferent ce a fost, stilul se află la înălțimea popularității și este foarte solicitat. Deci, dacă intenționați să vă proiectați site-ul, puteți face în siguranță o alegere în favoarea designului Flat. Și dacă aveți nevoie de anumite elemente care lipsesc la site-ul dvs., pe Internet, puteți găsi o mare cantitate de UI-elemente de design gratuite plat (free download), cum ar fi simboluri, fonturi, template-uri, și alte componente necesare ale interfeței cu utilizatorul.

Pro și contra de stil

Fără îndoială, în ritmul ritmului de viață de astăzi, un stil informativ atât de scăzut este mai convenabil decât predecesorul său. Designul plat are o serie de avantaje incontestabile.

Cel mai important lucru este, probabil, încărcarea rapidă a paginilor web. Site-urile care utilizează designul plat se deschid mult mai repede decât cele care sunt supraîncărcate cu animație și alte obiecte grele. Este deosebit de important timpul de descărcare pentru optimizarea SEO și promovarea site-ului în partea de sus.

Afișarea simplificată contribuie la lizibilitatea textului și vă permite să vă concentrați asupra conținutului principal.

Designul arată armonios și complet, ceea ce creează o impresie generală plăcută.

Nimic nu poate fi perfect și designul plat nu este o excepție. Pentru toată simplitatea aparentă, dezvoltarea unui design web cu adevărat de succes nu este atât de ușoară. Există șansa de a face acest lucru plictisitor și neatractiv. Sau invers, să fii mai înțelept cu designul și să uiți de funcționalitate. Sarcina principală în dezvoltarea Flat-design-ului este de a menține echilibrul perfect între frumusețe și confort.