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

Меркурий · 14 Авг 2021

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

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

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

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

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

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

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