Тренды

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

Автор Freelance.Today

Плоский дизайн (англ. — Flat Design) набирает популярность с удивительной скоростью в последние годы. Учитывая присущую ему простоту, нетрудно понять, почему так происходит: он делает любой интерфейс более понятным. Он хорошо работает с отзывчивым дизайном и современными базами, и, если правильно сделан, выглядит потрясающе.

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

Новый Flat-дизайн

Плоский дизайн появился как своеобразное восстание против доминирующего в веб-дизайне скевоморфизма. На сегодня этот стиль является большим, чем просто запасным вариантом – он расширяется и обретает новые формы. Как написал Райан Аллен, плоский дизайн – это эволюция, а не революция. Он убирает лишнюю мишуру и оставляет только важное.

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

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

Практически, сегодня плоский дизайн развивается в трех популярных направлениях.

HLK Agency – яркий пример классического плоского дизайна. Никаких завитков, ничего лишнего.

Фриланс веб-дизайн

The Agency Survival kit   — тут мы видим все тот же плоский дизайн, но с вкраплениями текстур и тени. Эти элементы, тем не менее, не мешают ему оставаться плоским.

Веб дизайн тренды

И последний пример, Forest App  — больше похож на «плоский гибрид», комбинируя упрощенные элементы плоской конструкции с реалистичными фото.

Плоский дизайн как тренд

Пять характерных компонентов плоского дизайна

От других конкурирующих стилей плоский дизайн отличает пять характерных особенностей.

1. Длинные тени

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

Как пример, сайт Duffy & Partners. Тень тут незначительна и ненавязчива, но при этом создает дополнительный визуальный интерес.

Компоненты плоского веб-дизайна

2. Динамичные цвета

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

Цвета в плоском дизайне

3. Простые шрифты

Шрифты в плоском дизайне должны быть легкими и простыми для прочтения – например, такими, как весьма популярный Sans Serif. Часто может применяться одна ширина строки.

Шрифты

Эта характеристика плоского дизайна – простые читабельные шрифты – сейчас широко применяется и в других стилях веб-дизайна.

4. Призрачные кнопки

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

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

Призрачные кнопки

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

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

Минимализм и плоский дизайн

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

Преимущества и недостатки

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

Взгляните на основные преимущества и недостатки этого стиля.

Преимущества:

*отвечает идеям отзывчивого дизайна;

*имеет легкую для пользователей навигацию;

*позволяет создать четкую и понятную структуру сайта;

*быстрый при загрузке;

*простые шрифты легкие для прочтения.

Недостатки:

*достаточно сложно реализовать его по-настоящему хорошо;

*высокий риск того, что сайт будет выглядеть скучно;

*простой вид может повлиять на восприятие значения контента;

*отсутствие индивидуальности из-за огромной популярности стиля;

*практически нет визуальной иерархии.

Визуально сложные сообщения будет трудно передать с помощью плоской формы, которая проста по своей сути.

Подумайте, о том, что ваш сайт должен общаться, прежде чем следовать новомодным тенденциям.

Преобладающие тенденции в плоском дизайне

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

1. Креативные иконки

Чтобы делать действительно интересные вещи, иконкам нужно уделить максимум внимания, так как они – основные детали плоского дизайна.

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

2. Необычные, крупные шрифты

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

Необычные шрифты

3. Яркие цветовые акценты

Характерные яркие цветовые палитры плоского дизайна никогда не выйдут из моды. Тем не менее, тенденция, похоже, переходит на новый уровень: применение цветовых палитр с яркими цветами, используемыми только в качестве акцентов.

Цветовые акценты

4. Один дизайн, один шрифт

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

Шрифты на странице

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

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

Будущее тренда

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

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

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

Информация  взята  с  книги  «Web Design Book Of Trends 2015-2016» by UXPin Inc.

  • 4060