Ежегодная конференция Google I/O в полном разгаре, и помимо раздачи сувениров, компания распространяет среди участников медиа-киты, объясняющие принципы своего нового визуального языка под названием Material Design. В попытке еще больше унифицировать платформы Маунтин-Вью, этот яркий, ориентированный на анимацию стиль будет использоваться в Android, Chrome и в вебе. Обильный на цвета и плавные анимации, Material Design делает огромный акцент на доступность контента.
Учитывая, что некоторые люди следят за мероприятиями I/O удаленно, дизайнерское подразделение Google недавно поделилось своим набором Material Design на Google+. В этом наборе цифровых открыток компания излагает основы своего нового языка дизайна. Вот четкий взгляд на намерения Google относительно Material Design.
Введение:
Дизайн — это искусство обдуманного творения. Наша цель — удовлетворить разнообразный спектр человеческих потребностей. По мере развития этих потребностей должны развиваться и наши дизайны, практики и философии.
Мы поставили перед собой задачу создать для наших пользователей визуальный язык, который объединяет классические принципы хорошего дизайна с инновациями и возможностями технологий и науки.
Это Material Design
1. Материал как метафора:
Материальная метафора — это объединяющая теория рационализированного пространства и системы движения. Наш материал основан на тактильной реальности, вдохновлен нашим изучением бумаги и чернил, но при этом открыт для воображения и волшебства.
2. Поверхности интуитивны и естественны
Поверхности и края предоставляют визуальные подсказки, основанные на нашем опыте реальности. Использование знакомых тактильных свойств обращается к примитивным частям нашего мозга и помогает нам быстро понимать возможности взаимодействия.
3. Измерения обеспечивают взаимодействие
Основы света, поверхности и движения являются ключом к передаче того, как объекты взаимодействуют. Реалистичное освещение показывает швы, разделяет пространство и указывает на движущиеся части.
4. Единый адаптивный дизайн
Единая базовая система дизайна организует взаимодействия и пространство. Каждое устройство отражает свой вид той же базовой системы. Каждый вид адаптирован к размеру и взаимодействию, подходящим для данного устройства. Цвета, иконография, иерархия и пространственные отношения остаются постоянными.
5. Контент смел, графичен и целенаправлен
Смелый дизайн создает иерархию, смысл и фокус. Продуманный выбор цветов, изображения от края до края, крупномасштабная типографика и преднамеренное использование пустого пространства создают погружение и ясность.
6. Цвет, поверхность и иконография подчеркивают действия
Действие пользователя — это суть дизайна взаимодействия. Основные действия являются переломными точками, которые преобразуют весь дизайн. Их акцент делает основную функциональность сразу очевидной и предоставляет ориентиры для пользователя.
7. Пользователи инициируют изменения
Изменения в интерфейсе черпают свою энергию из действий пользователя. Движение, которое каскадно исходит от прикосновения, уважает и усиливает пользователя как главного движителя.
8. Анимация хореографически поставлена на общей сцене
Все действия происходят в единой среде. Объекты представляются пользователю без нарушения непрерывности взаимодействия, даже когда они трансформируются и реорганизуются.
9. Движение придает смысл
Движение значимо и уместно, служит для фокусировки внимания и поддержания непрерывности. Обратная связь тонкая, но ясная. Переходы эффективны, но последовательны.
Если вы посещаете I/O в этом году и хотели бы получить физическую копию этого набора в качестве сувенира, направляйтесь в зону Design Sandbox выставки, чтобы забрать комплект.