Плосък дизайн или Обратно към минимум

Думата "плосък" на английски означава "плосък". От появата на така наречения плосък дизайн, той заема позициите си от няколко години, заемайки водещи позиции на пазара.

От всичко, което започна

Уеб дизайнът се е променил много от самото си създаване. Той е преминал дълъг път от прости и скучни елементи до триизмерни, изпъкнали и почти материални. Това може лесно да се види на примера за промяна на външния вид на операционната система Windows. Визуалният компонент се развива паралелно с развитието на технологиите. Но новите му тенденции сочат връщане към минимализма и простотата.


От изкривен морфизъм до плосък дизайн

Предварителният стил беше косо-морфизъм. Той отдавна е основната тенденция в дизайна. Skewmorphism е псевдо-сгъваем стил, всички елементи от който имитират появата на реални обекти (тетрадка, будилник), със сенки, естествени текстури и други. Неговите ярки примери бяха срещнати в ранните интерфейси на смартфоните. Той започна да губи позицията си след 2010 г., когато дизайнерите на големи компании започнаха да се стремят към опростяване и в развитието на интерфейси започнаха да се отърват от основната черта на косо-морфизма - триизмерен. Голяма илюстрация на разликите в стиловете може да бъде картината по-долу. Образът отляво представлява плосък дизайн, а отдясно е изкривен морфизъм.

Характерни особености на плоския стил

Плосък е двуизмерен стил. вНяма абсолютно никакви визуални ефекти, като гладки преходи на цвят, сенки, обемисти текстури. С една дума всичко, което прави изображението обемно.


Основните информационни характеристики носят иконите (плосък дизайн икона). Те трябва да бъдат възможно най-ясни за потребителя, когато става въпрос за приложения за смартфони. За сайтове, едни и същи икони са основните елементи, които отразяват неговата специфичност и информация. Като правило те се представят под формата на прости геометрични форми, кръгове или квадрати, с характерен условен образ. При проектирането на Flat-Design се обръща внимание на цветовата схема. Тя трябва да бъде монотонна, не натрапчива и не отвлича вниманието на потребителя. Най-често се използва един чист цвят и няколко контрастни нюанса. Между другото, има много интернет услуги с плосък дизайн цветове, които могат да бъдат използвани чрез копиране на шестнадесетичен код на любимите си цветове.
Не по-малко важно е такова нещо като типография (текст). Поради общата простота текстовият компонент е особено подчертан. Така че, тя трябва да бъде четивна и да не противоречи на общата стилистика. Това ще зависи от успешния избор на шрифта и неговия цвят.

Примери за плосък дизайн

Да започнем с факта, че иконите на много известни интернет ресурси и социални мрежи са се променили на плоска страна. Неотдавна гигантите на Google и YouTube също промениха оформлението си в самолета. Операционната система Windows, започвайки с осем, напълно се отказа от всички знаци на обема в иконите, които задоволяваха очите на някои потребители в предишни версии,започна да се придържа към плосък дизайн. Нейният пример е следван от разработчиците на мобилни приложения за iOS и Android.
Широко използваните предимства на плоски дизайн сайтове с една страница (кацане), за които решаващата роля не е странен вид, а функционалност и четливост.

Еволюция на плоския дизайн

Първоначално плоският дизайн беше наистина плосък, което създаде някои затруднения за потребителите, свикнали с изпъкнали бутони. Ако при скайморфизъм веднага се забелязва възможността за кликване на бутоните, тогава при първите варианти на плоския дизайн интерактивността на елементите не винаги се определя за първи път. След като Microsoft пусна Windows 8 в плосък стил, не всички потребители успяха веднага да се справят с новия интерфейс и какви икони могат да кликнат. Появата на елементите не показва възможното взаимодействие с тях. Подобен дизайн е по-скоро удобен за мобилни приложения, които са възприели тази идея. Apple е първият, който го прави в iOS 7.
Въпреки това, плоският дизайн не стои неподвижен и се развива в посока на усложнение. Днес тя все повече прилича на полу-плосък дизайн, или, както се нарича, Flat 2.0. Започва да се появяват ефекти на дълбочина, сенки, наклони. Дълбочината на плоския дизайн се постига чрез разполагане на елементи на различни нива или под ъгъл. Каквото и да е, стилът е на върха на популярността и е много търсен. Така че, ако планирате да проектирате сайта си, можете спокойно да направите избор в полза на плоския дизайн. И ако имате нужда от нещоняма елементи за вашия сайт, тогава в интернет ще намерите огромно количество безплатни плоски елементи на потребителския интерфейс (свободни за изтегляне) като икони, шрифтове, шаблони и други необходими компоненти на интерфейса.

Плюсове и минуси на стила

Безспорно, в днешния луд ритъм на живота, такъв незабележим информативен стил е по-удобен от предшественика му. Плосък дизайн има редица неоспорими предимства.
Може би най-важното е бързото изтегляне на уеб страници. Сайтовете, които използват плосък дизайн, се отварят много по-бързо от тези, които са претоварени с анимация и други тежки обекти. Особено важно е времето за изтегляне за SEO оптимизация и промоция на сайта до върха. Опростеният вид допринася за четливостта на текста и ви позволява да се съсредоточите върху основното съдържание. Дизайнът изглежда хармонично и холистично, което създава общо приятно впечатление. Нищо не може да бъде перфектно и плосък дизайн не е изключение. С цялата си очевидна простота, разработването на наистина успешен плосък уеб дизайн не е толкова просто. Има шанс да го направим скучен и непривлекателен. Или обратното, ретуширан с дизайна и забрави за функционалността. Основната задача при проектирането на Flat-Design е да поддържа перфектния баланс между красота и лекота на използване.

Свързани публикации