1

Step 1

Настройка на норму

2

Step 2

Исследование и прототип

3

Step 3

Дизайн иконок

4

Step 4

Типографика

5

Step 5

Дизайн элементов

6

Step 6

Визуальная коммуникация

7

Step 7

Инфографика

8

Step 8

Дизайн аватара и главного поста

9

Step 9

Организация и подготовка макета.

10

Step 10

Разбор итоговых работ

1

Step 1

Настройка на норму

2

Step 2

Исследование и прототип

3

Step 3

Дизайн иконок

4

Step 4

Типографика

5

Step 5

Дизайн элементов

6

Step 6

Визуальная коммуникация

7

Step 7

Инфографика

8

Step 8

Дизайн аватара и главного поста

9

Step 9

Организация и подготовка макета.

10

Step 10

Разбор итоговых работ

22 February 2016
completed_date
Education

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. Настройка на норму

    Задачи дизайнера. Понимание пользователя. Уровень нормы.
    Процесс дизайна сообщества. Алгоритм быстрого прогресса. Тайм-менеджмент дизайнера.

    ЗАНЯТИЕ 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.

    1. Посмотреть запись вебинара.

    2. Посмотреть опорные видео.

    3. Сформулировать 5 основных выводов, что вы поняли.

    4. Выполнить задания

  2. Исследование и прототип

    Задача проекта. Целевая аудитория. Упаковка смысла. Многоэкранная схема мышления. Уровни восприятия. Фокус внимания. Основы композиции.

  3. Дизайн иконок

    Задача иконок. Алгоритм создания иконок. Стилистика иконок. Норма в дизайне иконок. Провила создания иконок.

  4. Типографика

    Шрифты, классификация. Эмоции и характер шрифтов. Алгоритм подбора шрифтов. Сочетаемость шрифтов. Понятие иерархии.

  5. Дизайн элементов

    Элементы интерфейса и функции. Норма в дизайне UI. Правила создания кнопок/меню. Основные ошибки. Важность проработки деталей.

  6. Визуальная коммуникация

    Задача визуальной коммуникации. Концепция дизайна. Смыслы/эмоции. Как подбирать образы. Психология цвета, цветовой круг. Подбор стилистики.

  7. Инфографика

    Задачи инфографики. Норма в инфографике. Алгоритм создания инфографики. Правила оформления.

  8. Дизайн аватара и главного поста

    Модульная сетка и выравнивание. Композиция главного поста. Композиция блоков страницы. Иерархия объектов. Правила стилистики в блоках.

  9. Организация и подготовка макета.

    Организация дизайн-макета. Слайсинг макета. Wiki-разметка для ВК. Верстка wiki-разметки.

  10. Разбор итоговых работ

  • 1681
  • 22 February 2016, 20:01
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?