Flat design або Назад да мінімалізму

Слова "flat" у перакладзе з ангельскага азначае "плоскі". З моманту з'яўлення так званы Flat design вось ужо на працягу некалькіх гадоў працягвае ўтрымліваць свае пазіцыі, займаючы лідзіруючыя месцы на рынку.

З чаго ўсё пачыналася

Вэб-дызайн з часоў свайго з'яўлення мяняўся вялікая колькасць разоў. Ён прайшоў доўгі шлях ад простых і сумных элементаў да трохмерных, выпуклых і амаль матэрыяльных. Гэта лёгка можна заўважыць на прыкладзе змены вонкавага выгляду аперацыйнай сістэмы Windows. Візуальная складнік развіваецца паралельна з развіццём тэхналогій. Але яе новыя тэндэнцыі паказваюць, хутчэй, на вяртанне да мінімалізму і прастаты.

Ад скевоморфизма да Flat design

Стылем, папярэднім плоскаму, быў скевоморфизм. Ён вельмі доўгі час з'яўляўся асноўным трэндам у дызайне. Скевоморфизм - гэта псевдообъемный стыль, усе элементы якога імітуюць знешні выгляд рэальных прадметаў (запісная кніжка, будзільнік), з дапамогай ценяў, натуральных тэкстур і іншага. Яго яркія прыклады сустракаліся ў ранніх інтэрфейсах смартфонаў. Ён пачаў губляць свае пазіцыі пасля 2010 года, калі дызайнеры буйных кампаній сталі глядзець у бок спрашчэння і пры распрацоўцы карыстацкіх інтэрфейсаў сталі пазбаўляцца ад галоўнай рысы скевоморфизма - трохвымернасці.

Выдатным наглядным прыкладам адрозненні стыляў, можа паслужыць фота, прыведзенае ніжэй. Малюнак злева ўяўляе сабой плоскі дызайн, а справа - скевоморфизм.

Характэрныя рысы плоскага стылю

Flat ўяўляе сабой двухмерны стыль. У ім абсалютна адсутнічаюць візуальныя эфекты, такія як плыўныя пераходы колеру, цені, аб'ёмныя тэкстуры. Адным словам усё, што робіць малюнак трохмерным.

Больш:

Lenovo v580c: падрабязны агляд

Сёння мы вырашылі напісаць пра ноўтбуку Lenovo v580c. Агляд будзе падрабязным, так як гэты партатыўны ПК серыі IdeaPad мае высокую папулярнасць, але не многія ведаюць, чым жа прыцягвае гэта прылада пакупнікоў. Мадэль з'яўляецца хуткай і змяшчае ў саб...

Брандмаўэр - што гэта? Стандартны абаронца ПК

Брандмаўэр – што гэта такое? Карысная функцыя ў аперацыйнай сістэме або малаэфектыўныя сродак абароны? Перш чым адказаць на гэтае пытанне, нам трэба высветліць, што робіць кампутар і як правільна яго наладзіць.Агульныя звесткіДля паспяховай пра...

"Аблівіян": праходжанне гульні. Кіраўніцтва і парады па праходжанні гульні "Аблівіян"

The Elder Scrolls IV: Oblivion — ролевая гульня ад кампаніі Bethesda Games Studios. Адразу ж пасля рэлізу у 2006 годзе яна стала вельмі папулярнай. Сюжэт заснаваны на супрацьстаянні галоўнага героя і культу Прынца Разбурэння, які плануе адкрыць...

Асноўную інфарматыўнасць нясуць у сабе абразкі (Flat design icon). Яны павінны быць максімальна зразумелыя карыстальніку, калі гаворка ідзе аб прыкладаннях для смартфонаў. Для сайтаў ж абразкі з'яўляюцца галоўнымі элементамі, якія адлюстроўваюць яго спецыфіку і інфармацыйны пасыл. Як правіла, яны прадстаўлены ў выглядзе простых геаметрычных фігур, круга або квадрата, з характэрным умоўным выявай.

Пры распрацоўцы Flat-дызайну ўвага надаецца і каляровай гаме. Яна павінна быць манатоннае, не дакучлівая і не адцягвае карыстальніка. Часцей за ўсё выкарыстоўваецца адзін чысты колер і некалькі кантрасных адценняў. Дарэчы кажучы, ёсць мноства інтэрнэт-сэрвісаў з наборамі Flat design colors, якія можна выкарыстоўваць, скапіраваўшы hex-коды упадабаных кветак.

