Основные принципы flat дизайна

Принцип №1. Отсутствие эфектов

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

Элементы плоского дизайна передают только контуры реального объекта.

Принцип №2 — Простота элементов

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

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

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

Принцип №3 Тонкое взаимодействие со шрифтами

Но как только мы начинаем воплощать «простоту» в веб-дизайне, крайне необходимо уделить достаточно внимания подборке шрифтов. Работа со шрифтами должна проводиться очень аккуратно. Характер шрифта должен дополнять, а не противоречить общей схеме дизайна. Шрифт в «плоском» дизайне является важным элементов навигации. Его задача – подчеркнуть, не помешать, не на себя обратить внимание, а поспособствовать тому, чтоб вникли в суть контента. Простота элементов не означает, что нельзя использовать сложные шрифты. Просто все должно быть выдержано в стиле минимализма.

Принцип №4 Акцент на цвет

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

Цвет и дизайн – самое неразлучное, значимая часть плоского дизайна. Большинство цветовых палитр плоского дизайна основаны на 2-3 основных цветах, но встречаются и более разнообразные по цвету примеры.

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

Принцип №5: минимализм

Плоский дизайн —  шагает в ногу с трендом.  А сейчас этап глобального «минимализма». В плоском дизайне лучше избегать излишних «наворотов», сложных подходов к визуализации элементов.

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

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

Но есть еще один интересный пункт. Существует такое понятие, как «почти плоский дизайн». Достаточно распространенное и, пожалуй, самое объективное использование плоского дизайна. Заключается прием в следующем: одновременно с использованием простых элементов и двумерного пространства, применяются один-два приема, создающих глубину и перспективу для объекта.

Источники: http://www.creativebloq.com и http://designmodo.com

Автор статьиШАТАЛОВА МАРИЯ
Специалист по созданию адаптивного визуального контента.
СВЯЗАТЬСЯ
Masha Shatalova