Веб-дизайн в Figma: ключ к успеху. С нуля

Веб-дизайн в Figma: ключ к успеху. С нуля

5.0

ФорматОнлайн

Длительность4-5 часов в неделю

Объём11 занятий

УровеньНачальный

По окончанииStepik

О курсе

Подробнее

Тарифы: 🔥 Полностью обновлённый курс в самой последненй версии Figma На этом курсе вы научитесь работать в самом главном приложении для веб-дизайнеров - Figma. Вам предстоит изучить все тонкости: начиная от фреймов, заканчивая Autolayout и компонентами. Вы не просто изучите теорию, а реализуете несколько полноценных кейсов для вашего портфолио веб-дизайнера! На курсе вы не просто изучите инструменты — вы создадите с нуля: Интерфейс CRM системы: с нуля и до публикации кейса на Dprofile. Сайт для сдачи в аренду спецтехники: начиная от создания дизайн-системы, заканчивая адаптацией под мобильные устройства. Привлекательный кейс для публикации на Dprofile. Сайт-портфолио на Tilda, где разместите ваш проект. 🚀 Готовы начать свой путь в веб-дизайне? Освойте Figma и создайте свой первый профессиональный проект! Подписывайтесь на наш Telegram-канал 👉 t.me/skilltor Будьте в курсе новостей курса, получайте бесплатные уроки и советы по Figma и дизайну! Советуем приобрести этот курс сразу в комплекте с Продвинутым курсом по Figma и Дизайнер сайтов на Tilda. С нуля до PRO. По выгодной акции 3 курса по цене 2: Профессия веб-дизайнер: расширенная программа из 3 курсов

Требования

Что нужно для старта

Компьютер или ноутбук и главное - желание учиться

Результат

Что вы получите

Создавать дизайны веб-сайтов
Анализировать цели и задачи проекта
Работать с цветом, шрифтами и изображениями
Проектировать сложные интерфейсы
Разрабатывать CRM системы
Работать с фотографией в веб-среде
Оформлять кейсы для Dprofile
Создавать сайты-портфолио в Tilda

Навыки

Чему вы научитесь

Полностью обновленный курс! Этот курс ключ к успеху в понимании и использовании всех инструментов и возможностей Figmа и веб-дизайна. Пока другие хвастаются, наши ученики создают продающие сайты и зарабатывают на этом!

Аудитория

Для кого этот курс

Этот курс подойдёт начинающим дизайнерам и даже ни разу не открывавшим Figma.

Содержание

Программа курса

11 занятий

№ТемаЧто внутри

01Знакомство

- Информация о курсе
- Как проходить курс
- Установка Figma

02Базовый модуль по Figma

- Создание первого проекта
- Учимся работать со шрифтами
- Изучаем направляющие и Grid сетки
- Учимся работать с цветами и градиентами

03Профильный модуль по Figma

- Учимся работать с Autolayout
- Разбираемся что такое компоненты и для чего они нужны
- Учимся работать со стилями
- Знакомимся с эффектами

04Создаём лендинг для аренды спецтехники

- Создаём UI KIT: стили для текста
- Создаём UI KIT: стили для цветов
- Создаём UI KIT: создаём кнопки
- Создаём UI KIT: создаём поля ввода
- Создаём первый экран ч. 1
- Создаём первый экран ч. 2
- Создаём каталог спецтехники ч. 1
- Создаём каталог спецтехники ч. 2
- Создаём форму обратной связи
- Создаём блок с контактами
- Создаём подвал сайта
- Адаптируем сайт под мобильные устройства ч. 1
- Адаптируем сайт под мобильные устройства ч. 2

05Правила создания композиции

- Что такое F-паттерн
- Что такое Z-паттерн

06UX-дизайн

- Визуальная коммуникация
- Портрет аудитории и мудборд
- Пользовательские сценарии и паттерны их использования
- Юзабилити
- Гипотезы

07Итоговая работа UX-дизайн

- Итоговая работа

08Создаём дизайн интерфейса CRM системы

- Создаём блок навигации ч. 1
- Создаём блок навигации ч. 2
- Создаём информационные блоки
- Создаём блок "Последние заказы"
- Создаём блок "Постоянные клиенты"
- Создаём страницу с задачами ч. 1
- Создаём страницу с задачами ч. 2
- Создаём страницу с задачами ч. 3
- Создаём кнопку добавления новой задачи
- Создаём страницу с заказами
- Создаём страницу с добавлением нового заказа ч. 1
- Создаём страницу с добавлением нового заказа ч. 2
- Создаём страницу с добавлением нового заказа ч. 3
- Создаём страницу с клиентами
- Создаём кнопку добавления нового клиента
- Создаём страницу с отчётами
- Создаём страницу с настройками

09Создаём кейс для Dproifle

- Создаём кейс в Figma ч. 1
- Создаём кейс в Figma ч. 2
- Публикуем кейс на Dprofile

10Создаём сайт-портфолио на Tilda

- Создаём главный экран
- Создаём блок с портфолио
- Создаём блок с контактами и публикуем сайт

11Финал

- Получение сертификата

01Знакомство

- Информация о курсе
- Как проходить курс
- Установка Figma

02Базовый модуль по Figma

03Профильный модуль по Figma

04Создаём лендинг для аренды спецтехники

05Правила создания композиции

- Что такое F-паттерн
- Что такое Z-паттерн

06UX-дизайн

07Итоговая работа UX-дизайн

- Итоговая работа

08Создаём дизайн интерфейса CRM системы

09Создаём кейс для Dproifle

- Создаём кейс в Figma ч. 1
- Создаём кейс в Figma ч. 2
- Публикуем кейс на Dprofile

10Создаём сайт-портфолио на Tilda

- Создаём главный экран
- Создаём блок с портфолио
- Создаём блок с контактами и публикуем сайт

11Финал

- Получение сертификата

Документ после выпуска

Stepik

Организатор

Автор курса

Stepik

4.6Нет отзывов

Stepik — образовательная платформа и конструктор онлайн-курсов. Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем в проведении олимпиад и программ переподготовки. Наша цель — сделать образование открытым и удобным. Stepik — широко известная российская образовательная платформа, основанная в 2013 году. На Stepik зарегистрировано более миллиона пользователей из России и стран СНГ. В настоящее время на Stepik представлены несколько тысяч учебных курсов на самые разные темы.

Подробнее об авторе

Мнения учеников