Плоский дизайн лишает изображение глубины, теней и текстуры. Кнопки представляют собой простые прямоугольники. Иконки — сплошные фигуры. Цвета — яркие. Этот стиль появился в начале 2010-х годов и стал мейнстримом благодаря интерфейсу Metro от Microsoft и редизайну iOS 7 от Apple в 2013 году. Он стал реакцией на существовавший ранее скевоморфизм, где цифровые объекты имитировали кожу, дерево и стекло. Плоский дизайн как бы говорил: это экран. Перестаньте притворяться, что это не так.

У этого стиля есть преимущества. Он быстрее загружается, хорошо масштабируется и выглядит современно. Но он также создает проблемы. Без теней или подсказок глубины трудно понять, на что можно нажать. Ранние плоские интерфейсы сбивали с толку пользователей, которые не могли отличить кнопки от надписей. Дизайнеры ответили на это плоским дизайном 2.0, который иногда называют почти плоским дизайном, добавляющим едва заметные тени, градиенты и движение для восстановления ясности без возвращения к полному скевоморфизму. Известным примером является Material Design от Google, представленный в 2014 году.

Общие черты

• Без градиентов, теней и скосов.
• Простые геометрические фигуры.
• Яркие, насыщенные цвета.
• Четкий шрифт без засечек.

Плоский дизайн — это не просто внешний вид. Он отражает изменение в том, как люди понимали цифровые интерфейсы. Экран — это не стол. Это самостоятельная среда.