[Веб-дизайн] Детальное руководство по дизайну сайтов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для кого этот курс?

Данный курс будет интересен:

1.     Графическим дизайнерам

2.     Веб-дизайнерам

3.     Иллюстраторам

4.     Всем, кто интересуется дизайном сайтов