Курс «Веб-дизайн » . Автор: Вероника Полякова (2015)

  • Автор темы Макс Папов
  • 26
  • Обновлено
  • 15, Apr 2023
  • #1
пр:


http://www.fireflydesign.ru/webdesign.html


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

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

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


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


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


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


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


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


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


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


ск:


https://cloud.mail.ru/public/d125ed83f0bb/Fireflydesign. Веб-дизайн (2015).rar

Макс Папов


Рег
10 Sep, 2015

Тем
1

Постов
2

Баллов
12
Тем
49554
Комментарии
57426
Опыт
552966

Интересно