Что за курс.

Авторский онлайн тренинг по веб-дизайну.

Автор Юлия Первушина.

Что вошло в курс.

Содержание курса.

Лекция 1 «Идея. Анализ. Подготовка к реализации».

1.1 Идея.

• Дизайн начинается с идеи. Что такое идея.
• Анализ идеи и определение задач сайта.
• Описание идеи, согласование ее с заказчиком.
• Идеи заказчика. Как объяснять и бороться с провальными идеями заказчика. В каких случаях стоит, а в каких нет.
• Дизайнер и идея наедине с самим собой или «Я так вижу!»

1.2 Подготовка к реализации.

• Выбор стиля. Flat, Material, Стилизованный, Игровой.
• Создание мудборда.
• Подбор картинок.
• Подбор шрифтов.
• Создание палитры.

Лекция 2 «Цвет. Анализ. Интерфейс и юзабилити".

2.1 Цвет.

• Цвет и контрасты.
• Влияние цвета на дизайн.
• Анализ цвета популярных сайтов.
• Манипуляция восприятия с помощью цвета.
• Выворотки.

2.2 Анализ. Интерфейс и юзабилити.

• Сбор данных о компании/продукте, исследование аудитории, анализ конкурентов.
• Юзабилити сайта что это? Инструкция по применению.
• Модульные сетки.
• 100 советов по созданию хорошего интерфейса.
• Принципы эффективного дизайна.
• Создание прототипа.

Лекция 3 «UI киты. Типографика. Графика. Чек лист.»

3.1 UI Киты.

• Создание UI.
• Внимание к деталям.
• Строгое выравнивание по сетке.
• Бесплатные готовые UI Kit.

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

• Обзор современной типографики в вебе.
• Проблема «тощих» шрифтов.
• Качественные шрифты и шрифтовые пары.
• «Воздух» на сайте.
• Чек лист для создания сайта.

3.2 Графика.

• Обзор бесплатных стоков.
• Примеры хорошего графического оформления и плохого.

Лекция 4 «Создание лендинга. Material Design. Особенности создания лендинга».

4.1 Material Design.

• Какой он? В чем его отличия? Основные принципы.
• Недостатки Material.
• Способность отражения реального мира.
• Руководство по Material Design.

4.2 Особенности создания лендинга.

• Зачем нужен лендинг?
• Цель лендинга.
• Что такое конверсия. Способы ее повышения.
• Длинный или короткий?
• Первое впечатление.
• Анализ конкурентов.
• A/B тест.
• Мобилизация.
• Примеры хороших лендингов и плохих.

4.3 Создание лендинга по чек-листу.

• Прототип.
• Визуально эффективные призывы к действию.
• Техники захвата внимания.
• Работа с текстами.
• Инфографика и иконографика.

Лекция 5 «Корпоративный сайт. Flat стиль. Особенности создания корпоративного сайта».

5.1 Flat.

• Какой он? В чем его отличия? Основные принципы.
• Недостатки Flat.

5.2 Особенности создания корпоративного сайта.

• Зачем нужен корпоративный сайт?
• Признаки и примеры корпоративного сайта.
• Подготовка к проектированию корпоративного сайта.
• Проектирование макета корпоративного сайта.
• Мобилизация.

5.3 Создание корпоративного сайта по чек-листу.

Лекция 6 «Блог. Игровой стиль. Особенности создания блога».

6.1 Игровой стиль.

• Какой он? В чем его отличия? Основные принципы.
• Недостатки игрового стиля.
• Способы создания.
• Где взять идеи.

6.2 Особенности создания блога.

• Зачем нужен блог?
• Цели сайтов-блогов.
• Что такое пост, сайдбар, форма подписки, рубрики и подрубрики, виджеты.
• На что уделять особенное внимание при создании блога.
• Какие страницы должны быть на блоге.
• Примеры блогов в игровом стиле и в разных.
• Прототип для блога.
• Мобилизация.
• Примеры хороших блогов и плохих.

6.3 Создание блога по чек-листу.

Лекция 7 «Сайт визитка. Стилизованный дизайн и геймификация. Особенности создания сайта-визитки».

7.1 Стилизованный дизайн.

• Какой он? В чем его отличия? Основные принципы.
• Что такое геймификация. Примеры.
• Недостатки стилизованного дизайна.
• Способы создания.
• Где взять идеи.

7.2 Особенности создания сайта визитки.

• Зачем нужен сайт-визитка?
• Цели и задачи сайта-визитки.
• Прототип для сайта-визитки.
• Мобилизация.
• Примеры хороших сайтов-визиток.

7.3 Создание сайта-визитки по чек-листу.

Лекция 8 «Дружелюбный дизайн. Мобилизация сайтов. Тренды вебдизайна 2017»

8.1 Дружелюбный дизайн.

• Что такое дружелюбный дизайн? Его характерные черты и особенности.
• Приемущества дружелюбного дизайна.
• Правила создания дружелюбного дизайна.
• Примеры дружелюбного дизайна.

8.2 Мобилизация сайтов.

• Что такое мобилизация сайтов?
• 100500 аргументов в пользу мобильной версии и почему нельзя ее игнорировать.
• Размеры и сетки.

8.3 Тренды веб-дизайна 2017.

• Карточки.
• Дуплекс.
• Иллюстрации.
• Material Design.
• Типографика.
• «Воздух» на сайте.
• Градиенты и тени.
• UX/UI.
• Скевоморфизм.
• 100% ,безоговорочная мобилизация.
• Типографика.
• Интерфейсная анимация.

Лекция 9 «Работа на фрилансе. Клиенты».

9.1 Работа на фрилансе.

• Оформление портфолио. Привью. Идеальная презентация.
• Как отвечать на проекты на фрилансе.
• Устав работы фрилансера.

9.1 Клиенты.

• Невозможно быть любимым всеми или признаки заказчиков которым стоит отказать до начала работ.
• Заказчики которых не стоит держаться после завершения проекта.
• Создание базы «своих» заказчиков.
• Как сохранить позитивный настрой заказчика в работе если просрочены сроки.
• Вопросы, которые обязательно нужно задать заказчику.
• Почему стоит отказывать в скайп и телефонных звонках заказчику?
• Почему только общение чатом?

   Карточка курса: *
   Другие курсы автора(ов), издателя: