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

[Moderator]

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