#7. Figma: простые уроки — Стили
Продолжаем наш курс для начинающих по Figma. В этой части разберём как применять стили к элементам в Фигме. Это одна из самых важных тем, которая служит началом для создания дизайн-системы в Figma.
Таймкоды:
0:00 — Что такое стили и зачем они нужны
3:41 — Типы стилей в Figma
4:50 — Стили текста
10:16 — Стили для цвета
13:38 — Стили для эффектов
15:31 — Стили для сетки
16:55 — Как упорядочить стили
18:46 — Группируем стили с помощью слеша («/»)
20:02 — Сокращайте количество стилей
21:26 — Указывайте стили везде
22:49 — Как быстро «причесать» стили цвета
24:48 — Как быстро «причесать» стили текста, эффектов с помощью Design Lint
Мы в соцсетях:
https://vk.com/uxschool
https://www.facebook.com/uxmindschool/
https://www.instagram.com/ux_mind_school/
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
https://www.behance.net/UX-Mind
https://dribbble.com/ux-mind
Видео #7. Figma: простые уроки — Стили канала Школа дизайна – UX Mind School
Таймкоды:
0:00 — Что такое стили и зачем они нужны
3:41 — Типы стилей в Figma
4:50 — Стили текста
10:16 — Стили для цвета
13:38 — Стили для эффектов
15:31 — Стили для сетки
16:55 — Как упорядочить стили
18:46 — Группируем стили с помощью слеша («/»)
20:02 — Сокращайте количество стилей
21:26 — Указывайте стили везде
22:49 — Как быстро «причесать» стили цвета
24:48 — Как быстро «причесать» стили текста, эффектов с помощью Design Lint
Мы в соцсетях:
https://vk.com/uxschool
https://www.facebook.com/uxmindschool/
https://www.instagram.com/ux_mind_school/
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
https://www.behance.net/UX-Mind
https://dribbble.com/ux-mind
Видео #7. Figma: простые уроки — Стили канала Школа дизайна – UX Mind School
Показать
Комментарии отсутствуют
Информация о видео
5 июня 2020 г. 16:47:47
00:26:43
Другие видео канала
![Уроки 3D для начинающих. Cinema 4D. Урок 6 - Создание 3-х мерной иллюстрации](https://i.ytimg.com/vi/U_J3WMUyZJs/default.jpg)
![Уроки 3D для начинающих. Cinema 4D. Урок 5 - Создание 3-х мерной композиции](https://i.ytimg.com/vi/p8lEJIHALaE/default.jpg)
![Уроки 3D для начинающих. Cinema 4D. Урок 4 - Создание 3-х мерных стилизованных персонажей](https://i.ytimg.com/vi/uLNmoIt-SaY/default.jpg)
![Уроки 3D для начинающих. Cinema 4D. Урок 3 - Создание фоновых иллюстраций для веб-сайтов](https://i.ytimg.com/vi/EaYCemMbmWg/default.jpg)
![Уроки 3D для начинающих. Cinema 4D. Урок 2 – Создание иконок](https://i.ytimg.com/vi/1psqfNK9t1g/default.jpg)
![Уроки 3D для начинающих. Cinema 4D. Урок 1 — Моделируем смартфон](https://i.ytimg.com/vi/Comw2plvUm8/default.jpg)
![Интервью с UX/UI веб-дизайнером Олей Казанзой: Про работу, дизайн и вдохновение](https://i.ytimg.com/vi/lHlGJUdH86A/default.jpg)
![#NEWДИЗ: Интервью с моушн-дизайнером Машей. Про её обучение, опыт поиска работы и начало карьеры.](https://i.ytimg.com/vi/03mTBLJ93Kk/default.jpg)
![Промо курса — 3D Дизайн СТАРТ](https://i.ytimg.com/vi/pdqwqr4ALUM/default.jpg)
![Сложно ли стать дизайнером?](https://i.ytimg.com/vi/1pMV7Lc-O-E/default.jpg)
![Дизайн разбор #4](https://i.ytimg.com/vi/uQF9p0vlBhg/default.jpg)
![#8. Figma: простые уроки — Компоненты](https://i.ytimg.com/vi/0f69GhW6Cw4/default.jpg)
![Дизайн разбор #3](https://i.ytimg.com/vi/apqIdcrWQmc/default.jpg)
![Вдохновляющее интервью с Сашей из Яндекса (выпускник курса Мобайл-дизайнер)](https://i.ytimg.com/vi/QH4o7eJUNQo/default.jpg)
![Дизайн разбор #2](https://i.ytimg.com/vi/47V0zlsYxE0/default.jpg)
![Дизайн разбор #1](https://i.ytimg.com/vi/7TDIrpf-MMo/default.jpg)
![Интервью c UX/UI Дизайнером Пашей Абраменковым (www.ux-school.by)](https://i.ytimg.com/vi/Eh51or61V3A/default.jpg)
![Курс: Моушн-дизайнер](https://i.ytimg.com/vi/heosBoIIoRM/default.jpg)
![О курсе – UX/UI Дизайнер мобильных приложений](https://i.ytimg.com/vi/JNH9pZ71UU4/default.jpg)
![Делаем разбор работ дизайнеров!](https://i.ytimg.com/vi/2hv13qZ5pT8/default.jpg)