Графический дизайн и верстка Web-страниц (144 ак. часов)

Идёт набор группы. Расписание будет опубликовано позже. Следите за изменениями на сайте.

{{course.from_date | date:'dd.MM.yyyy'}} - {{course.to_date | date:'dd.MM.yyyy'}} {{ d.date | date:'dd.MM.yyyy' }}  % скидка действует до {{ course.discount_expire_date }}

{{course.time_start}} - {{course.time_end}}
{{course.week_days}}
Расписание
Адрес: {{course.address}}

Подробное расписание:

{{course.from_date | date:'dd.MM.yyyy'}} - {{course.to_date | date:'dd.MM.yyyy'}}
{{course.time_start}} - {{course.time_end}}
{{course.week_days}}
Адрес: {{ course.address }}


Обратите внимание (в эти даты расписание изменено):

Очное обучение, ₽
Вебинар, ₽
Физ. лица - - {{course.price_base_individuals ? course.price_base_individuals : '-'}} {{course.price_final_individuals ? course.price_final_individuals : '-'}} Бесплатно
{{ ( course.price_base_individuals_webinar && ( course.price_base_individuals && !webinarOnly || webinarOnly ) ) ? course.price_base_individuals_webinar : '-' }} {{course.price_final_individuals_webinar}} {{ course.course_is_webinar_active ? 'Бесплатно' : '-' }}
Юр. лица - - {{course.price_base_entities ? course.price_base_entities : '-'}} {{course.price_final_entities ? course.price_final_entities : '-'}} Бесплатно
{{ ( course.price_base_entities_webinar && ( course.price_base_entities && !webinarOnly || webinarOnly ) ) ? course.price_base_entities_webinar : '-' }} {{course.price_final_entities_webinar}} {{ course.course_is_webinar_active ? 'Бесплатно' : '-' }}
{{course.from_date | date:'dd.MM.yyyy'}} {{course.to_date | date:'dd.MM.yyyy'}} {{course.time_start}} {{course.time_end}}
{{course.week_days}} {{ ( course.price_base_individuals_webinar && ( course.price_base_individuals && !webinarOnly || webinarOnly ) ) ? course.price_base_individuals_webinar : '' }} {{ ( course.price_base_entities_webinar && ( course.price_base_entities && !webinarOnly || webinarOnly ) ) ? course.price_base_entities_webinar : '' }}
Адрес: {{ programInfo.address }}

Оставить заявку на Очное обучение

Ак. час.
Днём, ₽
Вечером, ₽
В выходные, ₽
Физ. лица
{{programInfo.akadem_hour}} Ак. час.
Днём, ₽ {{cities[key]['basePricesIndividuals']['day'] && !programInfo.isFree ? cities[key]['basePricesIndividuals']['day'] : (cities[key]['course_has_day'] && programInfo.isFree) ? 'Бесплатно' : '-' }}
Вечером, ₽ {{cities[key]['basePricesIndividuals']['evening'] && !programInfo.isFree ? cities[key]['basePricesIndividuals']['evening'] : (cities[key]['course_has_evening'] && programInfo.isFree) ? 'Бесплатно' : '-' }}
В выходные, ₽ {{cities[key]['basePricesIndividuals']['weekend'] && !programInfo.isFree ? cities[key]['basePricesIndividuals']['weekend'] : (cities[key]['course_has_weekend'] && programInfo.isFree) ? 'Бесплатно' : '-' }}
Юр. лица
{{programInfo.akadem_hour}} Ак. час.
Днём, ₽ {{cities[key]['basePricesEntities']['day'] && !programInfo.isFree ? cities[key]['basePricesEntities']['day'] : (cities[key]['course_has_day'] && programInfo.isFree ) ? 'Бесплатно' : '-' }}
Вечером, ₽ {{cities[key]['basePricesEntities']['evening'] && !programInfo.isFree ? cities[key]['basePricesEntities']['evening'] : (cities[key]['course_has_evening'] && programInfo.isFree) ? 'Бесплатно' : '-' }}
В выходные, ₽ {{cities[key]['basePricesEntities']['weekend'] && !programInfo.isFree ? cities[key]['basePricesEntities']['weekend'] : (cities[key]['course_has_weekend'] && programInfo.isFree) ? 'Бесплатно' : '-' }}

Оставить заявку на Вебинар

