Плоский дизайн использует простые формы, яркие цвета и не имеет эффектов глубины. Никаких теней, градиентов, скосов, текстур. Этот стиль возник как реакция на скевоморфизм, имитирующий реальные материалы. В ранних интерфейсах iPhone присутствовали кожаные швы, стеклянные кнопки и текстуры бумаги. Плоский дизайн от всего этого отказался. В результате получился чистый, современный и быстро отображающийся дизайн. Его популяризировали язык дизайна Metro от Microsoft и iOS 7 от Apple.

Плоский дизайн имеет свои компромиссы. Без теней и глубины интерактивные элементы трудно распознать. Кнопка, которая выглядит как цветной прямоугольник, может не восприниматься как кликабельная. Дизайнеры решили эту проблему с помощью едва заметных теней и эффектов при наведении курсора, что привело к появлению стиля, который некоторые называют «плоским дизайном 2.0» или «материальным дизайном». Этот стиль также жертвует визуальной насыщенностью. Градиенты и текстуры могут добавить тепла и индивидуальности. Плоский дизайн может показаться стерильным, если выполнен небрежно. Типографика становится более важной, поскольку визуальное оформление, поддерживающее дизайн, уменьшается. Цветовые палитры приобретают больший вес. Иллюстрации и иконография должны быть выразительными. Плоский дизайн — это не просто эстетика. Это философия. Он ставит во главу угла ясность и функциональность, а не орнамент. Когда он работает, он элегантен. Когда он терпит неудачу, он скучен.

Характеристики плоского дизайна

• Нет теней — элементы расположены в одной плоскости.
• Без градиентов — только сплошные цвета.
• Простые геометрические фигуры — круги, прямоугольники и линии.
• Смелый шрифт — именно он определяет дизайн.
• Яркие цвета — плоские палитры с высоким контрастом.

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