Highlights - Основы веб-дизайна

[Amellian]

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

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

Занятие №2. Дизайн интерфейса.

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

Занятие № 3. Дизайн иконок.

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

Занятие № 4. Шрифты и цвета

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

Занятие №5. Содание инфографики.

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

Занятие №6. Создание макета сайта.

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

[GUEST] http://highlights.guru/courses/view/19 [/GUEST]

 

[Amellian]