ПРОГРАММА КУРСА
«ВЕБ ДИЗАЙН БЕЗ ПРОГРАММИРОВАНИЯ»‎
ПРОГРАММА КУРСА «ВЕБ ДИЗАЙН
БЕЗ ПРОГРАММИРОВАНИЯ»‎
1-й модуль

Tilda

Урок 1. Знакомство с Tilda

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

Урок 2. Разработка первой веб-страницы

Научимся работать с более сложным функциями Tilda. Разберем примеры качественного и неудачного дизайна. Поработаем с шрифтами, ссылками, цветом/размером текста, а также с коррекцией изображений. Детально разберем функционал настроек блоков на примере. Повторим некоторые части других сайтов на Tilda.

Урок 3. Изучение структуры сайтов. Публикация первого проекта

Разберем меню сайта. Создадим несколько страниц и объединим их в один сайт. Ознакомимся с тем, какие у сайтов бывают цели и для чего используют сайты известные компании (на примерах). Подключим и настроим форму принятия заявок. Опубликовать свой первый сайт.
2-й модуль

Readymag
Урок 4. Конструктор Readymag: работа с widjet-ами и слоями
Рассмотрим несколько интересных сайтов, созданных на Readymag. Ознакомимся с интерфейсом, научимся работать с фоном веб-страницы и с разными видами widjet-ов. Изучим настройки объектов в Readymag: цвета, обводки, ссылки. Изучим принципы работы слоёв.

Урок 5. Погружаемся в работу с композицией и типографикой
Изучим основы типографической композиции: точки, линия, прямоугольник. Научимся применять в дизайне принцип "якорных объектов". Поработаем со шрифтами и их композицией. Разработаем сайт из нескольких блоков.

Урок 6. Первая анимация
Освоим создание стилей, познакомимся с анимацией и создадим несколько связанных анимацией экранов.

Урок 7. Работа с мобильными устройствами
Подключим мобильную адаптацию к сайту и познакомимся с мобильной адаптацией проектов под планшеты и телефоны. Научимся принципам работы с мобильной версией.
3-й модуль

Figma
Урок 8. Создание макета в Figma
Познакомимся с figma, разберем макет готового сайта, изучим виды сеток и правила их применения. Научимся создавать текст и примитивные фигуры в figma. Создадим первый блок будущего сайта и ознакомимся с html, css.

Урок 9. Ручная адаптация макета под разные виды устройств
Создадим эскиз будущей страницы из шаблонных блоков. Поработаем с инструментами figma: создание и перемещение объектов, изменение цвета, работа с текстом.

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

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

Урок 12. Презентация итогового проекта
Повторим основные понятия усвоенные в течение курса.
Разберем как правильно развиваться в профессии веб-дизайнера и какие ресурсы полезны для дальнейшего продвижения в профессии. Рассказываем о своем опыте в веб-дизайне и делаем презентацию выполненных на курсе работ.