ЛекцияСеминар, Мастер-класс, Показ, ЭкскурсияКурсМагистратура, MBA, ТренингГрантРезиденции, стажировки, конкурсыPromoПродвижение анонса

DigitalDesign.Lab

34дня
10занятий
16 000 рублей
Программа курса

Курс DigitalDesign.Lab разработан для графических дизайнеров и всех, кто периодически сталкивается с работой в вебе: созданием веб-сайтов, промо-страниц, интерактивных портфолио. Цель курса — дать базовое, фундаментальное знание о веб-дизайне, научить эффективно работать в профессиональных программах, а также строить грамотную коммуникацию с разработчиком и командой.

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

Расписание

13, 16, 20, 22, 27 февраля и 2, 6, 9, 13, 16 марта

13 февраля. НАЧАЛО РАБОТ НАД САЙТОМ: ВАЙРФРЕЙМИНГ

Вайрфрейминг: что, как и зачем? Анализ популярных веб-сервисов;Построение пользовательского пути

16 февраля. ПОИСК ВИЗУАЛЬНЫХ ИДЕЙ

Референс или мудборд;Из чего складывается уникальность интерфейса;Тренды в визуализации интерфейсов

20 февраля. ПРОФЕССИОНАЛЬНЫЙ DIGITAL-ДИЗАЙН: SKETCHI

Первое знакомство: как устроен интерфейс;Обзор плагинов и расширений;Создание главной страницы

22 февраля. ПРОФЕССИОНАЛЬНЫЙ DIGITAL-ДИЗАЙН: SKETCH II

Работа с Symbols;Работа со шрифтом и стилями текста;Сборка внутренних страниц сайта

27 февраля. АДАПТАЦИЯ САЙТА ПОД РАЗНЫЕ УСТРОЙСТВА I

Определимся в терминах: респонсив или адаптив;Мобильная версия: разбираем основные проблемы;Проба принципа «mobile first»

2 марта. АДАПТАЦИЯ САЙТА ПОД РАЗНЫЕ УСТРОЙСТВА II

Трудности перевода: выбираем полезные плагины;Масштабируемость: адаптируем сайт под разные разрешения;Браузерные расширения для тестирования сайтов

6 марта. CИСТЕМАТИЗАЦИЯ. ДИЗАЙН-ГИГИЕНА

Устройство дизайн-системы и UI Kit; Принципы работы с плагином Craft для Sketch;Построение дизайн-системы

9 марта. FRONT-END. КАК ПЕРЕДАТЬ НА ВЕРСТКУ

Встреча с front-end разработчиком;Подготовка sketch-документа к передаче на верстку

13 марта. АНИМАЦИЯ В ИНТЕРФЕЙСАХ

Зачем нужна анимация?Типы анимации;Principle: оживляем главную страницу сайта.

16 марта. КАК РАБОТАТЬ В READYMAG

Основные принципы работы;Оживляем ваш сайт; Адаптируем его под мобильные устройства;Анимируем элементы;Тестируем на разных экранах

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