Category: Дизайн и юзабилити

17
Май
2015

Материальный дизайн — Макет: Метрики и контуры

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

17
Май
2015

Материальный дизайн — Макет: Единицы измерения и размеры

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

17
Май
2015

Материальный дизайн — Макет: Принципы

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

17
Май
2015

Материальный дизайн — Типографика

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

24
Апр
2015

Материальный дизайн — Изображения

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

24
Апр
2015

Материальный дизайн — Иконки

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

22
Апр
2015

Материальный дизайн — Цвет

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

08
Апр
2015

Материальный дизайн — Приятные мелочи

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

08
Апр
2015

Материальный дизайн — Осмысленные переходы

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

08
Апр
2015

Материальный дизайн — Отзывчивое взаимодействие

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