Основные отличия Material Design от Flat Design:
- Flat Design — это концепция «плоского» дизайна, при котором все элементы управления (иконки, кнопки, меню) лишены тени и визуального объёма. 1 Объекты выглядят нереалистичными, зато ничто не отвлекает пользователя от решения его задачи. 1
- Material Design — это новый взгляд на упрощение интерфейсов. 1 С одной стороны, все объекты по-прежнему просты и визуально приятны, как и в плоском дизайне, с другой — чуть более реалистичны, но детали в их оформлении не притягивают к себе излишнее внимание. 1
Некоторые особенности Material Design:
- Тактильные поверхности. 18 Каждый элемент интерфейса представляет собой лист цифровой бумаги. 1 Они расположены на разной высоте и имеют тени. 1
- Полиграфический дизайн. 18 Цифровым листам — цифровую печать: все текстовые составляющие и элементы изображения словно напечатаны. 1 Это помогает обозначать иерархию элементов интерфейса. 1
- Осмысленная анимация. 18 Окна и кнопки не появляются просто так из любой части экрана. 1 Каждый элемент должен быть анимирован последовательно, чтобы подсказывать пользователю последовательность его действий. 1
- Адаптивный дизайн. 18 Интерфейс должен быть оптимизирован на всех устройствах и экранах вне зависимости от того, какой продукт взят в качестве примера. 8 При этом выглядеть, работать и реагировать всё должно везде одинаково. 8
Некоторые особенности Flat Design:
- Отсутствие лишних эффектов. 7 Это значит, что все элементы и изображения находятся на одной плоскости, также не используются демонстрация объёма, текстур, теней и бликов. 7
- Наличие у предметов простых и узнаваемых черт. 7 Здесь важно не передать реалистичность объекта, а понятным образом изобразить его схематически. 7
- Присутствие цветовых контрастов. 7 Из-за отсутствия визуальных эффектов полагаться приходится только на контрастность. 7
- Упор на типографику. 7 В этой концепции за счёт упрощения изображений больше внимания уделяется именно тексту. 7 Поэтому внимание здесь отдаётся шрифтам, кеглю, интервалам и так далее. 7