Веб-дизайнер: расширенный курс от Нетология

2. Основы Adobe Photoshop и Illustrator

• Введение в Photoshop
• Двойная экспозиция
• Ретушь и цветокоррекция
• Постер
• Тонированное изображение
• Сайт в Photoshop
• Мокап
• GIF-анимация
• Иллюстрация
• Отрисовка логотипа в Illustrator

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

• Введение в профессию веб-дизайнера
• Составление технического задания
• Системы ведения проектов
• Вдохновение, творчество, импровизация

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

• Основы работы в Figma
• Основы дизайна в вебе
• Основы дизайна в вебе: рисуем лендинг
• Подготовка веб-макета к жизни. Адаптивный дизайн и состояние элементов
• Пользовательское взаимодействие — UX. 2 занятия
• UX в вебе. Разбор кейсов студии
• Композиция
• Модульные сетки
• Веб-типографика
• Теория цвета
• Скетчинг и прототипирование

5. Создание проекта сайта

• Дизайн-концепция веб-сайта
• Создание адаптивности
• Основы анимации интерфейсов в Principle
• Практика анимации
• Презентация работ и подготовка портфолио на Behance

6. UX-исследование интерфейса

• Введение в UX-исследования
• Азбука пользовательского интерфейса
• Культура работы в команде
• Презентация собственного проекта для работы над курсом
• Качественные исследования аудитории
• Персоны. Воркшоп
• Lean UX strategy
• UX strategy. Воркшоп

7. Прототипирование интерфейсного решения

• Информационная архитектура
• Customer journey mapping
• UX-дизайн. Воркшоп
• Инструменты прототипирования
• UI-дизайн. Воркшоп

8. Tilda: базовое изучение конструктора сайтов. Модуль от студии MateÇa

• Конструкторы сайтов. Tilda: первое касание
• Детальный разбор стандартных блоков
• Знакомство с интерфейсом. Стандартные и Zero-блоки 
• Глубокие настройки сайта и страниц. Публикация проекта

9. Tilda: продвинутый функционал. Модуль от студии MateÇa

• Возможности Zero-блока
• Сетки и адаптивы в Zero
• Улучшения для Tilda. Модификации и код
• Tilda-CRM. Рассылки и подключение аналитики
• Использование Tilda в маркетинговых целях и тестирование гипотез
• Сборка первого лейаута в Zero
• Анимация в Zero
• Каталог товаров. E-commerce и платежи
• Поиск клиентов и дальнейшая работа

10. 3D-графика для веб-интерфейсов в Cinema 4D. Модуль от компании ITECH

• Знакомство с 3D-графикой
• Камера и сцена
• Рендер
• Cinema 4D. Основные возможности программы
• Свет и материалы

11. Вёрстка на HTML и CSS

• Теги для вёрстки контента страницы
• Теги для вёрстки структуры страницы
• Теги для вёрстки форм
• Селекторы CSS
• Определение контекста элементов
• Блочная модель
• Позиционирование элементов
• Оформление текста
• Оформление декоративных элементов
• Состояние интерактивных элементов

12. Адаптивная и мобильная вёрстка

• Вёрстка резинового макета
• Резиновые изображения
• Медиазапросы и медиафункции
• Особенности вёрстки для мобильных устройств
• Адаптивная типографика, breakpoints
• Адаптивные изображения

13. Карьера в дизайне. Модуль от МТС

• Резюме и портфолио: на что смотрит рекрутер
• Сопроводительное письмо — путь к успеху
• Собеседование: как подготовиться и как пройти
• Тестовое задание: зачем и как его делать
• Что делать после собеседования: выход на работу и разбор сложных кейсов
• Успешный фриланс

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

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