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

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

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

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

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

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

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

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

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

  • 1
    Урок 1. Знакомство с графическим и веб-дизайном
    Основные понятия, логика курса, терминология, как будет построена работа на курсе, итоговая работа.
  • 2
    Урок 2. Контент на сайт
    Графический и шрифтовый контент, его цели и задачи.
  • 3
    Урок 3. Основы композиции
    Основы композиции в графическом дизайне. Принципы построения макета с нуля. Расположение объектов в макете.
  • 4
    Урок 4. Основы композиции в digital
    Принципы построения композиции в digital. Отступы и масштаб. Высота экрана и соотношение блоков на сайте. Композиция для веб-дизайнера.
  • 5
    Урок 5. Модульные сетки
    Как строится сайт? С чего начать? Структура. Какие бывают сетки и как с ними работать? Пример сеток bootstrap. Практическое задание: строим простой сайт на занятии в Figma. Адаптивность.
  • 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. Разбор задания модуля
  • Нажимая на кнопку "Добавить в корзину", Вы принимаете условия договора оферты.

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