Ак. час.
Стоимость, ₽
Физ. лица
{{ tables.webinar.akadem_hour || '-' }}
Бесплатно {{ tables.webinar.price_base_individuals }} 0
Юр. лица
{{ tables.webinar.akadem_hour || '-' }}
Бесплатно {{ tables.webinar.price_base_entities }} 0

Записаться на Дистанционное обучение

Ак. час.
Стоимость, ₽
Физ. лица  %
скидка действует до {{ tables.distant.discount_expire_date }}
{{ tables.distant.akadem_hour || '-' }}
Бесплатно {{ tables.distant.price_base_individuals }} ₽ {{ tables.distant.price_final_individuals }} ₽ {{ tables.distant.price_base_individuals }} ₽
Юр. лица  %
скидка действует до {{ tables.distant.discount_expire_date }}
{{ tables.distant.akadem_hour || '-' }}
Бесплатно {{ tables.distant.price_base_entities }} ₽ {{ tables.distant.price_final_entities }} ₽ {{ tables.distant.price_base_entities }} ₽

Продолжительность обучения: 144 академических часов

Форма обучения: очно, в формате вебинара

Стоимость обучения: 39 000 рублей

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

Документ об окончании: Удостоверение о повышении квалификации по курсу "Графический дизайн и верстка Web-страниц" установленного образца, сроком действия 5 лет.

Данные выданного документа вносятся в единый реестр ФИС ФРДО.

О процессе обучения:

Обучение проводится в технически оборудованных аудиториях, каждый слушатель обеспечен индивидуальным компьютером, учебные классы укомплектованы всеми необходимыми методическими материалами.

О курсе:

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

На курсе слушатель освоит UX-исследования, создание прототипов, дизайн в Figma, основы типографики, колористики, композиции и адаптивного дизайна.

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

Требования к слушателю:

Наличие среднего профессионального и/или высшего образования. Курс подойдет для специалистов в сфере маркетинга и дизайна, желающие улучшить свои навыки. Курс рекомендован слушателям, как имеющим базовое IT или маркетинговое образования, так и для начинающих специалистов без опыта, также подойдет для начинающих дизайнеров, маркетологов, разработчиков, предпринимателей и всех, кто хочет освоить навыки UX/UI-дизайна для профессиональной деятельности или личных проектов.

Слушатели в результате освоения программы повышения квалификации «Графический дизайн и верстка Web-страниц»

Должны знать:

  • Тенденции в графическом дизайне;
  • Технические требования к интерфейсной графике;
  • Стандарты, регламентирующие требования к эргономике взаимодействия человек — система;
  • Основы маркетинга;
  • Теория цвета;
  • Правила типографского набора текста;
  • Технические требования к интерфейсной графике;
  • Номенклатура элементов управления для целевых платформ и операционных систем.

Должны уметь:

  • Создавать графические документы в программах подготовки растровых изображений;
  • Создавать графические документы в программах подготовки векторных изображений;
  • Эскизировать графические пользовательские интерфейсы;
  • Разрабатывать графический дизайн интерфейсов пользователя;
  • Согласовывать дизайн с заказчиком;
  • Получать из открытых источников релевантную профессиональную информацию и анализировать ее;
  • Верстать текст;
  • Разрабатывать и оформлять руководство по стилю графического пользовательского интерфейса;
  • Работать с программами верстки;
  • Пользоваться языками разметки и описания стилей.

Должны иметь навыки:

  • Создания концепции графического дизайна графического пользовательского интерфейса;
  • Эскизирования графического стиля;
  • Создания единой системы образов и метафор для графических объектов графического пользовательского интерфейса;
  • Анализа бизнес-требований и бизнес-задач интерфейса в рамках требований к графическому дизайну;
  • Согласования стиля графического пользовательского интерфейса с заказчиком;
  • Формализации общих принципов оформления графического пользовательского интерфейса (цвета, шрифты, пропорции);
  • Подготовки стилевых руководств к графическому пользовательскому интерфейсу;
  • Ведения проектной документации в части требований к оформлению и проектированию графических пользовательских интерфейсов.
