Веб-дизайн,
быстрый старт

Программа бесплатного курса

Введение

• Презентация программы курса
• Как проходит обучение в E-distant School?
• Сколько времени займет выход на коммерческий уровень?
• Ставим цели на курс

1. Инструменты и навыки

• Какие инструменты изучать, какие навыки развивать?
• Figma — бесплатно, быстро, просто
• Векторная и растровая графика
• Что делает веб-дизайнер?
• Photoshop для веб-дизайнера
• Зачем Illustrator веб-дизайнеру?
• Самые полезные горячие клавиши для работы
• Как собрать портфолио, не имея коммерческих заказов?

2. Статичный баннер в Figma

• Где и как искать стоковые изображения?
• Поиск и установка шрифтов
• Структура статичного баннера
• Обтравка изображений в Photoshop
• Сборка баннера в Figma
• Гайд по выбору клиента или бренда

3. Видеобаннер в Photoshop? Легко!

• Где искать вдохновение и свежие тренды?
• Что такое уровень нормы?
• В чем отличие между JPG, GIF, HTML5 и MP4 баннерами?
• Лучшие бесплатные стоки для поиска видео футажей
• Форматы видеобаннеров для соц. сетей
• Как собрать видеобаннер в фотошопе?
• Как правильно сохранить видеобаннер для соц. сети?

4. Основы моушн-дизайна

• Почему производство баннеров так прибыльно?
• Что такое ресайз баннера?
• Знакомство с программой Adobe Animate
• Почему веб-дизайнеру важно знать основы моушн-дизайна?
• Анимация логотипа в Animate
• Как сохранить и добавить анимацию в соц. сети?

5. Бонусный урок

Не секрет, что для трудоустройства или поиска клиентов на фрилансе веб-дизайнеру необходимо иметь сильное портфолио. Выполняя домашние задания 2-5 уроков, ты добавишь в свой арсенал 3 уникальные, коммерчески обоснованные работы.

• Оформляем портфолио
• Где публиковать работы, чтобы их заметили?
• Работа в компании или на фрилансе?
• Я прошел курс, что дальше? Пошаговый план развития