EN - FR - DE - ES - IT - PT -

LexiconDream

🧱 Материальный дизайн

Язык дизайна, использующий глубину, движение и сеточные макеты.

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

Material Design — это язык дизайна, разработанный Google. Он дебютировал в 2014 году как единая система для Android и веб-продуктов Google. Система использует глубину, движение и сеточные макеты. Поверхности и края служат визуальными ориентирами. Тени указывают на возвышение. Элементы отбрасывают тени, чтобы показать свою связь с поверхностью под ними. Дизайн имитирует физические материалы, отсюда и название. Но это не скевоморфизм. Он не имитирует кожу или дерево. Он абстрагирует свойства бумаги и чернил в цифровую систему.

Material Design предоставляет рекомендации по компоновке, цвету, типографике, иконографии и анимации. Сетка основана на системе отступов 8dp. Компоненты имеют определенные состояния: по умолчанию, при наведении курсора, в фокусе, нажаты и отключены. Анимация имеет свою цель. Анимации показывают, откуда элементы появляются и куда перемещаются. Они направляют внимание и обеспечивают обратную связь. Система развивалась. Material Design 2 усовершенствовал компоненты. Material Design 3 представил динамический цвет, который генерирует палитры на основе обоев пользователя. Система открыта. Разработчики и дизайнеры могут использовать ее бесплатно. Она получила распространение за пределами продуктов Google. Многие приложения используют компоненты Material, потому что они знакомы и хорошо протестированы. Система не идеальна. Критики говорят, что она выглядит шаблонно. Каждое приложение, которое следует ей, выглядит как любое другое. Компромисс заключается в согласованности. Material Design предоставляет командам общий язык. Они могут разрабатывать быстрее, потому что решения уже приняты.

Принципы материального дизайна

Material Design — это система. Она упрощает принятие дизайнерских решений, предоставляя значения по умолчанию. Эти значения по умолчанию можно использовать или переопределить. Система — это отправная точка, а не смирительная рубашка.


Warning: session_start(): Cannot start session when headers already sent in /var/www/lexicondream.com/inc/functions.php on line 63

Comments

No comments yet. Be the first to share a thought.

Leave a comment