Наименование
тем занятий
Всего
часов
Лекционная
часть
Практическая
часть
Время самостоятельной
работы
Форма
контроля
Модуль 1. Основы графического дизайна
46
7
29
 
 
Тема 1. Введение в дизайн. Композиция и макетирование
Основные инструменты графического дизайнера
Сферы применения
Основы композиции
Баланс, статика, динамика, композиционный центр, ритм, контраст
Виды композиции
3
2
1
 
 
Тема 2. Цвет ведение, типографика и работа со шрифтами
Основные понятия в цвете
Теория цвета
Свойства цвета
Цветовые модели и палитры
Типы цвета
Подбор цвета и цветовых схем под разные проекты
5
2
3
 
 
Тема 3. Основы работы в Adobe Photoshop. Работа с растровой графикой
Что такое Adobe Photoshop
Возможности программы
Растровая графика
Цветовые модели
Интерфейс
Сохранение и экспорт
Форматы изображения
Справочник по инструментам
14
2
12
 
 
Тема 4. Основы работы в Adobe Illustrator. Работа с векторной графикой и полиграфией
Отличие векторной графики от растровой
Форматы векторной графики
Преимущества и недостатки векторной графики
Форматы
Интерфейс программы
Основные панели. Меню панелей
Линейки, направляющие, сетки
Монтажная область
Работа с геометрическими примитивами
Палитра «Обработка контуров»
Создание фигур сложной формы
14
1
13
 
 
Модуль 2. Интерактивный и UI/UX дизайн
32
5
27
 
 
Тема 1. Основы UI/UX-дизайна. Пользовательские интерфейсы и UI проекты
Основные понятия: UX, UI, Usability
Конкурентный анализ
Работа с целевой аудиторией (ЦА) и метод персон
Jobs to be done и User story
Пользовательские сценарии (User flow)
Customer journey map
Принципы и законы UX. UX-паттерны
5
2
3
 
 
Тема 2. Инструменты UI-дизайна: работа в Figma
UI киты: Основы. Что это такое. Как с ними работать. Элементы кита
10
2
8
 
 
Тема 3. Создание интерактивных прототипов в Figma
Знакомство с программой и интерфейсом Figma
Инструменты Figma
Работа с фреймами
Создание простых и сложных фигур
Работа с текстом
Прототипирование: инструменты и практические советы
8
1
7
 
 
Тема 4. Тестирование и доработка дизайна
Работа с FigJam
Прототипирование и анимация (Prototype) + Figma Mirror
Плагины Figma: обзор и применение
9
-
9
 
 
Модуль 3. Создание сайтов на платформе Tilda
40
3
37
 
 
Тема 1. Основы работы в Tilda: интерфейс и возможности
Настройка страницы
Наполнение страницы базовыми элементами
Создание страницы по готовому шаблону
Настройка адаптивности сайта
10
1
9
 
 
Тема 2. Создание блоков и работа с Zero Block, перенос дизайна из Figma
Обзор возможностей для работы с текстом в Тильде
Знакомство с продвинутыми функциями Zero Block
Возможности блоков из библиотеки
Перенос макета из Figma
10
1
9
 
 
Тема 3. Дизайн и анимация на Tilda
Графика в вебе
Принципы анимации
Продвинутая анимация в Тильде
10
1
9
 
 
Тема 4. Публикация и базовая SEO-оптимизация
Мобильные версии
Адаптивность страниц
SEO-оптимизация
10
-
10
 
 
Модуль 4. Веб-дизайн
24
4
20
 
 
Тема 1. Разработка дизайн-концепции и прототипа
Прототипирование: инструменты и практические советы
Создание дизайн-концепции
Отрисовка страниц
10
1
9
 
 
Тема 2. Создание полноценного сайта на Tilda
Создание сайта
Наполнение страницы базовыми элементами
Настройка элементов zero-block
Создание анимаций
10
1
9
 
 
Тема 3. Презентация и защита итогового проекта
2
-
2
 
 
Тема 4. Проектный менеджмент и работа в дизайн индустрии. Выход на рынок
2
2
-
 
 
Итоговая аттестация
2
-
2
2
Экзамен
Всего по курсу обучения
144
19
123
2
 

Укажите ваш e-mail, выберите формат обучения и нажмите запросить КП, и мы отправим Вам коммерческое предложение по данному курсу!

очно

вебинар

Закрыть X

Запрос успешно отправлен! Спасибо за обращение!
В ближайшее время мы отправим Вам коммерческое предложение по данному курсу!

Ошибки в следующих полях:

После обучения вы получаете:

Контактная информация: