Основы графического и веб-дизайна

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

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

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

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

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

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

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

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

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

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