Как разработать плоский (flat) дизайн сайта

Революция плоского дизайна стремительно набирает обороты. Интерфейсы становятся проще, юзабильнее. Адаптация к современным фреймворкам – еще один плюс нового веяния. Выпуклые, объемные кнопки? Блики? Глянец? Забудьте. Плоский (flat) дизайн - это простой линейный градиент, однотонная заливка, минималистическая типографика. Только самое важное -  и никакой чепухи.

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

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

 

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

 

Основными принципами flat-дизайна являются:

• Простые формы. Изображаются только контуры элементов, никаких лишних эффектов (теней, объема и проч.)
• Аккуратное использование шрифтов, главное назначение которых – обеспечить удобочитаемость текста. Конечно, могут использоваться и сложные шрифты, но они не должны отвлекать внимание от содержания.
  

• Спокойная и ограниченная палитра цветов. Цвета в плоском дизайне не вызывающе кричащие. Можно использовать до 3-5 различных цветов на одном экране, которые обязательно должны гармонично сочетаться друг с другом.
  

• Минимализм. Отсутствие графических нагромождений.
  

 

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