Блог

Плоский дизайн

Flat дизайн стал предметом всеобщего обсуждения после представления компанией Apple новой версии iOS. На русский он переводится как «Плоский дизайн». Следующие несколько лет — это будет ведущее направление.

«Плоский дизайн» - особенности, принципы, подводные камни

Естественно, если человек хочет быть в свете последних трендов, чтобы его продукт был всегда актуальным, ему нужно в этом разбираться. Плоский дизайн – что это? Как им пользоваться и что нужно помнить?

Что это такое?

«Плоский дизайн» - особенности, принципы, подводные камни

Плоский дизайн построен на идеи минимализма, его главная особенность – удобство интерфейса, в первую очередь направлен именно в пользовательскую сторону.

Эта задумка является противником скевоформизма. По сути она полностью противоречит реалистичному отображению компонентов. Направлен на упрощение дизайнерских решений.

Скевоформизм подразумевает воплощение в виртуальной среде, реальных предметов в максимально приближенном виде, за счет использования натуральных градиентов, теней и текстурных форм. Как пример можно взять программу «Блокнот» для мобильных платформ. Писать в нем можно как будто на настоящей бумаге.

Скевоформизм:

«Плоский дизайн» - особенности, принципы, подводные камни

Microsoft попробовала пользоваться подобной идеей одной из первых, что сыграло важную роль. На данный момент большинство других компаний, работающих в сфере ИТ склоняются к этой задумке. Пользователям это нравится, им хочется отдохнуть от натурального оформления продуктов.

«Плоский» - это не «скучный»

«Плоский дизайн» - особенности, принципы, подводные камни

Некоторые считают, что применение простых дизайнерских компонентов делает товар скучным, блеклым, серым. Это заблуждение. «Плоский» дизайн на самом деле получается утонченным, привлекательным, изысканным и красивым. Сегодня нас окружает много «шумной» информации и рекламы, плоские объекты среди которой кажутся чем-то успокаивающим.

Никаких лишни эффектов

Именно применение двухмерных компонентов в отображении и привело к названию этой задумки плоской. Компоненты, которые делают картинку более глубокой здесь не используются (блики, текстуры, градиенты, рефлексы, тени и т.д.). Единственное, что напоминает нам натуральные объекты в этом дизайне – это границы.

«Плоский дизайн» - особенности, принципы, подводные камни
«Плоский дизайн» - особенности, принципы, подводные камни
«Плоский дизайн» - особенности, принципы, подводные камни

Только простые компоненты

Легкость плоского дизайна подчеркивается четкими границами и односложными фигурами. Благодаря легким простым компонентам мы можем эффективно имитировать сенсорные дисплеи, что подталкивает пользователя к контакту – хочется потрогать его, взаимодействовать, нажимать и касаться.

Но, то что все компоненты простые не говорит о простоте самого дизайна, а лишь о том, что у него простые очертания и формы. Пользователю намного удобнее и понятнее работать с более простыми формами.

«Плоский дизайн» - особенности, принципы, подводные камни
«Плоский дизайн» - особенности, принципы, подводные камни
«Плоский дизайн» - особенности, принципы, подводные камни
«Плоский дизайн» - особенности, принципы, подводные камни

Пользуемся шрифтами аккуратно

Когда в дизайне применяется много простых компонентов, повышается роль типографики. Мы должны очень аккуратно пользоваться шрифтами. Они обязаны быть гармоничным дополнением к дизайну, но не в коем случае не противоречить ему. В плоском дизайне шрифт используется и для навигации.

Но, то что компоненты используются лишь простые, не значит, что сложные шрифты брать нельзя. Главное – придерживаться идеи минимализма.

«Плоский дизайн» - особенности, принципы, подводные камни
«Плоский дизайн» - особенности, принципы, подводные камни

Особое внимание цветам

В плоском дизайне по мимо шрифта очень важную роль играет цвет. Как правило, в таких цветовых схемах используется два-три цвета, хотя бывают и более широкие варианты.

Лишние градиенты и переходы исключаются, для плоского дизайна характерны яркие, чистые цвета.

«Плоский дизайн» - особенности, принципы, подводные камни
«Плоский дизайн» - особенности, принципы, подводные камни
«Плоский дизайн» - особенности, принципы, подводные камни

Только минимализм

Идея минимализма нашла максимальное воплощение в плоском дизайне. Здесь нету места лишним «прибамбасам», компоненты не реализуются с помощью сложных решений.

«Плоский дизайн» - особенности, принципы, подводные камни
«Плоский дизайн» - особенности, принципы, подводные камни

Почти плоский дизайн

Наибольшее распространение идея плоского дизайна получила в частичном ее использовани. Суть в том, что применяются традиционные такому оформлению простые компоненты, двухмерные пространства в сочетании с парочкой конструкций, придающих перспективу и глубину.

«Плоский дизайн» - особенности, принципы, подводные камни
«Плоский дизайн» - особенности, принципы, подводные камни
Соц. сети