Связаться с нами +7 (708) 425 69 27

1. 

2. Введение 

3. Цели

4. Принципы

5. 

6. 

7. 

8. 

9. 

10. 

Material Design. §1 Введение

Это первый перевод из цикла переводов статей Google про material design, с авторскими дополнениями и комментариями от нашей студии. 

Оригинал на английском

Введение 

material_design

Мы поставили себе задачу создать визуальный язык для наших пользователей, который бы сочетал в себе классические принципы дизайна и возможности науки и технологий. Это material design. Эта спецификация — живой документ, который будет пополнятся по мере того, как мы будем разрабатывать принципы и детали material design.

Цели

Создать визуальный язык, который бы сочетал в себе классические принципы дизайна с возможностями науки и технологий.material_design

Разработать простую систему, которая позволит объединить опыт использования различных платформ и разнообразных размеров мобильных устройств. Принцип мобильности лежит в основе, но касания (сенсор, прим. автора), голос, мышь и клавиатура являются первостепенными методами ввода.

material_design

Принципы

material_design

Материальный это метафора

 

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

Углы и поверхности материального обеспечивают подсказками, основанными на окружающей реальности. Применение принципов привычных тактильных ощущений в дизайне позволяет пользователю очень быстро разобраться в возможностях интерфейса. Также, гибкость материального дизайна создаёт новые возможности, которые заменяют те, что основаны на реальном мире и не нарушают при этом законов физики.

Фундаментальные знания о свете, поверхности и движении являются ключевыми параметрами, определяющим, как элементы интерфейса перемещаются, взаимодействуют и располагаются в пространстве и по отношению друг к другу. Реалистичный свет показывает швы, делит пространство и указывает на движущиеся элементы.material_design

Смелый, красочный, обдуманный

 

Фундаментальные составляющие печатного дизайна — типографика, сетка, пространство, масштаб, цвет и использование изображений — определяют методы визуализации. Эти составляющие делают гораздо больше, чем просто радуют глаз. Они фокусируют на важном, создают иерархию и смыслы. Осознанный выбор цвета, полноразмерные изображения, крупные шрифты и продуманное пустое пространство создают смелый и красочный интерфейс и погружают в него пользователя.

 

Акцент на действиях пользователя делает основные фукнциии интерфейса очевидными и показывает пользователю ключевые точки.

material_design

Движение определяет значение

 

Движение акцентирует и усиливает роль пользователя, как основную движущую силу. Основные действия пользователя — ключевые точки, инициирующие движение, преображающие весь дизайн.

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

Движение осмысленно и значимо, оно направлено на удержание внимания и сохранение преемственности, отклик на действия пользователя едва заметный, но понятный. Перемещение эффективно и последовательно