Земля всё же плоская: стиль flat в дизайне. Основные принципы плоского «flat» дизайна Простые шрифты в стиль дизайна

Flat дизайн (плоский дизайн) – один из основных трендов сегодня, как в сфере веб-дизайна, так и технологиях создания пользовательских интерфейсов. Из недавних примеров наиболее заметными будут: решительный шаг компании Microsoft в этом направлении, с ее Windows 8 и новый дизайн Google, с явной демонстрацией желания углубиться в минимализм.

Вот примеры элементов, определяющих .

Жизнь после Web 2.0

В виде закруглённых форм элементов со всевозможными эффектами — 3D, тени, блики и отражения, градиенты, тиснения. Словом всего, что создает глубину и объем. Большие, яркие элементы управления, глянец, применение текстур и прочие подобные способы проявления уступают дорогу простому, двумерному представлению визуальных объектов.

Float Design

Типографика в основе стиля

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

Coderwall

Читайте также: 12 основных цветов и примеры их восприятия пользователями

Цветовая палитра плоского дизайна

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

Minimal Monkey

Свободное пространство, большие элементы

От начала до конца имеет минималистичную основу, а значит, перенимает и его основные принципы: крупные блоки контента, большие элементы, свободное пространство, отсутствие излишней суеты и вычурности.

Beard Design

Плоский дизайн иконок, кнопок, иллюстраций

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

Подбор цвета для иконок, как и самих иконок – непростая задача. Можно использовать чистые цвета. Стремясь украсить дизайн, нужно подумать и о том, как сделать сайт удобным в пользовании. С одной стороны важно не нарушить стиль, а с другой – необходимо сделать иконки заметными. В иллюстрациях стремимся к минимализму, избегая столь популярных прежде 3D эффектов.

Читайте также: 20+ вдохновляющих сайтов с плоскими иллюстрациями в дизайне

Примеры шаблонов сайтов с плоским дизайном Flat UI

Примеры сайтов в стиле Flat-дизайна

Identity

83 Design Collective

Frunatic

The Umbrella Group

Slcl Foundation

My Felt

Behzad

Atlant

Simple as Milk

Weranda Family

Термин «плоский дизайн» (от англ. flat design) в настоящее время на слуху у каждого, кто занимается проектированием пользовательского опыта. В последние несколько лет этот вид дизайна превратился в мэйнстрим — даже крупнейшие компании применяют его при создании сайтов и лендингов.

В чем же причина возрастающей популярности flat дизайна? Если ответить в двух словах: он реально работает! Плоский дизайн может помочь вам усовершенствовать пользовательский опыт как на лендингах, так и в мобильных приложениях. Это, в свою очередь, положительно отразится на конверсии.

Рассмотрим подробнее преимущества данного метода.

Что такое плоский дизайн?

Плоский дизайн получил такое название в связи с тем, что он использует минималистичные двухмерные (плоские) объекты для веб и мобильных интерфейсов:

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

Плоский дизайн подразумевает создание простых форм и очертаний с использованием как сдержанных, так и ярких оттенков. Основной шрифт, который используется при создании страниц — это sans-serif (шрифт без засечек).

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

Как только появился flat дизайн, он был ориентирован исключительно на мобильные устройства. Минималистичность и отсутствие сложных элементов хоть и являются основными чертами этой концепции, однако это не единственные ее особенности.

Компания Microsoft была одной из первых, кто реализовал подход на практике — в виде так называемого Metro для Windows 8. Тем не менее, когда специалисты NN Group провели дизайна, выяснилось, что у пользователей возникали трудности с идентификацией некоторых элементов интерфейса.

На скриншоте ниже изображен пример интерфейса Windows 8. Исследования показали, что пользователи не могли понять, куда они могут кликнуть, ведь все иконки плоские. К тому же функция «изменить настройки компьютера» (Click PC settings), выглядит просто как подпись к группе иконок, а не как кликабельная область:

Вместе с этим, Windows 8 был скорее адаптирован под мобильные устройства. Большие разноцветные прямоугольники в меню «Пуск» выглядят очень мило на экране мобильного телефона — такой интерфейс отлично подходит для жестов на тач-скрине:

Однако на большом экране стационарного компьютера данное меню выглядит громоздко и аляповато. Кликать по цветным прямоугольникам мышью не совсем удобно с точки зрения юзабилити.

Flat дизайн. Версия 2.0

