Основы веб-дизайна (Михаил Ведерников)
![[?IMG]](proxy14p.php?image=http%3A%2F%2Fi73.fastpic.ru%2Fbig%2F2016%2F0225%2F93%2F6d8386f166e2f21596a25b0a6abde493.jpg&hash=88b30c16c313749411ca9c57135bac47&v=4)
Этот курс подойдет тем кто хочет научится создавать дизайн веб-сайтов и мобильных приложений с нуля!
Опытный веб-дизайнер и маркетолог Михаил Ведерников научит вас создавать дизайн для веб, даже если до этого вы никогда не открывали Photoshop.
За 3 недели вы не только узнаете основы создания веб-элементов в adobe photoshop, таких как кнопки, иконки, формы, меню, но и создадите дизайн своего собственного сайта.
На каждом занятии вы не только узнаете новую и интересную информацию, но и попробуете все сами, на практике в виде домашних заданий, а так же получите обратную связь от преподавателя.
? Исследование и выявление задач заказчика.
? Как определить целевую аудитории?
? Как управлять фокусом внимания пользователя?
? Основные элементы вебсайта и их функции.
? Основные композиции и блоки сайта.
? Создаем прототип сайта учебного проекта
Занятие №2. Дизайн интерфейса.
? Задача кнопок и форм на сайте.
? Создание кнопок и меню на сайте.
? Разработка интерфейса в стиле Flat.
? Создание интерфейса в реалистичном стиле .
? Создание форм заявки и подписки.
? Основы создания Ui kit в Adobe Photoshop.
Занятие № 3. Дизайн иконок.
? Задача иконок на сайте.
? С чего начать ?
? Какие бывают стили иконок?
? Правила оформления иконок.
? Создаем сет иконок в разных стилях
Занятие № 4. Шрифты и цвета
? Какие бывают шрифты?
? Алгоритм подбора шрифтов для сайта.
? Основные правила оформления текста.
? Передача эмоций с помощью цвета.
? Сочетание различных цветов и их оттенков.
? Инструменты подбора цветовой схемы для веб.
Занятие №5. Содание инфографики.
? Зачем нужна инфографика?
? Как используется инфографика в веб?
? Алгоритм создания инфографики.
? Правила оформления инфографики.
? Создаем блок с инфографикой для своего сайта.
Занятие №6. Создание макета сайта.
? Модульная сетка и выравнивание.
? Композиция блоков сайта на примерах.
? Организация макета в Adobe Photoshop.
? Как донести свою мысль до разработчика?
? Отрисовка главного экрана сайта.
? Отрисовка разделов и дипломного проекта.