» » Детальное руководство по дизайну сайтов

Детальное руководство по дизайну сайтов

+3
Детальное руководство по дизайну сайтов

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

Курс дает представление о профессиональном подходе к дизайну сайта от разработки концепции до ее реализации, отражает новейшие тренды в веб-дизайне, предоставляет студентам мощный инструментарий для дальнейшего развития и профессионального роста в этой области.

Курс предназначен для специалистов с базовым уровнем владения Photoshop и llustrator.

Программа курса «Веб-дизайн»

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

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

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

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

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

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

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

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

Автор: Вероника Полякова
Внимание!
Для просмотра скрытого текста, Вам необходимо Войти или Зарегистрироваться.
  • Курсы и мануалы
  • 7-03-2015, 11:32
  • 918
Вернуться назад
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.