Основы веб-дизайна

Шрифты, типографика, колористика, композиция, модульные сетки

Чему Вы научитесь

  • Общие знания об истории и развитии графического дизайна
  • Колористика и композиция: умение объяснить разницу между правилами классической и веб-композиции
  • Понимание и применение правил веб-композиции
  • Навык работы с цветом: составление цветой схемы
  • Навык работы с композицией: умение обосновать расположение объектов на макете
  • Умение строить композиции в веб и адаптивных версиях
  • Работа со шрифтом: применение различных шрифтов в проектах и обоснование
  • Модульные сетки: умение выстраивать графические модульные сетки

Что Вы получите

Видеозаписи всех онлайн-занятий
Методички и практические задания
Общение с одногруппниками
Сертификат об окончании обучения

Средние оценки

4.8 / 5
Программа
4.9 / 5
Преподаватель

Преподаватели

  • 1
    Урок 1. Знакомство с графическим и веб-дизайном
    Что такое веб-дизайн? Эволюция веб-дизайна. Контент — основа веб-дизайна. Где его брать или как создавать? Примеры
  • 2
    Урок 2. Контент на сайт
    Как правильно составлять структуру сайта, из каких блоков он должен состоять, переходы между блоками, перемещение пользователя, кнопки на сайте
  • 3
    Урок 3. Основы композиции
    Основы композиции в графическом дизайне Принципы построения макета с нуля Расположение объектов в макете
  • 4
    Урок 4. Основы композиции в диджитал
    Принципы построения композиции в диджитале Отступы и масштаб Высота экрана и соотношение блоков на сайте
  • 5
    Урок 5. Модульные сетки
    Как строится сайт? С чего начать? Структура. Какие бывают сетки и как с ними работать? Пример сеток bootstrap Практическое задание – строим простой сайт на занятии в фигме Адаптивность
  • 6
    Урок 6. Дизайн для людей с ограниченными возможностями
  • 7
    Урок 7. Основы типографики
    Гарнитура и шрифт? Какие бывают шрифты. Антиква (Serif). Гротеск (Sans Serif) Подбор шрифтовой пары для сайта – для заголовка, основного текста, оформление выбора (гайд)
  • 8
    Урок 8. Типографика для веб-дизайнера
    Размер шрифта на сайте – заголовки, сновной текст, для кнопок и всплывающих окон Шрифты для мобильной версии сайта
  • 9
    Урок 9. UI-редактура
  • 10
    Урок 10. Основы колористики
    Восприятие цвета разными культурами, как человек воспринимает цвет, палитра цветов и их сочетание Основные, дополнительные, акцентные цвета на сайте Создание гайда по цветовой палитре
  • 11
    Урок 11. Колористика для веб-дизайнера
    Распределение цвета на сайте – основные, второстепенные цвета Восприятие отдельных элементов (call to action, кнопки, поп-апы) Восприятие цвета на веб и моб устройствах, различия и особенности
  • 12
    Урок 12. Адаптивный дизайн
  • 13
    Урок 13. UI. На 2019 год. Тренды + ответы на вопросы
  • 14
    Урок 14. Разбор задания модуля
  • Нажимая на кнопку "Добавить в корзину", Вы принимаете условия договора оферты.

После обучения мы предлагаем всем выпускникам оценить программу курса и преподавателя, а также при желании оставить отзыв.
Все отзывы и оценки мы публикуем без изменений.