Доступно Основы веб-дизайна (Михаил Ведерников)

​

Этот курс подойдет тем кто хочет научится создавать дизайн веб-сайтов и мобильных приложений с нуля!

Опытный веб-дизайнер и маркетолог Михаил Ведерников научит вас создавать дизайн для веб, даже если до этого вы никогда не открывали Photoshop.

За 3 недели вы не только узнаете основы создания веб-элементов в adobe photoshop, таких как кнопки, иконки, формы, меню, но и создадите дизайн своего собственного сайта.

На каждом занятии вы не только узнаете новую и интересную информацию, но и попробуете все сами, на практике в виде домашних заданий, а так же получите обратную связь от преподавателя.

Спойлер: План занятий:

Занятие № 1. Проектирование сайта и создание прототипа.

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

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

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

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

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

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