[UX/UI Figma] Основы веб-дизайна от Highlights (2015)

Основы веб-дизайна от Highlights (2015)_0.png


Основы веб-дизайна (2015)
Авторы:

Highlights

Подробный план занятий

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

● Исследование и выявление задач заказчика.

● Как определить целевую аудитории?

● Как управлять фокусом внимания пользователя?

● Основные элементы вебсайта и их функции.

● Основные композиции и блоки сайта.

● Создаем прототип сайта учебного проекта

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

● Задача кнопок и форм на сайте.

● Создание кнопок и меню на сайте.

● Разработка интерфейса в стиле Flat.

● Создание интерфейса в реалистичном стиле .

● Создание форм заявки и подписки.

● Основы создания Ui kit в Adobe Photoshop.

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

● Задача иконок на сайте.

● С чего начать ?

● Какие бывают стили иконок?

● Правила оформления иконок.

● Создаем сет иконок в разных стилях

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

● Какие бывают шрифты?

● Алгоритм подбора шрифтов для сайта.

● Основные правила оформления текста.

● Передача эмоций с помощью цвета.

● Сочетание различных цветов и их оттенков.

● Инструменты подбора цветовой схемы для веб.

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

● Зачем нужна инфографика?

● Как используется инфографика в веб?

● Алгоритм создания инфографики.

● Правила оформления инфографики.

● Создаем блок с инфографикой для своего сайта.

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

● Модульная сетка и выравнивание.

● Композиция блоков сайта на примерах.

● Организация макета в Adobe Photoshop.

● Как донести свою мысль до разработчика?

● Отрисовка главного экрана сайта.

● Отрисовка разделов и дипломного проекта.



—————————————————————————

📥 СКАЧАТЬ КУРС:
🔐 Хотите получить доступ?

Чтобы увидеть скрытые ссылки и ставить лайки, активируйте VIP-статус.

💎 ПОЛУЧИТЬ ДОСТУП Наш Telegram канал
 

Похожие курсы

Назад
Верх