С течением времени плоский дизайн «эволюционировал». Были исправлены многие проблемы с юзабилити, описанные выше. Flat дизайн перестал быть абсолютно «плоским», а стал «плоским наполовину». Теперь для создания элементов дизайна используются слои, контрасты и едва различимые тени, чтобы дать пользователю понять, что данная иконка кликабельна. Ниже приведен пример «обновленного» flat дизайна:

Теперь пришло время разобраться в том, каким образом плоский дизайн способен «завоевывать» посетителей.

Flat дизайн улучшает читабельность текста

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

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

Ниже приведен пример сайта Crazyegg в 2009 году:

А на данном скриншоте представлена обновленная версия того же сайта:

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

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

Пользователя ничто не отвлекает

Плоский дизайн тесно связан с понятием минимализма. Дизайнеры избегают декоративных элементов, которые не несут никакой информационной ценности для пользователя. Их цель — привлечь внимание посетителей к основному контенту.

Если снова обратиться к примеру CrazyEgg, то можно лишний раз убедиться в том, что на странице пользователя ничто не отвлекает. Человек, оказавшийся на данном лендинге, концентрирует свое внимание на одном единственном действии.

Ничем не заполненное белое пространство — еще одна «фишка» flat дизайна. Этот эффект наглядно демонстрирует сайт GetWalnut.com:

Walnut — это приложение, позволяющее отслеживать свои расходы, ключевые функции которого отображены на странице. Плоские иконки и текст располгаются на белом фоне, а так как незаполненного светлого пространства на сайте предостаточно, поэтому пользователь без труда сосредотачивает свое внимание на контенте. Flat дизайн акцентирует контент, убеждающий в выгодности предложения.

Медленно загружающиеся сайты и «подвисающие» приложения раздражают пользователей. Из-за длительного времени ожидания вы рискуете потерять клиентов:

Если вы не можете сократить объем контента на сайте, но хотите, чтобы он загружался быстро, вам следует либо использовать изображения с более низким разрешением либо прибегнуть к flat дизайну. Второй вариант здесь, очевидно, более приемлем.

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

Плоский дизайн удобен и для разработчиков. Его компонентами являются векторные или основанные на программном коде графические элементы, что также сокращает время загрузки сайта. Если копнуть глубже, то flat дизайн способствует оптимизации конверсии, а следовательно, увеличивает прибыльность сайта.

Время загрузки страницы играет существенную роль в ранжировании результатов поиска. Именно этот фактор является одним из ключевых для успешной SEO-оптимизации. Плоский дизайн положительно влияет на время загрузки сайта, а, следовательно, помогает ресурсу продвинуться в ТОП-10 в результатах поиска.

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

Обратите внимание на то, что Google тестирует новый функционал для поисковых систем. Теперь медленно загружающиеся сайты будут помечены специальным значком на странице результатов поиска. Эта новая функция наглядно продемонстрирована на скриншоте ниже:

Современный внешний вид

Пользователи формируют свое мнение о сайте в течение 50 миллисекунд! Это означает, что проведя на странице всего лишь 0.05 секунды, человек уже понимает, нравится ему данный ресурс или нет.

Как же это происходит? Разумеется, невозможно изучить весь контент за столь короткий промежуток времени. Люди оценивают сайт по внешнему виду и ощущениям, которые он вызывает.

Flat дизайн, пожалуй, является самым современным трендом в интернет-индустрии на настоящий момент. Такие крупнейшие компании как Apple, Google, Microsoft и другие с энтузиазмом приняли эту новую тенденцию. Пользователи в скором времени, возможно, станут воспринимать подобные сайты как эталон, которому должен соответствовать любой ресурс в сети.

Заключение

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

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

Плоский дизайн или flat-стиль существовал ещё в 80-е годы и не имел альтернатив, так как уровень технологий не позволял работать со сложными текстурами. Со временем появились сначала простые элементы скевоморфирзма (имитации реальных объектов), а затем и сложные отображения визуальной псевдовыпуклости.

Мода циклична и с 2010 года плоский дизайн быстро восстанавливал популярность, пока в 2014 году не стал новым стандартом компьютерного дизайна.

Эволюция flat-дизайна

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

В связи с этим, появилась адаптированная версия плоского дизайна - flat 2.0 или наполовину плоский дизайн. Он имеет слабый контраст и едва различимые тени, которые показывают пользователю, что иконка кликабельна. Когда говорят о плоском дизайне, имеют в виду именно версию flat 2.0. С развитием данного стиля псевдотени и легкий контраст был снова сменен на полную плоскость объектов. При этом в веб для понятия кликабельности элементов стала использоваться просто смена цвета на контрастный в таком же плоском стиле, без использования градиентов.

