Индивидуальные занятия Курсы веб-дизайна

ВВЕДЕНИЕ

Что такое веб-дизайн и его основные отличия. Типы сайтов. Стили дизайна. 

Что такое насмотренность и как её получить. Какие инструменты (программы) используются.

Композиция

Основы построения композиции.

Применение правила трети, золотого сечения, якорей внимания. Пропорции объектов и их расположение.

Создаём эскиз

Поиск референса, зарисовка эскиза. 

Поиск референса по типу оформления, отмечаем те элементы, которые понравились и хотели бы использовать в своём макете. Делаем зарисовку эскиза любым удобным способом.

Подготовка графического контента

Подборка шрифтов и палитры цветов, поиск изображений, графики и иконок.

Знакомство с Figma

Обзор программы, знакомство с интерфейсем и инструментами. Подготовка проекта.

Размерная сетка, её создание и использование

Виды размерных сеток, их создание.

Работа с сеткой и отступами. Используем генератор колонок, учимся подбирать ширину колонок и отступов. Перерисовываем эскиз в наш проект, соблюдая заданные размеры.

Оформление титула

Рисуем шапку, подбираем фон. Размещаем заголовок.

Создаем меню сайта, прописываем информацию для шапки, размещаем логотип.

Типографика в веб-дизайне

Оформление заголовков, абзацев. Композиционная работа с заголовками.

Импорт, рисование элементов

Работа с изображениями, графическими элементами.

Импортируем изображения, размещаем в проекте, учимся работать со встроенным редактором. Работаем с векторными графическими элементами, учимся их редактировать по форме и цвету.

Работа с компонентами

Использование компонентов в проекте. 

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

Создаём UI-kit

Создание материнских элементов сайта.

Создаём повторяющиеся элементы сайта и размещаем в отдельной рабочей бласти.

Подготовка к прототипированию

Создание материнских элементов сайта.

Создаём повторяющиеся элементы сайта и размещаем в отдельной рабочей области.

Прототипирование

Оживляем” макет. Создаём события для активных объектов.

Создаём отображение активных элементов: открытие поп-апов, переход на другие страницы в меню и пр. Разбираем какие есть способы анимации, что означают и как добится необходимого эффекта. Тестируем прототип.

Практика

Закрепление полученных знаний.

Занятие посвященное закреплению полученных знаний, проработке нюансов и вопросов возникших во время обучения.

Экзамен

Рисуем макет одностраничного сайта состоящего из 3-х блоков, один из них блок с товарами или услугами. В прототипе необходимо изобразить поп-ап со сбором контактным данных. Будет предложено 3 варианта тематики сайта.