Веб-дизайн 2.0

Веб-дизайн 2.0

Прокачай свои навыки в веб-дизайне, научись за 2 месяца тому, чему другие учатся ГОДАМИ!
Для кого подойдет курс:

Спойлер

Для практикующих веб-дизайнеров, которые хотят повысить ценник за свои работы
Для дизайнеров, которые хотят сделать мощный рывок вперед и оторваться от своих конкурентов
Для дизайнеров-новичков, которые прошли курс «Веб дизайн для начинающих» и хотят двигаться дальше
Для дизайнеров, которые хотят разбираться в стилях и рисовать дизайны в любом из них легко и просто
Для практикующих веб-дизайнеров и дизайнеров-новичков, желающих развить свой стиль, чувство стиля и вкуса
Для дизайнеров, которые хотят научиться делать «продуманный» и «умный» дизайн

Особенности курса:

Спойлер

Курс состоит из 9 уроков, прохождение которых рассчитано на 2 месяца
По окончании 9 урока ученик получает бонус (консультацию Юлии Первушиной)
1 месяц по окончании курса ученик сможет иметь доступ к урокам, после чего доступ закрывается
К урокам приложены файлы с дополнительными материалами
По окончании каждого урока ученик выполняет домашнее задание, которое проверяется и комментируется преподавателем
Каждую неделю проходит вебинар, на котором ученики задают свои вопросы, а преподаватель отвечает на них
По окончании курса ученик получает сертификат от Юлии Первушиной об успешном прохождении курса!

Программа курса:

Спойлер

Веб-дизайн 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 Клиенты

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

Подробнее: