В чем отличия Material Design от Flat Design?

Основные отличия Material Design от Flat Design:

1. Flat Design — это концепция «плоского» дизайна, при котором все элементы управления (иконки, кнопки, меню) лишены тени и визуального объёма. media.contented.ru Объекты выглядят нереалистичными, зато ничто не отвлекает пользователя от решения его задачи. media.contented.ru
2. Material Design — это новый взгляд на упрощение интерфейсов. media.contented.ru С одной стороны, все объекты по-прежнему просты и визуально приятны, как и в плоском дизайне, с другой — чуть более реалистичны, но детали в их оформлении не притягивают к себе излишнее внимание. media.contented.ru

Некоторые особенности Material Design:

• Тактильные поверхности. media.contented.ru timeweb.com Каждый элемент интерфейса представляет собой лист цифровой бумаги. media.contented.ru Они расположены на разной высоте и имеют тени. media.contented.ru
• Полиграфический дизайн. media.contented.ru timeweb.com Цифровым листам — цифровую печать: все текстовые составляющие и элементы изображения словно напечатаны. media.contented.ru Это помогает обозначать иерархию элементов интерфейса. media.contented.ru
• Осмысленная анимация. media.contented.ru timeweb.com Окна и кнопки не появляются просто так из любой части экрана. media.contented.ru Каждый элемент должен быть анимирован последовательно, чтобы подсказывать пользователю последовательность его действий. media.contented.ru
• Адаптивный дизайн. media.contented.ru timeweb.com Интерфейс должен быть оптимизирован на всех устройствах и экранах вне зависимости от того, какой продукт взят в качестве примера. timeweb.com При этом выглядеть, работать и реагировать всё должно везде одинаково. timeweb.com

Некоторые особенности Flat Design:

• Отсутствие лишних эффектов. timeweb.com Это значит, что все элементы и изображения находятся на одной плоскости, также не используются демонстрация объёма, текстур, теней и бликов. timeweb.com
• Наличие у предметов простых и узнаваемых черт. timeweb.com Здесь важно не передать реалистичность объекта, а понятным образом изобразить его схематически. timeweb.com
• Присутствие цветовых контрастов. timeweb.com Из-за отсутствия визуальных эффектов полагаться приходится только на контрастность. timeweb.com
• Упор на типографику. timeweb.com В этой концепции за счёт упрощения изображений больше внимания уделяется именно тексту. timeweb.com Поэтому внимание здесь отдаётся шрифтам, кеглю, интервалам и так далее. timeweb.com