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

Цель курса — дать базовое, фундаментальное знание о веб-дизайне и рассказать о последних тенденциях в digital-сфере. Вы научитесь создавать сайты в Sketch, анимировать их в Principle, работать с Readymag, а также строить грамотную коммуникацию с разработчиком и командой.

Вы узнаете, как анализировать пользовательский путь, создавать отзывчивые интерфейсы, упорядочивать информацию и адаптировать ее под разные платформы. Поэтапно разберем рабочий процесс: вайрфрейминг, работу с референсами, принцип mobile first, анимацию элементов интерфейса.
За время курса вы научитесь создавать адаптивные сайты, используя Sketch; оживлять visual-макеты, применяя Principle; узнаете основные типы анимации. Создадите свой финальный проект — адаптивный и интерактивный сайт на Readymag.
Ииии «вишенка на торте» — расскажем, зачем вам визуальный дизайн и как строить дизайн-системы.

Регистрация

Билеты

Для кого курс

Курс разработан для графических дизайнеров и всех, кто периодически сталкивается с работой в вебе: созданием веб-сайтов, промо-страниц, интерактивных портфолио.

Расписание

1 С чего начать/ Поиск идей

Основные этапы работ над сайтом Wireframing — что, куда, зачем? В чем отличие референса от мудборда (лукэндфил) и как с ними работать Из чего складывается уникальность интерфейса: Visual Design Тренды в веб-дизайне

2 Sketch — Professional digital design

Обзор программы Основные преимущества Установка плагинов Создание главной страницы сайта

3 Sketch. Продолжение

Типовая страница кейса (symbol/ typography) Работа со стилями Страница об авторе

4 Adaptive & Design System

Adaptive или Responsive — что выбрать? Дизайн-система или UI-kit? Как систематизировать и адаптировать дизайн-макеты

5 Production

Адаптация дизайн-макетов Что разработчики делают с вашими макетами? Подготовка дизайна на верстку

6 Principle

Типы анимации Как устроен Principle Как оживить главную страницу сайта при помощи Principle

7 Readymag

Как устроен Readymag Сборка сайта на Readymag Анимация Тестирование сайта

8 Readymag

Как собрать адаптив на Readymag Как добавить анимацию для mobile Презентация работ

Комментарии

Комментировать
Close
Нажмите на «Подписаться на новости», чтобы вступить в группу T&P
Спасибо, я уже с вами!