Программа
Вас ждут блоки по веб-дизайну и вёрстке, UX и Figma с разным уровнем сложности, онлайн-лекции и практические задания
Веб-дизайн с нуля
Вы научитесь делать адаптивный дизайн для сайтов, лендингов и презентаций в Figma. Создадите первый кейс для портфолио на Behance.
- Введение и первый результат
- Бонус-модуль. Самые частые ошибки начинающих дизайнеров
- Бонус-модуль. Плагины
- Тренды, подготовка, мудборды
- Работа со стилями. Создание GUI
- Главная страница, первые шаги
- Основы работы с графикой
- Бонус-модуль. Воркшоп с Сергеем Гуровым. Сетка и композиция в дизайне
- Декомпозиция
- Навигация и структура
- Интересная подача информации
- Формы и кнопки
- Дизайн-системы
- Адаптивность и мобильная версия
- Цвета, настроение. Промостраница мероприятия
- Декомпозиция промостраницы
- Анимация в Figma
- Презентация для клиента
- Передача проекта в вёрстку
- Первый кейс на Behance
- Бонус-модуль. Введение в вёрстку
Веб-дизайн PRO
Вы прокачаетесь в типографике, научитесь создавать 3D-элементы для сайтов и узнаете, как делать дизайн под целевую аудиторию бизнеса.
- Специализация и личное позиционирование
- Концептуальный дизайн
- Бонус модуль. Развитие дизайнера
- Введение в UX
- Портреты пользователей и CJM
- Иконки
- Типографика PRO
- Бонус модуль. Работа с данными от заказчика
- Readymag
- Продвинутая презентация
- Бонус модуль. Процесс работы над проектами дизайн-команды в РИА Новости
- Копирайтинг
- Cinema 4D + Blender
- Adobe XD
- Кейс на 1000 лайков
- План развития дизайнера на три года
- Информация о дипломном проекте
UX-дизайн
Вы научитесь исследовать пользовательский опыт и поймёте, как решать задачи бизнеса с помощью UX. Сможете проектировать не только красивые, но и удобные интерфейсы.
- Профессия дизайнера в эпоху цифровых перемен
- Дизайн-мышление
- UX-проектирование. Паттерны и психология пользователя
- Бонус-модуль. Удобный интерфейс
- Основы юзабилити
- Юзабилити-тестирование
- Сервисный дизайн
- Формы и UX-исследования
- Бонус-модуль. Кейс по сервисному дизайну
- Бонус-модуль. Проектирование CRM-систем
- E-commerce
- UI/Визуальная концепция
- Бонус-модуль. Дизайн-система и паттерны
- Мобильный UX/UI
- Текст в интерфейсе
- Бонус-модуль. Анимация интерфейсных элементов
- Бонус-модуль. Кейс проектирования для юр. лиц
- Дизайн на основе данных
- Бонус-модуль. А/В-тесты
- Бонус-модуль. Работа над проектом
- Успешная презентация
- Бонус-модуль. UX + Agile
- Карьера в UX
- Информация о дипломном проекте
Figma
Вы освоите онлайн-сервис Figma — сможете проектировать и анимировать в нём интерфейсы, работать над проектом с командой.
- Введение в Figma. Обзор возможностей
- Работа с графикой
- Редактор Figma — модульные сетки и монтажные области
- Создание и настройка компонентов, работа с эффектами
- Создание вложенных компонентов. Auto Layout
- Организация рабочего пространства компонентов и стилей. Командная работа, контроль версий и передача макетов в разработку.
- Прототипирование
- Figma Animate
- Бонус-модуль. Обзор и применение Figma plugins
Веб-вёрстка с нуля
Вы поймёте назначение основных тегов HTML, сможете стилизовать и размещать элементы с помощью CSS, JavaScript и сверстаете свой первый дизайн-макет.
- Введение
- Базовый HTML
- Базовый CSS
- Работа с макетом
- Layout. HTML-разметка
- Layout. Flexbox
- Layout. Стилизация
- Продвинутый HTML. Формы
- Продвинутый CSS
- Сетки
- Адаптивность. Десктоп и планшет
- Адаптивность. Мобильные устройства
- Доступность
- JavaScript для верстальщика
- Кросс-браузерность
- Бонус-модуль. База знаний
- Работа с хостингом
- Анимация
- Курсовая (мини-проект)
Веб-вёрстка PRO
Вы научитесь верстать письма для email-рассылок, узнаете, как быстро создавать шаблоны с помощью гридов. Изучите особенности вёрстки сайтов под CMS-движки и анимацию на CSS3 и JS.
- Верстка HMTL-писем
- Сборщики
- Препроцессоры и постпроцессоры
- CSS Grid
- Анимация интерфейса
- CMS
- Будущее верстки
- Информация о дипломном проекте
Дизайнер сайтов на Tilda
Вы научитесь создавать красивые и функциональные сайты на конструкторе Tilda. Поймёте, как собирать лиды через CRM Tilda и читать данные встроенной веб-аналитики.
- Введение
- Начинаем работу с Tilda
- Оформление сайта
- Обложки и слайдеры
- Меню
- Формы и кнопки
- ZERO-блок
- ZERO-блок, часть 2
- Кастомный код
- Блоги и новости, лонгриды
- Интернет-магазин
- Мобильная версия
- Аналитика
- Приём данных форм, CRM
- Подготовка к запуску
- Работа с клиентами
Дипломный проект. Дизайн и вёрстка сайта
Вы создадите прототип digital-продукта, (например, сайта), протестируете его на пользователях по принципам UX, разработаете дизайн-концепцию и сверстаете итоговый продукт.
Что получит слушатель по окончании
- Диплом Skillbox
- Портфолио
- Помощь в трудоустройстве
Ваше резюме после обучения
- Должность: Fullstack-дизайнер
- Зарплата от: 120 000 ₽
Профессиональные навыки:
- Знание HTML, CSS
- Разработка дизайн-макетов
- Макетирование и анимация продукта в Figma
- Создание сайтов на Tilda
- Умение анализировать ЦА и составлять CJM
- JavaScript для верстальщика
- Навыки презентации готового решения
- Проектирование пользовательских интерфейсов
- Создание адаптивного продукта (веб / мобильный)
- Создание кроссбраузерного продукта
Отзывы
Отзывов пока нет.