Что вы будете уметь

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

Подробный план занятий:

Занятие № 1. Проектирование сайта и создание прототипа.
● Исследование и выявление задач заказчика.
● Как определить целевую аудитории?
● Как управлять фокусом внимания пользователя?
● Основные элементы вебсайта и их функции.
● Основные композиции и блоки сайта.
● Создаем прототип сайта учебного проекта
Занятие №2. Дизайн интерфейса.
● Задача кнопок и форм на сайте.
● Создание кнопок и меню на сайте.
● Разработка интерфейса в стиле Flat.
● Создание интерфейса в реалистичном стиле.
● Создание форм заявки и подписки.
● Основы создания Ui kit в Adobe Photoshop.
Занятие № 3. Дизайн иконок.
● Задача иконок на сайте.
● С чего начать?
● Какие бывают стили иконок?
● Правила оформления иконок.
● Создаем сет иконок в разных стилях
Занятие № 4. Шрифты и цвета
● Какие бывают шрифты?
● Алгоритм подбора шрифтов для сайта.
● Основные правила оформления текста.
● Передача эмоций с помощью цвета.
● Сочетание различных цветов и их оттенков.
● Инструменты подбора цветовой схемы для веб.
Занятие №5. Содание инфографики.
● Зачем нужна инфографика?
● Как используется инфографика в веб?
● Алгоритм создания инфографики.
● Правила оформления инфографики.
● Создаем блок с инфографикой для своего сайта.
Занятие №6. Создание макета сайта.
● Модульная сетка и выравнивание.
● Композиция блоков сайта на примерах.
● Организация макета в Adobe Photoshop.
● Как донести свою мысль до разработчика?
● Отрисовка главного экрана сайта.
● Отрисовка разделов и дипломного проекта.