Для айтишников, желающих повысить квалификацию и расширить набор инструментов
Для тех, кто стремится стать ВЕБ-дизайнером
Для тех, кто хочет изучить Фотошоп
Для желающих полностью сменить род деятельности и перейти в самую перспективную индустрию
Мы говорим «НЕТ!» сухой теории и проводим занятия по правилу: «Делать, делать и еще раз делать». Посещая курс «Web-дизайн», вы получаете только актуальную и тщательно отобранную информацию. С первого занятия вы на практике прорабатываете почерпнутые знания и уже на следующий день используете их в работе.
В основе обучения дизайну сайтов лежат знания и опыт, накапливаемые нашими специалистами с 2009 года. Обучение web-дизайну сайтов заключается в постоянной проработке теории на практике. На курсе веб-дизайна в ИМТ вы осваиваете глубокую базу, необходимую для изучения веб-технологий в будущем. Регулярное посещение занятий и систематическое выполнение домашних заданий гарантирует результативность обучения web-дизайну в Академии IMT.
1 модуль
Введение в веб-дизайн
Что такое графический дизайн?
Восприятие человеком визуальных образов
Теория цвета
Психология восприятия цвета
Форма в графическом дизайне
Композиция и пропорция в WEB-дизайне
Различия между векторной и растровой графикой
Цвет в компьютерной графике
Цветовые модели CMYK и RGB
Современные тренды в веб-дизайне
Программы для работы с компьютерной графикой
2 модуль
Знакомство с программой Adobe Photoshop CC 2015.
Базовые понятия типографики. Модульная сетка
Интерфейс программы Фотошоп CC 2015
Панель инструментов и палитра слоев
Панель настроек Adobe Photoshop CC 2015
Создание простого документа в программе Adobe Photoshop CC 2015
Линейки и направляющие
Виды и типы шрифтов
Понятие крекинга, трекинга, интерлиньяжа и гарнитуры шрифта
Выбор шрифтов для проекта
Модульная сетка, принципы ее построения и использование при создании сайтов.
3 модуль
Основы векторной графики.
Работа с кривыми в Adobe Photoshop CC 2015
Кривые Безье
Инструменты для создания и редактирования кривых Безье
Контур и фигура в Adobe Photoshop CC 2015
Работа с кривыми Безье в Adobe Photoshop CC 2015
4 модуль
UI/UX
Понятие пользовательского интерфейса
Основные элементы UI
Взаимодействие пользователя с интерфейсом приложения
Захват внимания пользователя и акцент на определенных элементах интерфейса
Понятие графического паттерна и его использование при построении интерфейса сайта
Пиктограммы и идеограммы при создании интерфейса приложения
5 модуль
Практикум по созданию отдельных элементов UI в Adobe Photoshop CC 2015
Создание простейших иконок
Создание сложных графических идеограмм
Создание UI Kit
6 модуль
Знакомство с программой Adobe Illustrator CC 2015
Назначение программы Adobe Illustrator
Рабочее пространство Adobe Illustrator CC 2015
Создание документов в Adobe Illustrator CC 2015
Монтажные области и работа с ними
Панель инструментов Adobe Illustrator CC 2015
Работа с кривыми Безье в Adobe Illustrator CC 2015
Создание элементов UI в Adobe Illustrator CC 2015
Сохранение и экспорт документов Adobe Illustrator CC 2015
7 модуль
Основы архитектуры сайтов
Типы и виды сайтов
Типология интерфейсов веб-приложений
Структура страницы сайта
Элементы взаимодействия и управления сайтам
Задача и функция сайта
ТЗ при разработке сайта
Особенности проектирование разных видов сайтов
HTML и CSS
8 модуль
Ввод в основы HTML и CSS
Что такое HTML и CSS?
Что такое теги HTML?
Структура документа HTML
Работа с стилистическим оформлением страницы HTML
Классы и индификаторы
9 модуль
Практикум по разработке дизайна блога
Работа с текстом в Adobe Photoshop CC 2015
Что такое смарт-слой и как с ним работать.
Разработка страниц простого блога
10 модуль
Практикум по верстке страниц блога
Flex верстка
Работа с текстом в HTML
Полноценная верстка страницы сайта
11 модуль
Сайты e-commerce
Специфика UI/UX дизайна для сайтов e-commerce
Проработка контента для сайтов e-commerce
Разработка структуры основных страниц сайта e-commere
12 модуль
Практикум по созданию главной страницы сайта e-commerce
Создание основных элементов взаимодействия и управления сайта
Разработка графических паттернов и элементов UI для сайта
Создание домашней страницы сайта e-commerce
14 модуль
Практикум по созданию страницы каталога и карточки товара для сайта e-commerce
Создание основных элементов для страницы каталога
Отрисовка карточки товара
15 модуль
Практикум по верстке главной страницы сайта e-commerce
Верстка главной страницы
Подключение простых скриптов для создание динамики на страницы
17 модуль
Landingpage
Что такое посадочная страница?
Структура посадочной страницы
Практическое создание дизайна посадочной страницы
18 модуль
Практикум по верстке landingpage
Полноценная верстка посадочной страницы
Подключения типичных скриптов для создания динамики на посадочной странице
19 модуль
Мобильная версия сайта и адаптивный дизайн
Разница между мобильной версией и адаптивным дизайном сайта
Принципы адаптивного дизайна сайта
Разработка мобильной версии сайта
20 модуль
Практикум по адаптивной верстке страницы сайта
Что такое @media-query?
Flex верстка в сочетании с адаптивным дизайном
21 модуль
Анимация в WEB-дизайне
Зачем и когда необходимо использовать анимацию?
Основные принципы при создании анимации
Простая gif анимация в Adobe Photoshop CC 2015
22 модуль
Обзор программы Adobe Edge Animate CC 2015
Фреймворк программы
Создание простой анимации для сайта
23 модуль
Анализ рынка предложений: как находить клиентов и определять конкурентную стоимость своих услуг?
Цены на рынке услуг по созданию сайтов и дизайна для них
Сегментация рынка и особенности взаимодействия с разными сегментами
Что формирует стоимость работы?
Как грамотно составить договор на оказание дизайнерских услуг?
Как продавать свои услуги по максимальной цене?
24 модуль
Выпускной
Тестирование
Защита выпускного проекта
Опыт: в дизайне с 2009г., работа в журналах — подготовка к печати, дизайн журналов. Руководит студией веб-дизайна [VM] Studio
Достижения: портфолио на сайте студии: http://v-m.agency/
Опыт преподавания: более 2-х лет.
Виолетта Кузьменко
… В процессе обучения я ознакомилась с такими программами как: Photoshop, Illustrator и HTML …
Артем Червонный
… Получил полные знания по работе в Photoshop Illustrator. Преподаватель очень понятно и доступно обьясняет информацию…
Анна Коноваленко
… Знания в PS И Ill с нуля до точного приема на работу …
Татьяна Руденко
… Немного ознакомилась с Фотошопом. Нескучный преподаватель, интересная подача…
Наталья Яговкина
… Узнала много «плюшек» в Photoshop. Узнала, что нужно для разработки сайтов. Планирую применять это в дальнейшей работе…
Татьяна Чуприна
… Получила базовые знания о web-design, научилась работать в таких программах как как: Photoshop, Illustrator…
Анна Щербакова
… Курс дал мне базовые знания и понятия о веб-дизайне. Теперь владею программами Photoshop, Illustrator…
Владислава Мисирук
… Есть понятия дизайна сайта, научил меня пользоваться Photoshop…
