Рубрика: UI

Материальный дизайн — адаптивная сетка

Материальный дизайн — адаптивная сетка В материальной дизайне макет адаптируется к размеру экрана и его ориентации. Столбцы, отступы, края Компоновка сетки состоит из трёх элементов: столбец, отступ и край поля. 1 — столбец, 2 — отступ, 3 — край...

Подробнее

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

Материальный дизайн — плотность пикселей Количество пикселей, которые вписываются в дюйм, называется плотностью пикселей и зависит от платформы. В этой посте рассмотрим плотность пикселей для веба. Расчёт плотности пикселей Чтобы рассчитать плотность...

Подробнее

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

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

Подробнее

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

Материальный дизайн — освещение и тени Освещение и тень В среде Material Design виртуальные источники света освещают интерфейс. Направленный свет создаёт более чёткую, направленную тень. Окружающий свет появляется со всех сторон, создавая мягкие тени. Тень...

Подробнее

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

Материальный дизайн — высота Высота — это относительное расстояние между двумя поверхностями вдоль оси z. Значения высоты компонентов 16 dp 4 dp 1-8 dp 6 dp 2-8 dp 24 dp Измерение высоты Высота в измеряется как расстояние между поверхностями....

Подробнее

Материальный дизайн — поверхность (часть 5)

Материальный дизайн — поверхность (часть 5) Атрибуты — поведение Материальные поверхности могут вести себя определённым образом: Жёсткие поверхности не меняют размер при любых взаимодействиях. Растягиваемые поверхности могут расти или сжиматься вдоль...

Подробнее

Материальный дизайн — поверхность (часть 4)

Материальный дизайн — поверхность (часть 4) Движение Объект может появиться в любом месте интерфейса. Он может двигаться по любой оси. Несколько объектов могут координировать свои движения. Движение объекта по оси Z обычно результат взаимодействия...

Подробнее

Материальный дизайн — поверхность (часть 3)

Материальный дизайн — поверхность (часть 3) Трансформация Объект может изменять форму. Объект может изменять прозрачность… равномерно по всей поверхности; на части своей поверхности. Объект растёт и сжимается только вдоль своей плоскости. Объект...

Подробнее

Материальный дизайн — поверхность (часть 2)

Материальный дизайн — поверхность (часть 2) Физические свойства Материал — твёрдый объект, следовательно взаимодействие с ним не может проходить через него. Взаимодействие влияет только на поверхность материала. Нельзя взаимодействовать сквозь...

Подробнее

Материальный дизайн — поверхность (часть 1)

Материальный дизайн — поверхность (часть 1) Material Design выражает трёхмерное пространство и имитирует реальное поведение поверхностей, глубины и теней. Объекты отбрасывают тени, отражают свет и не могут проходить друг через друга. Material Design...

Подробнее