Стиль flat став повною протилежністю скевоморфізму, який був популярний до цього часу і вітав відображення елементів такими, якими вони були в реальності: з об’ємом, тінню, текстурністю. Користувач, який звик до особливого оформлення інтерактивних елементів, не одразу орієнтується в навігації сайтів із flat дизайном. З іншого боку, flat стиль у дизайні переміщує акцент на контент сторінки, не даючи відвідувачу відволікатися на сторонні елементи.

2 min Flat (плоский дизайн)

Законодавцями моди на плоский дизайн стали Apple і Microsoft, які оформили в стилі flat інтерфейси своїх операційних систем. Сьогодні стиль сайту flat успішно застосовують Amazon, YouTube, IBM та інші великі корпорації.

Переваги використання плоского дизайну

  1. На перший план виходить типографіка. Увага користувача концентрується на контенті сторінки.
  2. Мінімальне використання візуальних ефектів, що збільшує швидкість завантаження сторінок у десктопній і мобільній версії.
  3. Мінімалізм, відсутність відволікаючих елементів. Сайти в стилі flat мають лаконічну структуру.

Щоб допомогти користувачу зорієнтуватися, flat сайти реалізують на основі стандартних макетів і шаблонів, з інтуїтивно зрозумілою навігацією. Клікабельний текст і активні елементи обов’язково виділяються і відрізняються від звичайних.

flat design site Flat (плоский дизайн)

Сайти в стилі flat

Плоский стиль підходить для будь-яких сайтів – від творчих портфоліо до лендінгів і блогів. Правильно реалізований flat стиль сайту створює інтуїтивне розуміння навігації для відвідувачів. Ось деякі flat design сайти:

  • Kentuckyderby (www.kentuckyderby.com/). Сайт, присвячений кінним змаганням у Луїсвіллі (Кентуккі): продаж квитків, інформація про скачки, новини, магазин тематичних товарів. Функціональні кнопки меню і соціальних мереж виділені візуальними ефектами: при наведенні миші змінюється колір. Посилання при наведенні курсора підкреслюються. Текстовий і графічний контент красиво розподілений по сторінці.
  • Teavana (www.teavana.com). Інтернет-магазин чаю і супутніх товарів. Дизайн мінімалістичний, чорно-біла кольорова гама, характерна для інтернет-магазинів навігація. Красива типографіка. Функціональні кнопки змінюють колір при наведенні курсора.