Тренинг "Веб-дизайн 2.0"

Тренинг "Веб-дизайн 2.0"

E-mail Печать PDF
Тренинг Веб-дизайн 2.0

Что за курс.

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

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

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

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

Лекция 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 Клиенты.

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

Дополнительную информацию смотрите на сайте тренинга:
 
Узнать подробности (перейти на страницу тренинга)

   Карточка курса: *
Название:Веб-дизайн 2.0
Автор(ы):Первушина Юлия
Формат курса:Тренинг
Цена:8990 руб.
Партнерская программа:Есть
*-данные карточки курса могут не соответствовать текущим данным о курсе, подробную информацию смотрите на сайте курса

   Другие курсы автора(ов), издателя:
Ссылки на страницы автора(ов), издателя: Первушина Юлия