🎨 Дизайн [Вероника Полякова] Веб-дизайн. Детальное руководство по дизайну сайтов (2015)

[Calvin Candie]

Автор: Вероника Полякова
Название: Веб-дизайн. Детальное руководство по дизайну сайтов (2015)
Цель данного курса — научить студентов создавать по-настоящему эффективные, современные и стильные сайты. Курс дает представление о профессиональном подходе к дизайну сайта от разработки концепции до ее реализации, отражает новейшие тренды в веб-дизайне, предоставляет студентам мощный инструментарий для дальнейшего развития и профессионального роста в этой области.
Курс предназначен для специалистов с базовым уровнем владения Photoshop и Illustrator.

Урок 1. Основные понятия.

Что такое веб-дизайн: цели и задачи.
Этапы создания сайта: UI, визуализации, верстка, программирование, CMS, seo, продвижение.
Кто такой веб-дизайнер: его задачи и навыки.
Инструментарий веб-дизайнера: Photoshop, Illustrator, After Effects.

Урок 2. Дизайн landing page.

UI (прототип), скетч, детализация.
Основы работы с разрешением экрана.
Фотографии, стоки, готовые элементы.
Особенности веб-шрифтов.
Дизайн landing page с нуля.

Урок 3. Адаптивный дизайн и мобильный сайт.

Работа с динамичным разрешением.
Основы верстки: масштабирование, резиновый дизайн.
Дизайн мобильной версии сайта.

Урок 4. Многостраничные сайты.

Прототипирование, модульная сетка, подбор визуального стиля.
Типы веб-сайтов и их отличия.
Дизайн интернет-магазина с нуля.

Урок 5. Выбор стилистического решения.

Композиция и цвет в веб-дизайне.
Инструментарий: 3д, анимация, ручные материалы, графический дизайн.
Единство и контраст в веб-дизайне.
Основы веб-типографики.

Урок 6. Работа над концепцией.

Поиск идей, референсы.
Примеры концептуальных решений.
Полезные ресурсы.
Сторителлинг, сценарии.
Mindmaps, brainstorming.

Урок 7. Графические элементы в веб.

Использование текстур, паттернов, градиентов.
Новейшие тренды в веб-дизайне.
Активные элементы: кнопки, ссылки.
Шаблонные элементы: слайдеры, карусели.
Проработка деталей.

Урок 8. Эффект параллакса.

Технический дизайн в веб.
Создание сложного макета с анимацией.
Сайт с эффектом параллакса.

Подробнее:

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.