Веб-дизайн. Секреты стильного дизайна сайтов (2015)

[Admin]

Цель данного курса — научить студентов создавать по-настоящему эффективные, современные и стильные сайты. Курс дает представление о профессиональном подходе к дизайну сайта от разработки концепции до ее реализации, отражает новейшие тренды в веб-дизайне, предоставляет студентам мощный инструментарий для дальнейшего развития и профессионального роста в этой области.
Курс предназначен для специалистов с базовым уровнем владения 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. Сложные элементы.

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

Скачать:

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

***Скрытое содержимое***