W.D.I | Веб-дизайн Интенсив (40 часов)
35-дневная образовательная программа.
Состоит из 9 образовательных секций с видеоуроками (44 урока).
Домашние задания после каждой сессии.
10 вебинаров с разбором домашних заданий.
В итоге - созданная своими руками готовая работа по теме: сайт, мобильное приложение, оформление сообщества.
Дадим фундамент в понимании задач и принципов веб-дизайна для осознанного подхода к созданию дизайн-макетов.
Научим вас создавать дизайн-макеты сайтов с нуля, даже если вы никогда не работали в Photoshop
После курса вы сможете создавать дизайн веб сайтов, мобильных приложений, и сообществ в "В контакте", начнете совершенствовать мастерство.
КАК УСТРОЕН КУРС?
1. Весь курс разбит на 9 секций (9 тем), по каждой из которых будет вебинар.
2. К каждому вебинару будет серия вспомогательных видеоуроков с кратким изложением материала.
3. В каждой секции есть практические уроки, которые нужно выполнять.
‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐
КАК РАБОТАТЬ НА КУРСЕ?
Схема работы: ПРОСМОТР ВЕБИНАРА и СЕКЦИИ ‐> 5 ВЫВОДОВ ‐> ПРАКТИЧЕСКИЕ ВИДЕО ‐> ДОМАШНЕЕ ЗАДАНИЕ ‐> СЛЕДУЮЩИЙ ВЕБИНАР
1. После вебинара ОБЯЗАТЕЛЬНО необходимо сформулировать 5 основных выводов, которые вы из него вынесли.
2. Далее необходимо посмотреть и выполнить практические видеоуроки.
3. Потом можно выполнять домашнее задание.
4. Результат практических уроков и домашнего задания необходимо выкладывать в альбом секции.
5. Дедлайн по выполнению домашнего задания ‐ начало вебинара по разбору работ.
‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐
КАК УСТРОЕНЫ ВЕБИНАРЫ?
1. На вебинаре дается новая тема и разбираются домашние задания.
2. Вебинар является самой продуктивной частью курса. Если вы хотите быстрого прогресса ‐ выполняйте домашние задания и работайте на вебинарах.
‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐
ЧТО ТАКОЕ ФИНИШНАЯ ПРЯМАЯ?
1. После 8й секции начинается выполнение итоговой работы ‐ Финишная прямая.
2. Это 5 дней работы по созданию итогового дизайн‐макета.
3. Результат ‐ выполненный своими руками дизайн‐макет.
4. По итогу рабочей недели состоится вебинар с разбором итоговых работ и оценка прогресса курса.
Goal Accomplishment Criteria
Курс полностью пройден
Personal resources
Программа курса, вебинары
Goal ecological compatibility
Зачем мне это? Хочу пройти данную программу, чтобы структурировать свои знания, узнать новое и получить вдохновение для дальнейшей работы
-
Настройка на норму
Задачи дизайнера. Понимание пользователя. Уровень нормы.
Процесс дизайна сообщества. Алгоритм быстрого прогресса. Тайм-менеджмент дизайнера.ЗАНЯТИЕ 1.
Посмотреть запись вебинара.
Посмотреть опорные видео.
Сразу после вебинара нужно сформулировать 5 основных выводов, что вы поняли.
**********
ВЫПОЛНИТЬ ЗАДАНИЯ
1. Установить Photoshop CC 2015 с официального сайта (англ. версию)
2. Выполнить задание по практическим видеоурокам:
2.1. Операции с векторными объектами в Ps
2.2. Параметры фигуры и радиус скругления угла прямоугольника
2.3. Кривые Безье (используйте шаблон для урока в приложении bezier_lesson_sample.psd)
ВАЖНОЕ
1. Сделать разбор 2х сайтов из уровня нормы:
Выбрать 2 сайта из onepagelove.com или bestwebsite.gallery и сделать разбор по алгоритму из уроке 6
2. Сделать разбор одного сайта не из уровня нормы:
Можно покопаться в дизайн‐макетах на Fl.ru или weblancer.net. Разбор делать по упрощенному алгоритму:- 1. Что хорошо?
- 2. Что улучшить?
СПЕЦЗАДАНИЕ для тех, кто владеет основами Photoshop:
1. Выбрать сайт из onepagelove
2. Создать копию его главного экрана в Photoshop согласно алгоритму в уроке 6.-
Посмотреть запись вебинара.
-
Посмотреть опорные видео.
-
Сформулировать 5 основных выводов, что вы поняли.
-
Выполнить задания
-
Исследование и прототип
Задача проекта. Целевая аудитория. Упаковка смысла. Многоэкранная схема мышления. Уровни восприятия. Фокус внимания. Основы композиции.
-
Дизайн иконок
Задача иконок. Алгоритм создания иконок. Стилистика иконок. Норма в дизайне иконок. Провила создания иконок.
-
Типографика
Шрифты, классификация. Эмоции и характер шрифтов. Алгоритм подбора шрифтов. Сочетаемость шрифтов. Понятие иерархии.
-
Дизайн элементов
Элементы интерфейса и функции. Норма в дизайне UI. Правила создания кнопок/меню. Основные ошибки. Важность проработки деталей.
-
Визуальная коммуникация
Задача визуальной коммуникации. Концепция дизайна. Смыслы/эмоции. Как подбирать образы. Психология цвета, цветовой круг. Подбор стилистики.
-
Инфографика
Задачи инфографики. Норма в инфографике. Алгоритм создания инфографики. Правила оформления.
-
Дизайн аватара и главного поста
Модульная сетка и выравнивание. Композиция главного поста. Композиция блоков страницы. Иерархия объектов. Правила стилистики в блоках.
-
Организация и подготовка макета.
Организация дизайн-макета. Слайсинг макета. Wiki-разметка для ВК. Верстка wiki-разметки.
-
Разбор итоговых работ
Don't miss new posts!
Subscribe for the Goal and follow through to its completion
