Дизайн системы: Google Material You (Material design 3)

Подписаться 41 тыс.

Просмотров 23 тыс.

50% 1

Посмотрим на большое обновление Material Design 3 от Google (Оно же Material You). Разберем основные нововведения: динамические цвета, токены, гайдлайны для складных устройств и виджеты. А также протестируем некоторые полезные материалы и плагины от Google.
Material Design 3 (Material You) - m3.material.io
Material 3 Design Kit (UI Kit для Фигмы) - www.figma.com/community/file/...
Material 3 Design Kit (плагин для Фигмы) - www.figma.com/community/plugi...
Мои курсы:
Курс по Фигме - cloudlessons.ru/v/400/
Курс по UI/UX дизайну - • Анонс курса по UI/UX д...
00:00 - введение
03:10 - динамические цвета (dynamic color)
11:46 - material 3 design kit и плагин для Фигмы
15:00 - что такое токены
18:21 - dynamic color для иллюстраций
21:40 - ещё немного о токенах
23:18 - гайдлайны для складных устройств
29:58 - упрощенная типографическая шкала
33:13 - виджеты
35:34 - large screen guidance
39:12 - interaction states
41:39 - компоненты
Подписывайтесь на соцсети:
Телеграм: t.me/uiux_dsgn
Инстаграм: / disarto.digital
Behance: www.behance.net/Dexo
Dribbble: dribbble.com/Dexo

Опубликовано:

30 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 43

@MrJessmile Год назад

Максим, спасибо огромное за качественно записанные видео! Всё чётко, по делу и интересно )) У тебя действительно получается делать мир лучше и вдохновлять 😊

@disarto.digital Год назад

Спасибо! 🤗

@ghostwithaplan 2 года назад

Большое спасибо за подробный разбор!

@lenavolk9308 2 года назад

Спасибо за подробный разбор!

@yuliasytnik2408 2 года назад

Очень понятный разбор! Буду следить за каналом

@user-to1ms6nb3r 2 года назад

Спасибо друг! Получил ответ на свой вопрос - начнем MD2.. )

@tantara0686 2 года назад

отличный обзор, побольше бы видосов, а то в последнее время мало совсем.

@quazijay 2 года назад

Очень крутые видео у тебя, спасибо.

@BaxtiyorjonSobirjonov 2 года назад

Спасибо за урок

@pavelkurtev4693 2 года назад

Спасибо за обзор. Очень интересно

@msplich 7 месяцев назад

Это было оч полезно, спасибо !

@yaroslavc1322 2 года назад

Спасибо, полезный материал.

@walkerOnlyTrio 7 месяцев назад

Великолепное видео! Максим, спасибо вам огромнейшее😊 с меня подписка и лайк)

@anastacia5907 2 года назад

Спасибо за видео!

@Daria_Denysenko 2 года назад

спасибо большое! очень интересно

@vasya8441 Год назад

За UI kit огромное спасибо, там столько всего есть, это офигенно.

@user-ez1pz5gl2h 9 месяцев назад

Это дизайн-система, а не кит

@user-zg3zy6el6u 3 месяца назад

Отличный обзор. Спасибо большое

@hikkineko 2 года назад

Благодарю за видео

@fil_juravlevv 2 года назад

Спасибо!

@AliOrlov2009 2 года назад

У вас потрясный голос и прекрасная речь. Вечно бы слушала и умнела вдобавок. ))

@disarto.digital 2 года назад

Спасибо! Очень приятно 🙏

@Alexenuuu 2 года назад

Disarto лучший!!!

@hasangilmanov5350 Год назад

Спасибо за обзор! Подскажите, если ли возможность использовать системные токены из M3 в старых версиях андроид? Мне хотелось бы оставить названия токенов и выбрать один раз основной цвет (удобно с точки зрения дизайна), но запретить пользователю менять значения этих цветов, не знаете это возможно?

@death_by_winter Год назад

Гугловская кнопка поверх основного UI называется Floating Action Button (FAB), не CTA.

@galeleyleodesign3561 Год назад

Всех приветствую! Здорово преподносится материал, всё предельно понятно. Но вопрос. Как пользоваться md? Вот есть у меня файл в фигме md3, нужно задизайнить страницу в разрешении 1366*780, вроде. А компоненты мелкие. Можно как-то менять размеры всего? Или надо самому на основе всего файла составлять компоненты? Интересует именно практическая сторона. Подскажите, кто в курсе, ранее не работала с md. Спасибо! 😌

@hanagakiarasawa3171 Год назад

Спасибо за видео! Дочитал седня 2й, так как он на русском был, глянул твой видос и понял основные положения 3го.

@user-cc2nl6zk6w 8 месяцев назад

Привет! Спасибо за видео) Я правильно понимаю что если я только приступаю к изучению Material design мне нужно сначала прочитать все основы на сайте material design 2 и только потом переходить к третьему?

@disarto.digital 7 месяцев назад

Привет. Да, лучше всего сделать именно так 🙂

@user-cc2nl6zk6w 7 месяцев назад

@@disarto.digital спасибо!

@user-mb8rm5mg5x 2 года назад

Еще немного не ясно, может, кто подскажет, а почему Top App Bar в светлой теме без теней такая бледная, ее же не видно будет.

@user-nm1nz5mh5t Год назад

Подскажите пожалуйста, мне нужно сделать приложение для Android. Нужно ли мне руководствоваться принципами Material design 2 и делать разрешение 360х640 или делать как в Material design 3 разрешение 412х892?

@alisabyr 2 года назад

Что думаешь про новый WinUi 2.6?

@disarto.digital 2 года назад

Конкретно про WinUi 2.6 ничего особенного не думаю - обычное обновление. Если брать WinUI в целом, то мне не очень нравится стиль подачи гайдлайнов. По большей части они описаны техническим языком и предназначаются разработчикам. Впрочем, там есть некоторые любопытные разделы и для дизайнеров. Возможно сделаю об этом видео 🙂

@Squirrel_developer 7 месяцев назад

Приветствую. А есть обзор мд 2?

@disarto.digital 6 месяцев назад

Есть. Вот здесь ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-28m34MR_g2c.htmlsi=0iahpcyz7wzuiIFr

@joanlen4075 2 года назад

Я правильно понимаю что это Google material design только для андроида ? Или можно применять и для iOS приложений

@aigulasadullina1890 2 года назад

У IOS нет четких ограничений в гайде, поэтому применить можно многое

@disarto.digital 2 года назад

Google material design это прежде всего описание принципов хорошего интерфейса, которые можно и нужно применять везде. Конкретные же компоненты Material в их неизменном виде применять можно и в iOS, но это не всегда оправдано.