Какво е Flat 2.0 и защо трябва да ви пука?

Точно когато решихте, че имате плосък дизайн, всички се преместиха да говорят за Flat 2.0. Ако никога не сте предприели скока в проектирането на плосък проект, сега е моментът.

Flat 2.0 е по-лесен за използване, защото съчетава най-доброто от плоския дизайн с допълнителни указания за потребителски интерфейс, за да ви помогне да създадете дизайн на уебсайт, който е красив и функционален. Освен това е много адаптивен и работи с почти всяка концепция. За разлика от някои от най-чистите плоско проектирани уебсайтове, Flat 2.0 комбинира елементи на плоски с фини допълнения, за да подобри удобството на потребителя. Нека да разгледаме няколко примера!

Разгледайте дизайнерските ресурси

Дизайнерите обичат Flat

Признайте, плосък дизайн беше всичко, което дизайнерите говореха преди няколко години. Обичайте или мразете, плосък дизайн вдигна много пара.

Дизайнерският стил, който се отличава с модерна естетика, без украса от елементи като релефни или капки сенки или други триизмерни стилови ефекти, е използван в редица проекти с висок профил и прости дизайни. На плоския дизайн също липсват елементи, които са повдигнати, за да означават кликане или кухи или потънали, за да покажат, че елементите имат нужда от вход. Той бе възприет най-вече за iOS 7 на Apple, драматичен обрат от скеуоморфизма, с който потребителите бяха свикнали.

Но работи. Дизайнерите го харесаха. (Плосък е много забавно да се проектира.) Ярки цветове, прости шрифтове и фокусиране върху абсолютен минимализъм допринесоха за красиви проекти.

Имаше само един проблем. Не беше достатъчно интуитивен за всички потребители. Някои твърдяха, че стилът на дизайна е толкова плосък, че може да се разбере какво трябва да правят потребителите и как трябва да работи интерфейсът.

Въведете Flat 2.0.

Потребителите се нуждаят от малко повече

Flat 2.0 осигурява отклонение за фини детайли и не „забранява” техниките - сенки, градиенти, наслояване - които не са част от плоския дизайн. Използването на фини функции в комбинация с всички останали елементи на плоския дизайн е наречено Flat 2.0 в много кръгове. (И просто еволюция на стила в други.)

Терминът е използван за първи път от дизайнера Райън Алън в края на 2014 г.: „Flat 2.0 е еволюция, а не революция. Когато плоският дизайн беше радикално отклонение от разразилия се скеуморфизъм на отминалите дни, Flat 2.0 е игрив клон от плоското дърво. Плосък дизайн е коледното дърво, Flat 2.0 са орнаментите и бонбоните бастуни. И подаръци. Въпреки това, не може да се почисти тези неща.

Flat 2.0 позволява на дизайнерите по същество да нарушават твърдите правила, свързани с плоския дизайн.

  • Акценти
  • градиент
  • Множество оттенъци и цветови стойности
  • Капка сянка
  • Всяка цветова палитра (не само супер ярка)

Другата голяма промяна е, че Flat 2.0 не живее в свят, в който всичко е UI елемент или икона. Снимките и видеото са голяма част от интерфейсите Flat 2.0. (Много ранни пуристи на плоския дизайн смятат, че тези визуални елементи отнемат от чистото намерение на естетическото.)

Flat 2.0 и последващите итерации са новата беседа на света на дизайна, най-вече заради нарастващата популярност на интерфейса Material Design, създаден от и приет от Google и естетиката на Flat 2.0. Изгледът е очевидно сплескан, но се отличава с еволюцията на елементи с наслояване като основен визуален компонент, както и използването на сенки.

Flat 2.0 решава някои проблеми

Според мнозина плоският дизайн имаше проблеми. Групата Nielsen Norman, която прави изследвания на потребителското изживяване, критикува по-специално плоския дизайн. Някои от тези проблеми включват:

  • Липса на традиционни (и важни) знаци, като градиенти, сенки и подчертава, че потребителите разбраха какво да правят
  • Липса на познати модели за използваемост, като например използване на син подчертан текст за връзки
  • Промяна в контекстните бутони и действия, като поставяне на призиви за действие и липса на изпълнимо копие в полза на по-малко думи

Flat 2.0 отстранява много от тези проблеми и дава на дизайнерите повече гъвкавост да проектират за използваемост. Това беше нещото, което липсваше при плоския дизайн. Докато външният вид беше креативен и готин, той беше модерен за дизайнерите, но не винаги е предназначен за потребителите.

Характеристики на Flat 2.0

Flat 2.0 е привидно перфектният брак между минимализма и скеуоморфизма. Това е изключително използваем стил, който е визуално приятен. Дизайнерите го харесват. Потребителите го харесват. Това е тенденция, която работи.

Голяма част от Flat 2.0 се корени в теорията на дизайна. (Ако искате да се върнете към основите и да направите нещо, което работи, теорията винаги е добро място за начало.)

Flat 2.0 използва специфичен стил, за да създаде йерархия за поток през дизайна. Цветните палитри са отчетливи и конструирани с предназначение. Има фокус върху организацията, разстоянието и яснотата на елементите. Всеки елемент в дизайна трябва да е прост, но много разбираем.

Последният бит е мястото, където Flat 2.0 успява. Дизайнерите могат да вземат дизайна до ръба на скеуоморфизма, ако им харесва, и след това да отстъпят с едно щракване. Flat 2.0 се корени в използваемост. (Това не може да се каже достатъчно, защото е същността на това, което прави дизайна работа.)

Добавете всичко това към идеята, че този стил е много гъвкав и адаптивен. Направен е за отзивчиви и адаптивни рамки или интерфейси за материали. И всеки дизайнер може да смесва и съчетава стилове и концепции, за да създаде нещо, което е напълно единствено по рода си. (Ще ви бъде трудно да намерите нещо по-привлекателно от това.)

заключение

Flat 2.0 е само още една стъпка напред в развитието на този дизайн стил, който се корени в най-чистата форма на минимализъм. Това, което е толкова привлекателно за Flat 2.0 (и като цяло плоския дизайн) е вроденият забавен фактор, който идва заедно с него.

От ярки цветове до типография, която изисква да се чете, по-плоските елементи на потребителския интерфейс отстъпват място на частите от дизайна, които потребителите трябва да видят първо. Плоските бутони и опростените стилове за копиране на тялото дават повече място за изображения и призиви за действие. И затова Flat 2.0 е толкова важен. Той е използваем. Функционален е. И докато тя ще продължи да се развива, идеята зад нея е тук, за да остане.

© Copyright 2024 | computer06.com