Принципы плоского дизайна

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

2. Иконки.
Использование простых иконок с прослеживающимся призывом к действию (иконка дискеты или облачного хранилища, призывающая сохранить файл) делает интерфейс более лёгким и понятным интуитивно.

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

4. Игра с цветами.
Так как плоский дизайн не допускает градиентные переходы, в стилистике создаваемого элемента можно и нужно использовать несколько основных цветов, часто контрастных по отношению друг к другу.

5. Минимализм.
Flat дизайн предполагает визуализацию объектов, использование всего экрана, но при этом минимализирование информации. Это значит, что дизайнер не стремится заполнить всё свободное пространство и не боится пустого места.

6. Простые фоновые изображения.
Однотонный фон - лучший выбор. Можно забыть об изображениях а-ля кирпичные стены или шкура леопарда. Спокойные и едва заметные фоновые цвета не перетягивают внимание на себя и позволяют посетителю сфокусироваться на важных элементах интерфейса.

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

Преимущества плоского дизайна для сайта

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

2. Время загрузки сайта.
Благодаря отсутствию тяжёлой графики и сложных элементов, страницы грузятся быстро и не подвисают. Даже страница Google загружается быстрее, после того как компания сменила логотип, используя плоский и простой шрифт.

3. SEO-оптимизация.
Этот пункт вытекает из предыдущего. Скорость загрузки страницы влияет на ранжирование результатов поиска. Таким образом, просто сменив стиль дизайна, можно поднять свой ресурс в поисковой выдаче. Кроме того, теперь Google использует технологию, помечающую медленно загружающиеся сайты специальным значком. А это значит, что количество ваших посетителей может упасть, если вы не адаптируете дизайн сайта.

4. Внешний вид.
Как вы думаете, сколько времени нужно пользователю, чтобы сформировать мнение о ресурсе? Минута? Может, 30 секунд? Правильный ответ: 0,05 секунды! За это время невозможно изучить контент сайта, но можно просканировать внешний вид и понять, какие ощущения он вызывает. Flat дизайн говорит пользователям, что ваш сайт современный, что его развивают, а это уже предпосылка к формированию базового доверия.

Где можно использовать плоский дизайн?

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

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

Если судить по нынешним тенденциям, то стиль flat через непродолжительное время станет стандартом не только для цифровой сферы. Так, может, стоит озадачиться ребрендингом и созданием проектов в плоском дизайне уже сейчас?

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

Flat - design (плоский дизайн) - это популярный стиль в дизайне сайтов и интерфейсов, а также операционных систем, отличительной чертой которого является простота, утонченность и минимализм. Плоский дизайн стал набирать популярность в 2010 году как противоположность скевоморфизму.

Скевоморфизм — физический орнамент или элемент дизайна, который скопирован с формы другого объекта, но изготовлен из других материалов или иными методами. Примеры включают в себя керамику, украшенную имитацией заклёпок для схожести с аналогичными горшками, сделанными из металла, или компьютерный календарь, который имитирует внешний вид скрепления страниц бумажного настольного календаря (определение из Wikipedia ).

Популяризации плоского стиля в дизайне способствовал выпуск операционной системы Windows 8 от Microsoft в стиле Metro, а также iOS 7, в котором компания Apple также выбирает плоский стиль. Именно после этого и наступает настоящая эра плоского дизайна. Вскоре на Flat -design переходят и крупные поисковые сервисы и приложения - Google , Youtube , появляется множество сайтов, использующих принципы плоского стиля в своем дизайне. В последние годы дизайн в стиле flat является лидером в мировых тенденциях дизайна сайтов .

Преимущества плоского дизайна

1. Практичность - использование плоского дизайна позволяет минимизировать количество стилей, скриптов и анимации, что позволяет сайту быстрее загружаться.
2. Простота в адаптации - плоский дизайн достаточно просто адаптировать под различные разрешения экранов.
3. Удобство использования - благодаря упрощенному стилю пользователям легче воспринимать информацию на сайте.
4. Красота - внешняя непредвзятость и простые конструкции позволяют сделать акцент на дизайне, который действительно цепляет.

5 принципов плоского дизайна сайтов

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

1 - Использование двухмерных объектов

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

2 - Иконки и простые объекты

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

3 - Простые шрифты в стиль дизайна

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

4 - Игра цвета

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

5 - Минимализм

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

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

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

На просторах интернета, в том числе и в белорусском сегменте, можно встретить много примеров разработок сайтов с плоским дизайном в разных тематикам, в том числе новостные ресурсы, порталы и даже интернет-магазины.

