Составьте карту состояний
Для поля ввода перечислите обычное, активное, заполненное, ошибочное и недоступное состояния. Проверьте подпись, пояснение и сообщение об ошибке. Не добавляйте вариант без понятного сценария использования.
Figma · UI Kit · русская озвучка
Веб дизайн в Figma 2024 Продвинутый уровень. Создание Ui Kit
Программа, практика и требования
В курсе «Веб дизайн в Figma 2024 Продвинутый уровень. Создание Ui Kit» Евгений Марфель показывает, как организовать повторяемые элементы интерфейса. Вы создаёте стили и компоненты, продумываете состояния и готовите библиотеку к публикации. Уроки на русском: 68 лекций, 7 часов 49 минут видео.
RusUdemyПомогаем оформить выбранный курс в личном аккаунте Udemy — без общих аккаунтов и предоплаты.Подробнее- 4,8411 оценок на Udemy
- 1 540студентов на Udemy
- 7 ч 49 минвидео · 68 лекций
- RUрусская речь преподавателя
Система повторяемых элементовРусский язык · обновление июнь 2024
Перед началом
Подойдёт ли вам этот курс
Кому подойдёт
Дизайнерам с базовым владением Figma, которым нужно упорядочить компоненты и ускорить сборку следующих экранов.
Что знать до старта
Автор не задаёт строгого порога входа и добавляет вводные уроки Figma. Для основного проекта полезно заранее понимать фреймы, стили, компоненты и Auto Layout.
Что сможете сделать
UI Kit с кнопками, полями, меню, модальными окнами, таблицами и документацией; подготовка к публикации в Figma Community.
Учесть при выборе
UI Kit в Figma не равен готовой библиотеке кода или полной дизайн-системе компании. Базовый блок инструмента пересекается с другими курсами. В официальном названии остаётся 2024 год; сверяйте возможности текущей Figma.
Содержание и открытый урок
Компоненты, которые удобно использовать повторно
UI Kit становится полезным, когда элементы согласованы между собой и другой дизайнер понимает, как их применять. Поэтому здесь важны не только кнопки и поля, но и названия, наборы состояний, правила цвета и документация. Курс проходит от базовых стилей к формам, меню, модальным окнам и таблицам; затем показывает подготовку библиотеки для Figma Community. Это подходящий следующий шаг после освоения редактора, особенно если одинаковые элементы в разных макетах постоянно расходятся. В конце есть повторение базовой Figma, но главная ценность программы — сама система компонентов. При этом файл UI Kit не следует считать полной дизайн-системой продукта: код, процессы команды, доступность и развитие библиотеки в реальном проекте потребуют отдельной работы.
Перед стартом оцените открытый урок и подготовьте инструменты. UI Kit в Figma не равен готовой библиотеке кода или полной дизайн-системе компании. Базовый блок инструмента пересекается с другими курсами. В официальном названии остаётся 2024 год; сверяйте возможности текущей Figma.
Самопроверка · редакционные задания
Проверьте качество библиотеки на практике
Эти упражнения предложены редакцией RusUdemy для самостоятельной проверки навыков. Они не являются дополнительными уроками преподавателя и не предполагают проверку работ автором.
Проверьте длинные значения
Поместите в таблицу длинное имя, пустую ячейку и многострочное описание. Проверьте переносы и выравнивание. Компонент должен вести себя предсказуемо, когда данные отличаются от образца.
Объясните правила названий
Напишите короткую памятку: как найти компонент, выбрать размер и поменять состояние. Дайте её человеку, который не видел урок. Если он не может собрать форму, упростите названия и структуру.
Соберите экран из библиотеки
Создайте новый экран, используя готовые элементы. Отметьте, где пришлось отсоединять экземпляры или дорисовывать состояния вручную. Эти места показывают, что стоит добавить или пересмотреть в UI Kit.
7 ч 49 мин видео · 68 лекцийСверить программу на Udemy
Программа курса по UI Kit Евгения Марфеля
Пять разделов включают стили, элементы интерфейса, публикацию и дополнительное повторение Figma. Ниже темы сгруппированы по результату; порядок на Udemy может отличаться. Это курс по библиотеке в редакторе, а не по разработке компонентов на React.
На дату проверки в открытых данных Udemy: 5 разделов, 68 лекций, 7 ч 49 мин видео. На установку инструментов, самостоятельную практику и разбор ошибок потребуется дополнительное время. Темы ниже сгруппированы редакцией; перед выбором сверяйте доступное оглавление на Udemy.
После библиотеки проверьте её на новом экране и опишите правила применения. Затем сравните макет с реализованной страницей: какие состояния и ограничения понадобятся разработчику.
- 01
Типографика, цвет, контраст, сетки и эффекты
- 02
Иконки и последовательные названия элементов
- 03
Кнопки, теги, аккордеоны и элементы форм
- 04
Меню, уведомления, модальные окна и таблицы
- 05
Документация и подготовка публикации в Figma Community
- 06
Дополнительное повторение базовых инструментов Figma
Когда программа подходит вашей задачеВы выбираете обучение. RusUdemy помогает с оформлением.
Пришлите ссылку на выбранный курс. Уточним текущую стоимость и поможем оформить его в вашем личном аккаунте Udemy. Материалы и прогресс останутся у вас.
01
Курс в Вашем аккаунте
Курс появляется в вашей личной библиотеке на Udemy. Никаких пиратских копий, общих аккаунтов или «серых» схем.
02
Без предоплаты
Вы оплачиваете покупку только после того, как курс появился в вашем аккаунте Udemy.
03
Покупка за 10 минут
Обычно от первого сообщения до появления курса в аккаунте проходит около 10 минут.
04
Живой человек, не бот
В Telegram отвечает живой человек: можно задать вопрос и получить качественную поддержку по покупке.
Сначала согласуем курс и условия. Оплата после появления курса в аккаунте.
Опыт работы с сервисом
Отзывы клиентов RusUdemy
Спасибо Михаилу
Оперативно помогли приобрести курс в вечернее время
Лучший сервис 🕺
Оперативно помогли приобрести курс в вечернее время
Лучший сервис 🕺
Отзыв от:
Михаил, огромная благодарность за содействие, как жаль, что я не знала о Вас раньше!!!!
Отзыв от:
Оплатить udemy, а ещё получить комплимент и дельный совет, как в той рекламе - почти бесценно. Если вы читаете этот отзыв и ещё раздумываете где и как купить курс на udemy - вам к Михаилу, не сомневайтесь
Отзыв от:
Хотела поблагодарить ,все прошло быстро и доступно. Отдельная благодарность за обратную связь! Вы лучшие ♥️
Отзыв от:
Оперативно подошли к покупке курса. Очень доволен. Большое спасибо.
Отзыв от:
Купил курс по программированию. Михаил, спасибо за помощь с созданием нового аккаунта, быстроту ответа и оформления курса. Хороший сервис
Отзыв от:
Ответы перед стартом