tutspluscom
Подраздел envato, продает курсы по всем разным направлениям, не считая разработки. Откройте для себя тысячи бесплатных обучающих программ, созданных творческими людьми для творческих людей.
Создание дизайна сайта в Figma
Create a Themeable Site Design in Figma
★5 (всего оценок - 3)
Продолжительность
1 ч 21 мин
Категория
FigmaКоличество уроков
12 Видео
Дата добавления
30 июн. 2019 г., 13:49
Язык
Английский
Дата выхода
11 мар. 2019 г., 16:28
Дата обновления
29 апр. 2026 г., 03:41
Научитесь создавать профессиональный дизайн сайта в Figma и работать со стилями так, чтобы ваши проекты были структурированными, гибкими и легко масштабируемыми. Курс идеально подходит для начинающих дизайнеров и тех, кто хочет быстрее и качественнее собирать интерфейсы.
Что вы узнаете на курсе
Курс по созданию дизайна сайта в Figma поможет вам разобраться с основными инструментами платформы и научит применять систему стилей для создания чистых и продуманных макетов.
Освоение базовых инструментов Figma
Вы узнаете, как работает интерфейс, какие функции чаще всего используют дизайнеры, и как ускорить процесс работы над макетами.
- Работа с фреймами и слоями
- Создание и редактирование векторных элементов
- Использование автолэйаутов для адаптивных интерфейсов
Создание дизайн‑системы на основе стилей
Figma позволяет сохранять любые визуальные параметры, чтобы применять их повторно. Это помогает создавать единый, логичный и аккуратный дизайн.
- Цветовые стили: палитры, темы и их применение
- Текстовые стили: заголовки, подзаголовки, базовый текст
- Эффекты: тени, градиенты, прозрачность
- Стили сеток и отступов
Практическая часть курса
Вы не просто изучите теорию, но и создадите полноценный дизайн сайта с нуля.
Разработка структуры будущего сайта
Пошагово выстроите каркас страниц: от первых набросков до проработанного wireframe‑макета.
Создание визуальной концепции
Вы научитесь подбирать цвета, типографику и визуальные элементы так, чтобы сайт выглядел современно и выразительно.
Применение стилей для тематической вариативности
За счёт использования стилей вы сможете быстро менять внешний вид макета — например, делать светлую и тёмную тему в пару кликов.
Почему этот курс будет полезен
Курс сочетает в себе практику и грамотную методологию, благодаря чему вы научитесь создавать не просто красивые, но и удобные в работе проекты.
- Подходит для новичков и тех, кто уже пробовал работать в Figma
- Чёткая структура подачи материала
- Практический результат — готовый макет сайта
- Фундаментальные навыки, которые пригодятся в UI/UX дизайне
Итог
Пройдя курс, вы уверенно освоите основы дизайна сайтов в Figma, научитесь работать со стилями и соберёте свой первый полноценный интерфейс. Эти знания станут прочной основой для дальнейшего развития в веб‑дизайне.
- Урок 1.00:00:381.1 Welcome to the Course
- Урок 2.00:20:552.1 Set Up the Layout and Backgrounds
- Урок 3.00:06:432.2 Add the Site Title and Menu
- Урок 4.00:08:592.3 Add the Top Section Text and Button
- Урок 5.00:07:072.4 Create Feature Icon and Text
- Урок 6.00:04:412.5 Duplicate Features and Add the Final Button
- Урок 7.00:11:043.1 Create Document Styles
- Урок 8.00:04:383.2 Recolor Backgrounds
- Урок 9.00:03:423.3 Recolor the Title and Solid Button
- Урок 10.00:02:343.4 Recolor the Icons and Hollow Button
- Урок 11.00:06:283.5 Demo and Quick Notes on Additional Themes
- Урок 12.00:04:124.1 Wrapping Up
Автор - tutspluscom
Комментарии