Не знаем, заметили вы или нет, но в последнее время (особенно в последний год) в веб-дизайне по всему миру начала прослеживаться чёткая тенденция к упрощению, жесткому минимализму и визуальному облегчению того, с чем мы как пользователи взаимодействуем каждый день. Проще говоря, дизайн стал «плоским»: в отличии от выпуклых иконок времен бурного роста социальных сетей и web 2.0, сейчас нас всё чаще встречают простенькие иконки новых сервисов. Всё это получило своё название – flat design. Не квартирный, а плоский.

Своей вчерашней презентацией новой мобильной ОС, iOS 7, компания Apple окончательно подтвердила стремительный рост популярности этого направления, традиционно обрадовав часть своих фанатов, но и встретив значительное недовольство среди опытных пользователей и дизайнеров. В чём же дело? В чём польза этого плоского дизайна и действительно ли он нужен миру? Мы решили обратится к экспертам из Украины и зарубежья.

Мы попросили их ответить на три главных вопроса:

• почему мир начал двигаться к flat design в вебе и мобайле и что он из себя представляет;
• что это даст Apple и iOS 7;
• как это повлияет на дизайнеров - с одной стороны, и на пользователей - с другой.

Денис Судилковский, Киев
Interaction Design специалист, продюсер Prodesign.in.ua

«Эффект маятника» в предсказании будущего проявляется в том, что если в каком-то вопросе существуют две крайности - человечество будет кидаться из одной стороны в другую. Без сомнения, это справедливо и для дизайна интерактивных систем. Плоский и неинтересно-примитивный веб в своё время изменился на объёмные вебдванольные кнопочки. Визуализации интерфейсов достигли своего апогея реалистичности и маятник летит в обратную сторону - flat&simple.

Что получит от этого Apple? Сохранит своё место в тренде и сотни тысяч комментариев, что их iOS становится очень похожей на Android.

Дизайнерам придётся эволюционировать (и не шутить на тему, когда же flat-дизайн придёт в машиностроение и подарит нам плоские автомобили:). Когда нет декораций - вся работа состоит в создании настроения контентом для конкретного сценария с пользователем. Эта профессия будет иметь всё больше общего с Режиссёром, нежели с Художником. Пользователи, напротив - получают новый опыт и новые впечатления. Лично я 4 года был адептом iPhone, но этой весной сменил телефон на Android по единственной причине - надоела однообразная идеальность яблочного интерфейса.

Daniel Bruce, Stockholm
Senior Digital Creative, danielbruce.se

Для начала, я хотел бы отметить, что я не люблю термин «плоский дизайн». Большинство графического дизайна на протяжении столетий были «плоскими». Я также считаю, что это ограничивает вашу возможность сделать выдающимся дизайн, когда выбор стоит между flat и чем-то ещё. Дизайн может быть чем-то значительно большим, нежели это. Весёлым, ярким, темным, позитивным, минималистичным - его можно назвать как угодно. Но сегодня я редко слышу, чтобы кто-то считал дизайн не только плоским или склероморфным. Это немного грустно.

Почему веб и мобайл медленно идут к плоскому дизайну? Я вижу это так - это просто тренд. Я никогда не видел статей про преимущества плоского дизайна в пользовательских интерфейсах и до сих пор не убедился в этом. Простой и ясный дизайн - да, но это не то же самое что и «flat». Посмотрите, например, на Google. Они не делают полностью плоские дизайны, они - и я разделяю этот момент - до сих пор видят потребность в некоторой глубине и вариациях.

Я был очень удивлён, когда Microsoft выбрали для себя это направление несколько лет назад, презентовав известный Metro стиль. Фактически, они использовали графический дизайн для больших знаков, на которые люди смотрят с определённых расстояний и никогда не взаимодействуют с маленькими экранами со значительным количеством элементов. Это выглядит красиво, но имеют ли они хорошее юзабилити?

То, что я увидел вчера вечером от Apple, было лишь плохой копией нескольких интересных дизайнов, которые появляются на сайтах наподобие Dribbble i Behance на протяжении последнего года. Я не увидел ничего нового - кроме того, что это далеко не тот же «старый Apple» Стива Джобса. Компания показала, что она не на передовой дизайна мобильных интерфейсов. Конечно, мы увидим и фанатов, которые будут наследовать все эти белоснежные дизайны и креативные градиенты следующие несколько месяцев, но я не думаю что этот аспект будет настолько влиятелен, как недавние прекращения Google. Но с другой стороны, как бы там не было, Apple всегда выступала законодателем мод и вдохновением для многих людей, включая меня.

