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

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

Основы веб-дизайна
Цена
13500
Кэшбэк до 6,5%
Дополнительная информация
14 уроков14 уроков
СертификатСертификат
РусскийРусский
Geekbrains
Купить с кэшбэком

Описание:

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

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

Программа курса:

Урок 1. Знакомство с графическим и веб-дизайном. Что такое веб-дизайн? Эволюция веб-дизайна. Контент — основа веб-дизайна. Где его брать или как создавать? Примеры

Урок 2. Контент на сайт. Как правильно составлять структуру сайта, из каких блоков он должен состоять, переходы между блоками, перемещение пользователя, кнопки на сайте

Урок 3. Основы композиции. Основы композиции в графическом дизайне Принципы построения макета с нуля Расположение объектов в макете

Урок 4. Основы композиции в диджитал. Принципы построения композиции в диджитале Отступы и масштаб Высота экрана и соотношение блоков на сайте

Урок 5. Модульные сетки. Как строится сайт? С чего начать? Структура. Какие бывают сетки и как с ними работать? Пример сеток bootstrap Практическое задание – строим простой сайт на занятии в фигме Адаптивность

Урок 6. Дизайн для людей с ограниченными возможностями

Урок 7. Основы типографики. Гарнитура и шрифт? Какие бывают шрифты. Антиква (Serif). Гротеск (Sans Serif) Подбор шрифтовой пары для сайта – для заголовка, основного текста, оформление выбора (гайд)

Урок 8. Типографика для веб-дизайнера. Размер шрифта на сайте – заголовки, сновной текст, для кнопок и всплывающих окон Шрифты для мобильной версии сайта

Урок 9. UI-редактура

Урок 10. Основы колористики. Восприятие цвета разными культурами, как человек воспринимает цвет, палитра цветов и их сочетание Основные, дополнительные, акцентные цвета на сайте Создание гайда по цветовой палитре

Урок 11. Колористика для веб-дизайнера. Распределение цвета на сайте – основные, второстепенные цвета Восприятие отдельных элементов (call to action, кнопки, поп-апы) Восприятие цвета на веб и моб устройствах, различия и особенности

Урок 12. Адаптивный дизайн

Урок 13. UI. На 2019 год. Тренды + ответы на вопросы

Урок 14. Разбор задания модуля