Веб-дизайнер от Нетологии

1. Основы Figma. Опыт mish.design. Подготовительный модуль

Получите необходимую базу для работы с графикой и дизайн-макетами в Figma. Познакомитесь с ключевыми инструментами приложения и сразу примените их на практике.

• Обзор Figma

• Первые шаги в Figma

• Интерфейсы

• Основы дизайна в вебе

• Подготовка веб-макета

• Основы работы с мобильными платформами

• Компоненты и стили

• Кликабельный прототип мобильного приложения

2. Основы Adobe Photoshop и Illustrator. Подготовительный модуль

Получите необходимую базу для работы с векторной и растровой графикой. Познакомитесь с основными инструментами и сразу примените их на практике.

• Введение в Photoshop

• Двойная экспозиция

• Ретушь и цветокоррекция

• Создание постера

• Тонированное изображение

• Сайт в Photoshop

• Мокап

• Gif-анимация

• Иллюстрация

• Отрисовка логотипа в Illustrator

3. Инструменты и организация работы веб-дизайнера

Узнаете, как организовать процесс создания сайта, подготовить необходимую документацию и где искать вдохновение перед началом проектирования.

• Введение в профессию веб-дизайнера

• Составление технического задания

• Системы ведения проектов

• Вдохновение, творчество, импровизация

4. Основы UX-дизайна

Изучите базовые принципы UX-дизайна и научитесь проектировать информационную архитектуру интерфейса. Освоите инструменты прототипирования и разработаете прототипы разной степени детализации. Разберёте реальный кейс по разработке UX-дизайна совместно с ведущей дизайн студией России — mish.design.

• Основы работы в Figma

• Основы дизайна в вебе

• Cоздание лендинга

• Подготовка веб-макета. Адаптивный дизайн и состояние элементов

• Пользовательское взаимодействие

• UX в вебе. Кейсы студии mish.design

• Скетчинг и прототипирование

5. Визуальный дизайн

Изучите основы визуального дизайна и научитесь разрабатывать визуальную коммуникацию пользователя с интерфейсом. Освоите принципы создания визуальной иерархии в интерфейсе и адаптируете своё решение под разные устройства.

• Композиция

• Модульные сетки

• Веб-типографика

• Теория цвета

• Дизайн-концепция сайта

• Создание адаптивности

• Введение в анимацию в ProtoPie

• Основы анимации в Principle

• Практика веб-анимации

• Презентация работ и подготовка портфолио

Итоговый проект — дизайн-макет в Figma

Пройдёте полный цикл создания дизайн-проекта. Проанализируете целевую аудиторию, спроектируете информационную архитектуру веб-интерфейса и разработаете прототипы разной степени детализации. Создадите трендовый дизайн, адаптируете его под разные устройства и упакуете свой кейс в эффектное портфолио Behance.

6. Создание сайтов на Tilda: базовый уровень. Опыт MateÇa

Изучите возможности редактирования и настройки сервисов в Tilda. Разберётесь в нюансах подготовки сайта к запуску. Научитесь кастомизировать блоки, работать во встроенном графическом редакторе Zero Block и создавать дизайн любой сложности.

• Конструкторы сайтов. Tilda

• Интерфейс. Стандартные и Zero-блоки

• Стандартные блоки: детальный разбор

• Настройки сайта и страниц. Публикация проекта

• Zero-блоки

• Создание лейаута в Zero

• Сетки и адаптивы в Zero

• Анимация в Zero

• Улучшения для Tilda. Модификации и код

7. Создание сайтов на Tilda: продвинутый уровень. Опыт MateÇa

Оптимизируете свой сайт, используя расширенные функции конструктора и CRM-системы. Разберёте нюансы разработки ecommerce в Tilda. Узнаете, где искать клиентов и что им предлагать. Оформите свой сайт-портфолио и подготовитесь к выходу на рынок фриланса.

• Потоки и новости

• Каталог товаров

• Eсommerce и платежи

• Tilda-CRM

• Рассылки и подключение аналитики

• Личный кабинет

• Использование Tilda в маркетинговых целях. Быстрая проверка гипотез

• Поиск клиентов

8. Карьера в дизайне. Опыт МТС. Бонус

Разберёте все аспекты успешного старта в дизайне: начиная с подготовки резюме и заканчивая выполнением тестового задания. Практикующие специалисты МТС расскажут, как сделать карьеру в дизайне, поделятся личным опытом и лайфхаками.

• Резюме и портфолио

• Сопроводительное письмо

• Собеседование: как подготовиться и пройти

• Тестовое задание: зачем и как его делать

• Выход на работу

• Успешный фриланс

9. Насмотренность в дизайне. Бонус

Узнаете, как тренировать насмотренность, один из основных навыков дизайнера. Будете анализировать работы из разных сфер искусства, углублять навыки работы с цветом, композицией и типографикой. В итоге соберёте референсы, которые сможете использовать в своих проектах.

• Насмотренность: почему она так важна для профессионального развития

• Принципы построения композиции, использования цветов и типографики

• Насмотренность на практике: пополняем и структурируем библиотеку изображений

Итоговый проект — сайт на Tilda

Оптимизируете свой сайт, используя расширенные функции конструктора и CRM-системы. Разберёте нюансы разработки ecommerce в Tilda, узнаете, где искать клиентов и что им предлагать. Оформите свой сайт-портфолио и подготовитесь к выходу на рынок фриланса.