Что касается обычных пользователей, то им нравятся яркие цвета.

Иван Клименко, Киев
дизайнер мобильных интерфейсов, 5tak.com

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

Эпоха Баухауса 20-30-х годов принесла огромный вклад в дизайн, но всё-таки тональная герметичность и искуственность не выдержала желания и внутреннего позыва людей существовать в окружении более натуральных вещей.

Потом в 60-х все начали восхищаться пластиком.

Мебель, посуда и даже одежда - всё из пластика. Казалось, что это новая надежда человечества, но снова нет - люди очень быстро вернулись к природным формам или к копиям натуральных материалов.

Жесткий контраст форм и минималистичная графика всегда выражали накопление внутренних конфликтов внутри общества. Дизайн - всего лишь зеркало, которое показывает наш внутренний мир. Слишком много всего вокруг. Жизнь очень ускоряется, и у нас просто не остаётся времени подумать и рассмотреть что-нибудь. У нас часто нет времени просто жить.

Минималистичность и все эти электронные железяки - всего-лишь шаг на дороге к чему-то более природному и человеческому. Большему чем просто ещё один компьютер. Мне даже жаль, что Apple, которая умела смотреть глубоко, больше не существует.

Олеся Гричина, Киев
UI designer at Componentix, twitter: elendiel

Думаю, что на дизайнеров очень повлияло большое количество гаджетов с разными размерами экрана и разрешающей способностью - для всего этого разнообразия легче создавать дизайн без текстур, сложных теней, которые правильно учитывают освещённость и т.п. Больше стали думать в направлении «как бы удобнее для пользователя сделать», а не «как бы красиво нарисовать». Контент - это главное, и в нашей работе важно подать его наилучшим образом.

Мне кажется, что за внешними изменениями (flat UI, иконки) особенно и не заметили серьёзных изменений в удобстве работы, и того, как ругаются на эту тему. Когда проверят в работе - начнётся «ооо, как удобно, и почему раньше так не сделали». На дизайнеров, надеюсь, это повлияет таким образом, что они больше внимания будут уделять удобству интерфейса, а не текстурам и теням. В конце концов заказчикам можно будет пояснять, что это в тренде:)

На пользователей flat design, думаю, особенно не повлияет - если им удобно будет создавать и потреблять контент, довольных будет много. Но иконки на домашнем экране всё же кислотные:)

Павел Грозян, Киев
Product Designer at MacPaw, grozyan

«Apple! А-ха-ха, прекрати! - Кричат дизайнеры. - Ура, стало проще. - скандируют пользователи". Понимаю обе точки зрения. Сегодня, после презентации с WWDC2013, многие из моих коллег встали и сказали «да ну её, эту профессию! Кто угодно теперь такую дурость нарисовать сможет. А эти иконки за $30?!». И на первый взгляд, они правы. Но если копнуть глубже, понимаешь, что есть тысячи предметов, которые долгое время отличались один от другого только сценарием использования, потом формой, потом цветом, и только потом - художественными деталями. Я помню времена, когда все эти ребята в LinkedIn профилях которых сегодня написано UX, UI Designer, нервно копировали эффект белой тени у букв. Как у Apple. Потом светлые и легкие сайты. Как у Apple. Потом насыщенные текстурами и реализмом интерфейсы. Как у Apple. Вся их работа заключалась в копировании, поскольку не было оригинальной, единой и удобной для всех концепции развития. Именно эту задачу сегодня решает flat design. Хотя мне кажется неправильным называть его именно так. Хорошо, что не Microsoft его придумала, и он формировался в течении десяти лет до цифровой эры, в сфере publishing.

Flat - он не для кликов, он для нажатий, тапов, taps. Плоским его не назовёшь - отсутствие «толстых» текстур и теней у кнопок делает его, скорее, упрощённым, и без визуальной агрессии. И без градиентов к кнопкам не обойтись. Я поддерживаю эту тенденцию. Если это не будет мешать качеству опыта использования, но с ним всем будет легче жить. В первую очередь пользователю. Во-вторую - творцу: будет проще в технической реализации, удобнее для нажатия (подчеркиванию ссылок - привет), и мультиплатформенно - объединяя веб, мобайл и декстоп в один единый опыт. Без сомнения, для Apple это смелый шаг. И только они могут на него решится. Их история имеет десятки подтверждений, потому им это скорее удастся, нежели наоборот.