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

1. Физические свойства

2. Трансформации материального

3. Движение материального

4. Интересное от Ризн

5. 

6. 

7. 

8. 

9. 

10. 

Material Design. §3 Свойства

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

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

 

 

Материальный дизайн имеет определённые неизменные характеристики и присущее ему поведение. Понимание этого позволяет управлять свойствами материального дизайна в соответствии с правильным его видением.

Физические свойства

Материальный имеет различные х и у измерения (которые измеряются в унп — устройство-независимых пикселях*) и имеют одинаковую толщину в 1п. Материальный никогда не имеет толщину 0п.

Верное использование элементов сайта или приложения Неверное использование элементов сайта или приложения

Верно.

Размеры элементов материального дизайна на сайте могут быть различны

Неверно.

Элементы всегда имеют толщину в 1.                                                                                                                                                                

Элементы материального дизайна отбрасывают тень

Тени получаются естественным образом относительно возвышения (z-координата) одних элементов над другими.

 

Верно.

Материальный отбрасывает тень

 

Неверно.

Тени никогда не могут быть примерными

Контент отображается на материальном в любых форме и цвете. Он не добавляет толщину материальному.

Верно.

Материальный дизайн отражает любую форму и цвет.

Поведение контента может отличаться от поведения элементов дизайна. Тем не менее, границы материального могут ограничивать его содержимое. 

Верно.

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

Вводные события не могут проникать сквозь элементы материального. 

Элементы сайты в материальном дизайне. Верное применение Элементы сайты в материальном дизайне. Неверное применение
Верно. Неверно.

Несколько элементов материального не могут занимать одну и ту же плоскость единовременно.

Пространство сайта в материальном дизайне. Верное применение Пространство сайта в материальном дизайне. Неверное применение
Верно. Неверно.

Одни элементы материального не могут проходить через другие.

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

Анимация на сайте и приложении

Неверно.

Трансформации материального

Материальный изменяет форму.

Материальный уменьшается и увеличивается только внутри своей плоскости.

Верно.

Материальный не сгибается и не складывается.

Неверно.

Слои материального могут сливаться в один.

Элементы материального способны делиться и сливаться заново. Например, если ты удаляешь часть элемента со слоя, слой становится цельным снова. 

Движение материального

Материальный может спонтанно возникнуть и исчезнуть где угодно в среде (устройства, сайта и т.д.)

Материальный может двигаться вдоль любой оси.

Движение по оси z обычно результат взаимодействия с пользователем. 

Интересное от Ризн

Что такое dps в материальном дизайне?

УНП — устройство-независимые пиксели или dps. Другая расшифровка аббревиатуры — density-independent pixels, пиксели не имеющие плотности. DPS эквивалентен одному физичискому пикселю на дисплее в 160 dpi. Базовая плоность этого пикселя обусловлена устройством, на котором он отображается. В момент отображения, платформа незаметно собирает информацию о том, на сколько единиц необходимо увеличение dp, основанное на плотности пикселей устройства, которое используется. Преобразование происходит следующим образом: пиксели=dps*(плотность/160). Например, на экране в 240 dpi, 1 dp эквивалентен 1,5 физического пикселя. УНП рекомендуется использовать для проектирования интерфейсов приложений, как способ должно отображения UI на различных дисплеях.