Firefly Design - Веб-дизайн. Детальное руководство по дизайну сайтов (2015)

[Ikrit]

Курс «Веб-дизайн» подробно освящает тему создания профессионального дизайна сайтов. Цель данного курса — научить студентов создавать по-настоящему эффективные, современные и стильные сайты. Курс отражает новейшие тренды в веб-дизайне, предоставляет студентам мощный инструментарий для дальнейшего развития и профессионального роста в этой области.

Предназначен для графических дизайнеров, веб-дизайнеров, специалистов с базовым уровнем владения 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. Эффект параллакса.

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

Скачать курс бесплатно:

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