Революция плоского дизайна стремительно набирает обороты. Интерфейсы становятся проще, юзабильнее. Адаптация к современным фреймворкам – еще один плюс нового веяния. Выпуклые, объемные кнопки? Блики? Глянец? Забудьте. Плоский (flat) дизайн - это простой линейный градиент, однотонная заливка, минималистическая типографика. Только самое важное - и никакой чепухи.
Иконки IOS 2012 и 2013 годов - классический стиль и плоский дизайн соответственно:
Главным преимуществом плоского дизайна является его простота, что обеспечивает сайту быструю загрузку и позволяет легче адаптироваться к различным устройствам. Мобильный телефон, планшет или Desktop – везде он смотрится отменно. Но важно обнаружить ту тонкую грань, переход за которую превращает flat-дизайн в скуку. Минимализм не должен лишать интерфейс смысла. Напротив, он должен обогащать им каждый элемент.
Дизайн сайта компании "ЭКОПСИ Консалтинг" разработан в плоском дизайне:
Кроме того, минимальное количество элементов высветляет главную идею. Ведь чем меньше информации на экране, тем больше вероятность, что сообщение будет замечено.
Минимализм – это умышленный отказ от всего, что отвлекает пользователей от содержания. Дизайн вокруг содержания – пожалуй, лучшее определение плоского дизайна.
Основными принципами flat-дизайна являются:
Простые формы. Изображаются только контуры элементов, никаких лишних эффектов (теней, объема и проч.)
Аккуратное использование шрифтов, главное назначение которых – обеспечить удобочитаемость текста. Конечно, могут использоваться и сложные шрифты, но они не должны отвлекать внимание от содержания.
Спокойная и ограниченная палитра цветов. Цвета в плоском дизайне не вызывающе кричащие. Можно использовать до 3-5 различных цветов на одном экране, которые обязательно должны гармонично сочетаться друг с другом.
Минимализм. Отсутствие графических нагромождений.
Ок, теперь понятно, что создать хороший сайт в плоском дизайна не так просто, как может показаться. Чрезмерное стремление к упрощению может привести к тому, что будет трудно понять, является ли объект действующей ссылкой, и как этот элемент использовать (ведь нет никаких подсказок).
Появились вопросы по разработке плоского дизайна сайта?