Основы веб-дизайна [Михаил Ведерников]

250

Этот курс подойдет тем кто хочет научится создавать дизайн веб-сайтов и мобильных приложений с нуля!
Опытный веб-дизайнер и маркетолог Михаил Ведерников научит вас создавать дизайн для веб, даже если до этого вы никогда не открывали Photoshop.
За 3 недели вы не только узнаете основы создания веб-элементов в adobe photoshop, таких как кнопки, иконки, формы, меню, но и создадите дизайн своего собственного сайта.
На каждом занятии вы не только узнаете новую и интересную информацию, но и попробуете все сами, на практике в виде домашних заданий, а так же получите обратную связь от преподавателя.

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

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

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

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

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

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