Читайте новый большой материал по этой теме: Всё о материальном дизайне: объяснение, руководства, иконки и исходники (PSD, AI, HTML и Sketch).


Поисковая корпорация опубликовала свои новые гайдлайны. Разработанный стиль они назвали громким термином «материальный дизайн» (material design).

По сути, это своеобразное развитие идей плоской дизайн-стилистики. Материальный стиль тоже плоский, но более реалистичен — он выглядит и ведет себя как цифровые объекты, ставшие реальными объектами из бумаги и чернил. В ближайшем будущем все приложения и сервисы корпорации будут приведены в соответствие с этой концепцией.

Смысл материального дизайна кратко иллюстрирует это видео:

Ключевые принципы новой концепции:

  1. Реализм в освещении. Добавление легкого объема и теней позволяет сделать элементы интерфейсов более понятными, а аффордансы — более очевидными.
  2. Фокус на типографике, иконографике и интернациональности.
  3. Единые стандарты анимации для всех приложений и устройств.

Эти принципы отражены в очень подробных и интерактивных инструкциях пр применению стиля (гайдлайнах). Вот некоторые ключевые моменты:


Подписывайтесь на «Дизайнерский дайджест». Это еженедельная рассылка главного редактора с лучшими ссылками для графических дизайнеров.
  • Честно говоря, абсолютно не понравилась презентация в видео. Поэтому дальше читать гайдлайн и не пошел. Обилие теней просто убивает дизайн. Более понятным для пользователя? Как бы во флете и без теней (по крайней мере не такой прозрачности) возможно осуществить что-то «понятное». Странные они :)

  • Лучше прислушаться сейчас и взять на заметку, а через год быть впереди паровоза, но уже набив шишки и поняв как все правильно работает.

О пользователе Кирилл Олейниченко

Основатель и главный редактор издания. Дизайнер и веб-разработчик.

Рубрики

Вдохновение, Веб-дизайн, Интерфейсы

Метки

, , ,