Category: анимация

Перевод раздела Metrics & keylines официальной документации Google: http://www.google.com/design/spec/material-design/. Основная сетка Все компоненты выравниваются по основной сетке, состоящей из квадратов со стороной 8 dp. Шрифт и иконки на панели инструментов выравниваются по сетке, состоящей из квадратов со стороной 4 dp….
ДАЛЕЕ

Перевод раздела Units and measurements официальной документации Google: http://www.google.com/design/spec/material-design/. Некоторые единицы измерения в различном контексте имеют различные значения. В этой главе описано использование устройство-независимых пикселей, масштабируемых пикселей, а также таких идей как плотность пикселей. Плотность пикселей Количество пикселей, помещающихся в…
ДАЛЕЕ

Перевод раздела Principles официальной документации Google: http://www.google.com/design/spec/material-design/. В основе материального дизайна лежат элементы печатного дизайна — типографика, сетки, пространство, масштаб, цвет и изображения, создающие иерархию, особый смысл и центры внимания, погружающие пользователя в эту реальность.  Материальный дизайн использует приемы из…
ДАЛЕЕ

Перевод раздела Typography официальной документации Google: http://www.google.com/design/spec/material-design/. После релиза Android Ice Cream Sandwich, стандартным шрифтом, используемым в Android, стал Roboto. После релиза Froyo штрифт Noto стал стандартным шрифтом, используемым в Android для всех языков, не поддерживаемых шрифтом Roboto. Кроме того, Noto…
ДАЛЕЕ

Перевод раздела Imagery официальной документации Google: http://www.google.com/design/spec/material-design/. Изображения – это не просто украшение. Это мощный инструмент, который может помочь вам донести свои идеи и выделить свой продукт. Смелые, яркие и осмысленные изображения помогают привлечь внимание пользователя. Неважно, хотите ли вы…
ДАЛЕЕ

Перевод раздела Icons официальной документации Google: http://www.google.com/design/spec/material-design/. Иконки приложений Иконки приложений являются средством визуального выражения приложений, сервисов и инструментальных средств бренда. Простые, выразительные и удобные, они сообщают основную идею и цель приложения. Несмотря на то, что иконка каждого приложения визуально…
ДАЛЕЕ

Перевод раздела Color официальной документации Google: http://www.google.com/design/spec/material-design/. Цвет в материальном дизайне пропитан духом смелых оттенков, стоящих бок о бок с приглушенным окружением, глубокими тенями и яркими светлыми участками. В качестве примеров использовались современная архитектура, дорожные знаки, маркировочная лента тротуаров и спортивные площадки. Используйте неожиданные…
ДАЛЕЕ

Перевод раздела Delightful details официальной документации Google: http://www.google.com/design/spec/material-design/. Анимация может присутствовать во всех компонентах приложения, какого бы размера они ни были. От высокодетализированных иконок до ключевых переходов и действий. Все элементы работают сообща, создавая единое восприятие и прекрасное функциональное приложение….
ДАЛЕЕ

Перевод раздела Meaningful transitions официальной документации Google: http://www.google.com/design/spec/material-design/. Иногда пользователю трудно определить, куда нужно смотреть. Ему бывает неясно, как элемент попал из точки А в точку Б. Тщательно скоординированный дизайн движений может фактически управлять вниманием пользователя на протяжении множества шагов…
ДАЛЕЕ

Перевод раздела Responsive interaction официальной документации Google: http://www.google.com/design/spec/material-design/. Отзывчивое взаимодействие создает доверительную связь с пользователем и вовлекает его. Когда пользователь взаимодействует с приложением и видит, как происходят прекрасные и абсолютно логичные вещи, он чувствует удовлетворение и даже восторг. Взаимодействие имеет…
ДАЛЕЕ

Перевод раздела Authentic motion официальной документации Google: http://www.google.com/design/spec/material-design/. Осознание осязаемости формы объекта позволяет нам понять, как манипулировать им. Наблюдение за движением объекта позволяет нам понять, легкий он или тяжелый, гибкий или жесткий, маленький или большой. Движение в мире материального дизайна…
ДАЛЕЕ

Перевод раздела Objects in 3D space официальной документации Google: http://www.google.com/design/spec/material-design/. Между организацией объектов в реальном мире и в их расположении в материальном пространстве существуют параллели. В реальном мире объекты могут накладываться друг на друга, но не могут проходить сквозь друг…
ДАЛЕЕ

Перевод раздела Material properties официальной документации Google: http://www.google.com/design/spec/material-design/. Материал обладает некоторыми неизменными характеристиками и характерной линией поведения. Понимание этих свойств поможет вам манипулировать материалом в соответствии с концепциями материального дизайна. Физические свойства Материал обладает изменяющимися размерами по осям x и…
ДАЛЕЕ

Перевод раздела Environment официальной документации Google: http://www.google.com/design/spec/material-design/. Трехмерный мир Материальная среда является трехмерным пространством, а это значит, что все объекты располагаются в плоскостях x, y и z. Ось z расположена перпендикулярно плоскости отображения, и ее положительная шкала направлена на зрителя….
ДАЛЕЕ

Перевод раздела Introduction официальной документации Google: http://www.google.com/design/spec/material-design/. Введение Мы поставили перед собой задачу по созданию для своих пользователей визуального языка, который бы сочетал в себе классические принципы хорошего дизайна с инновациями и возможностями технологий и науки. Перед вами материальный дизайн….
ДАЛЕЕ