Не менш важная і такая рэч, як тыпаграфікі (тэкст). За кошт агульнай спрошчанасці тэкставая складнік асабліва вылучаецца. Значыць, яна павінна быць чытэльным і не супярэчыць агульнай стылістыцы. Гэта будзе залежаць ад удалага выбару шрыфта і яго колеру.

Прыклады Flat design

Пачнем з таго, што ў плоскую бок памяняліся значкі вельмі многіх вядомых інтэрнэт-рэсурсаў і сацыяльных сетак. Не так даўно гіганты Google і YouTube таксама памянялі сваё афармленне на плоскае. Аперацыйная сістэма Windows, пачынаючы з "васьмёркі", цалкам адмовілася ад усіх прыкмет аб'ёму ў абразкі, якія радавалі вока некаторых карыстальнікаў у папярэдніх версіях, і стала прытрымлівацца Flat design. Яе прыкладу рушылі ўслед і распрацоўшчыкі мабільных прыкладанняў для iOS і Android.

Шырока выкарыстоўваюць перавагі Flat дызайну одностраничные сайты (лендинги), для якіх вырашальную ролю гуляе не вычварны знешні выгляд, а функцыянал і чытэльнасць.

Эвалюцыя плоскага дызайну

Спачатку Flat design сапраўды быў абсалютна плоскім, што стварала пэўныя цяжкасці для карыстальнікаў, якія звыкліся да выпуклым кнопак. Калі ў скевоморфизме клікабельнасць кнопак была адразу прыкметная, то ў першых варыяцыях плоскага дызайну вызначыць інтэрактыўнасць элементаў не заўсёды атрымлівалася з першага разу.

Пасля таго як кампанія Microsoft выпусціла Windows 8, аформленую ў плоскім стылі, не ўсе карыстальнікі змаглі адразу разабрацца з новым інтэрфейсам і на якія абразкі яны могуць клікнуць. Знешні выгляд элементаў ніяк не паказваў на магчымае ўзаемадзеянне з імі. Такі дызайн быў зручным, хутчэй, для мабільных прыкладанняў, якія падхапілі гэтую ідэю. І першымі гэта зрабіла кампанія Apple у афармленні iOS 7.

Аднак Flat design не стаіць на месцы і развіваецца ў бок ускладнення. На сёння ён усё часцей выглядае як паў-плоскі дызайн або, як яго яшчэ называюць, Flat 2.0. У ім сталі з'яўляцца эфекты глыбіні, цені, градыенты. Глыбіня ў плоскім дызайне дасягаецца шляхам размяшчэння элементаў на розным узроўні або пад вуглом.

Як бы там ні было, стыль на піку папулярнасці і вельмі запатрабаваны. Так што, калі вы плануеце афармляць свой сайт, можаце смела рабіць выбар у карысць Flat дызайну. А калі вам патрэбныя якія-то не хапае, элементы для вашага сайта, то ў інтэрнэце вы зможаце знайсці велізарную колькасць Free flat design UI-элементаў (бясплатныя для запампоўкі), напрыклад абразкі, шрыфты, шаблоны і іншыя неабходныя складнікікарыстацкага інтэрфейсу.

Плюсы і мінусы стылю

па-За усялякіх сумневаў, у сучасным імклівым рытме жыцця такі някідкі інфарматыўны стыль больш зручны, чым яго папярэднік. Flat дызайн мае шэраг бясспрэчных пераваг.

Да самага галоўнага, мабыць, адносіцца хуткая загрузка вэб-старонак. Сайты, якія выкарыстоўваюць плоскі дызайн, адкрываюцца значна хутчэй, чым тыя, якія перагружаныя анімацыяй і іншымі цяжкімі аб'ектамі. Асабліва важна час загрузкі для SEO-аптымізацыі і прасоўвання сайта ў топ.

Спрошчаны знешні выгляд спрыяе чытэльнасці тэксту і дазваляе канцэнтраваць увагу на асноўным кантэнце.

Афармленне выглядае гарманічным і цэласным, што стварае агульнае прыемнае ўражанне.

Нішто не можа быць ідэальным і Flat design не выключэнне. Пры ўсёй сваёй уяўнай прастаце распрацаваць сапраўды ўдалы плоскі вэб-дызайн не так то проста. Ёсць верагоднасць зрабіць яго сумным і непрывабным. Ці наадварот, перемудрить з афармленнем і забыцца аб функцыянальнасці. Галоўная задача пры распрацоўцы Flat-дызайну, гэта вытрымаць ідэальны баланс паміж прыгажосцю і выгодай карыстання.