Долгое время в веб-дизайне господствовала идея реализма. Она заключалась в том, что все элементы должны выглядеть максимально приближенно к действительности. Для этого используются реалистичные текстуры, тени, градиенты, блики, глянец.
В 2010 году компания Windows представила на суд публики совершенно новый дизайн. Основной упор при разработке сайтов делался на плоские элементы и простоту форм. Такой подход радикально отличался от всего, что было в цифровом мире, и быстро завоевал популярность. А когда компания Apple также представила его идеи в своих продуктах, то он и вовсе стал трендом.
Новый тренд получил название «плоский дизайн» (англ. – flat design). Он формируется, опираясь на пять нижеперечисленных принципов.
Плоские формы
Произошел отказ от имитации объемных фигур на экране. Перестали использоваться тени, градиенты, блики и отражения. При изображении объектов используются только их контуры.
Простые элементы
На первый план вышла простота и элегантность форм. Используется много плоских кнопок и иконок. Каждый элемент должен быть прост во взаимодействии на сенсорном экране. Приоритетны формы прямоугольника, овала, квадрата.
Важность типографии
После отказа от сложных форм и элементов, подбор шрифтов вышел на первое место. Типография не должна выбиваться из общего стиля оформления сайта; экстравагантный шрифт будет смотреться странно на странице с упрощенным дизайном.
Спокойные цвета
Произошел отказ от чересчур ярких, «кричащих» цветов в пользу спокойных тонов. Сайт может быть выполнен как в монохромном стиле, где главенствует один основной цвет и его оттенки, так и использовать от двух до пяти цветов. Популярными цветами являются синий, зеленый и фиолетовый.
Минимализм
Следует избегать любой сложности в оформлении. Плоский дизайн должен быть максимально лаконичным. Использование анимации и сторонних скриптов сведено к минимуму. Это связано с тем, что все больше и больше пользователей заходят в Интернет с мобильных устройств.
Важность адаптивности сайтов сыграла не последнюю роль в растущей популярности плоского дизайна, ведь сайты с простым оформлением легче перенести на мобильные экраны, и они будут быстрее загружаться.
Популярнейший фреймворк Bootstrap для разработки адаптивных сайтов в своей новой версии также воплотил идеи плоского дизайна. Градиенты уступили место простым цветам, уменьшилось количество теней, появились так называемые «кнопки-призраки».
“Почти плоский дизайн”
Еще одной современной тенденцией является комбинация плоского дизайна со стандартным. Это подразумевает приоритетное использование идей плоского дизайна, однако разрешается добавлять легкие градиенты и тени к элементам.
Итак, ключевым моментом при разработке плоского дизайна является ориентация на дружественный интерфейс и максимальную простоту взаимодействия. Сайт должен хорошо функционировать, а былой глянец оформления отходит на второй план. Такие сайты выглядят стильно, красиво и лаконично; они позволяет посетителю сконцентрироваться на контенте, не отвлекаясь на дизайнерские изыски, что особенно важно при разработке лендингов.
