Основы веб-дизайна. Видеокурс (2015)

Создавать с нуля дизайн-макеты сайтов и мобильных приложений.
Знать инструменты Photoshop и уметь грамотно их применять на своих работах.
Создавать красивые элементы интерфейса (кнопки, меню, формы, UI-киты и др…).
Рисовать стильные иконки в разных стилях (контурные, плоские, реалистичные, flat и в стиле 3D).
Уметь подбирать и сочетать разные шрифты в веб-дизайне.
Уметь работать с цветом, знать сочетания цветов и как создать шикарную стилистику сайта.
Знать все техники для создания идеальной и красивой инфографики.
Иметь четкий алгоритм работы с заказчиком (сбор информации, презентации макета).
Подробный план занятий:

Занятие № 1. Проектирование сайта и создание прототипа.
? Исследование и выявление задач заказчика.
? Как определить целевую аудитории?
? Как управлять фокусом внимания пользователя?
? Основные элементы вебсайта и их функции.
? Основные композиции и блоки сайта.
? Создаем прототип сайта учебного проекта

Занятие №2. Дизайн интерфейса.
? Задача кнопок и форм на сайте.
? Создание кнопок и меню на сайте.
? Разработка интерфейса в стиле Flat.
? Создание интерфейса в реалистичном стиле.
? Создание форм заявки и подписки.
? Основы создания Ui kit в Adobe Photoshop.

Занятие № 3. Дизайн иконок.
? Задача иконок на сайте.
? С чего начать?
? Какие бывают стили иконок?
? Правила оформления иконок.
? Создаем сет иконок в разных стилях

Занятие № 4. Шрифты и цвета
? Какие бывают шрифты?
? Алгоритм подбора шрифтов для сайта.
? Основные правила оформления текста.
? Передача эмоций с помощью цвета.
? Сочетание различных цветов и их оттенков.
? Инструменты подбора цветовой схемы для веб.

Занятие №5. Содание инфографики.
? Зачем нужна инфографика?
? Как используется инфографика в веб?
? Алгоритм создания инфографики.
? Правила оформления инфографики.
? Создаем блок с инфографикой для своего сайта.

Занятие №6. Создание макета сайта.
? Модульная сетка и выравнивание.
? Композиция блоков сайта на примерах.
? Организация макета в Adobe Photoshop.
? Как донести свою мысль до разработчика?
? Отрисовка главного экрана сайта.
? Отрисовка разделов и дипломного проекта.