Днепр

+38 (056) 767-27-67  

Все телефоны ▼

WEB UI/UX дизайн:
с чистого листа до готового дизайна сайта

Продолжительность: 14 недель

Стоимость курса: 3 платежа по 2650 грн

Старт ближайшей группы

  • 3 сентября
  • Понедельник/Среда (18:30 - 21:30)
  • 28 занятия по 3 часа
  • Длительность: 3 месяца
  • Индивидуальные занятия
  • удобное расписание
  • 2 платежа по 5000 грн
  • (14 занятий по 3 часа)

Для кого полезен курс WEB-дизайн?

Для айтишников, желающих повысить квалификацию и расширить набор инструментов

Для тех, кто стремится стать ВЕБ-дизайнером и зарабатывать на любимом деле

Для тех, кто хочет освоить графические редакторы PhotoShop, Illustrator

Для желающих сменить род деятельности и получить одну из самых востребованных IT-профессий

Как проходит обучение WEB-дизайну?

  • Научитесь (каждое занятие - практика) работать с векторной графикой
  • Самостоятельно создадите дизайн сайта (каждый рисует дизайн своего сайта)
  • Узнаете основы ВЕБ-дизайна
  • Научитесь работать в самом популярном графическом редакторе PhotoShop

ОБУЧЕНИЕ WEB-ДИЗАЙНУ В АКАДЕМИИ IMT – ЭТО:

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

Что Вы получите, пройдя обучение на курсе Веб-дизайна

  • Научитесь использовать и применять анимацию
  • Создадите дизайн посадочной страницы
  • Освоите принципы дизайна главной страницы сайта
  • Научитесь работать в Adobe Photoshop
  • Изучите возможности Adobe Illustrator и будете применять на практике
  • Узнаете, как применять UI/UX-дизайн для создания страниц сайта
  • ПРОГРАММА КУРСА WEB-ДИЗАЙН

    WEB-дизайн - курс обучения для тех, кто хочет научиться дизайну сайтов с нуля. Вы изучите Adobe Illustrator и Adobe Photoshop. Вы освоите принципы UX/UI дизайна сайтов и юзабилити. В основе программы заложен опыт преподавателей, начиная с 2009 года. Системная подача материала позволит вам получить всю необходимую базу знаний и инструментов для веб-дизайнера. От наших студентов мы требуем лишь систематического посещения занятий и выполнения домашней работы. Выпускники курса веб-дизайн, чтобы получить диплом, должны сдать экзамен и защитить проект.

    - 1 -

    модуль

    • Введение в веб-дизайн
    • Что такое графический дизайн?
    • Восприятие человеком визуальных образов
    • Теория цвета
    • Психология восприятия цвета
    • Форма в графическом дизайне
    • Композиция и пропорция в WEB-дизайне
    • Различия между векторной и растровой графикой
    • Цвет в компьютерной графике
    • Цветовые модели CMYK и RGB
    • Современные тренды в веб-дизайне
    • Программы для работы с компьютерной графикой

    - 2 -

    модуль

    • Знакомство с программой Adobe Photoshop CC 2018
    • Интерфейс программы Adobe Photoshop CC 2018
    • Панель инструментов и палитра слоев
    • Панель настроек Adobe Photoshop CC 2018
    • Создание простого документа и документа с монтажными областями в программе Adobe Photoshop CC 2018
    • Линейки и направляющие
    • Слои и их виды

    - 3 -

    модуль

    • Основы векторной графики. Работа с кривыми в Adobe Photoshop CC 2018
    • Кривые Безье
    • Инструменты для создания и редактирования кривых Безье
    • Контур и фигура в Adobe Photoshop CC 2018
    • Работа с кривыми Безье в Adobe Photoshop CC 2018

    - 4 -

    модуль

    • Знакомство с программой Adobe Illustrator CC 2018
    • Интерфейс программы Adobe Illustrator CC 2018
    • Работа с кривыми в Adobe Illustrator CC 2018
    • Работа с растровой графикой в Adobe Illustrator CC 2018
    • Экспорт файлов в Adobe Illustrator CC 2018

    - 5 -

    модуль

    • UI/UX
    • Понятие пользовательского интерфейса
    • Основные элементы UI
    • Взаимодействие пользователя с интерфейсом приложения
    • Захват внимания пользователя и акцент на определенных элементах интерфейса
    • Понятие графического паттерна и его использование при построении интерфейса сайта
    • Пиктограммы и идеограммы при создании интерфейса приложения

    - 6 -

    модуль

    • Типографика в WEB дизайне
    • Что такое шрифт
    • Гарнитура шрифта
    • Метрика шрифта
    • Выбор шрифтов
    • Работа с текстовыми блоками

    - 7 -

    модуль

    • Основы архитектуры сайтов
    • Типы и виды сайтов
    • Структура страницы сайта
    • Элементы взаимодействия и управления сайтам
    • Задача и функция сайта
    • ТЗ при разработке сайта
    • Особенности проектирования разных видов сайтов
    • HTML и CSS

    - 8 -

    модуль

    • Практикум по разработке дизайна блога в Adobe Photoshop CC 2018
    • Работа с текстом в Adobe Photoshop CC 2018
    • Что такое смарт-слой и как с ним работать
    • Разработка страниц простого блога

    - 9 -

    модуль

    • Знакомство с программой Adobe Experience Design
    • Интерфейс программы Adobe Experience Design
    • Создание документа в Adobe Experience Design
    • Дизайн сайта блога в Adobe Experience Design

    - 10 -

    модуль

    • Сайты e-commerce
    • Специфика UI/UX для сайтов e-commerce
    • Проработка контента для сайтов e-commerce
    • Разработка структуры основных страниц сайта e-commere

    - 11-12 -

    модуль

    • Практикум по созданию главной страницы сайта e-commerce
    • Создание основных элементов взаимодействия и управления сайта
    • Разработка графических паттернов и элементов UI для сайта
    • Создание домашней страницы сайта e-commerce

    - 13 -

    модуль

    • Практикум по созданию страницы каталога и карточки товара для сайта e-commerce
    • Создание основных элементов для страницы каталога
    • Отрисовка карточки товара и каталога

    - 14 -

    модуль

    • Практикум по созданию дополнительных страниц для сайта e-commerce

    - 15-16 -

    модуль

    • Мобильная версия сайта и адаптивный дизайн
    • Разница между мобильной версией и адаптивным дизайном сайта
    • Принципы адаптивного дизайна сайта
    • Разработка мобильной версии сайта

    - 17 -

    модуль

    • Создание прототипа страниц сайта e-commerce в Adobe Experience Design
    • Связь элементов страниц
    • Проработка этапов прототипа
    • Запись видео для прототипа

    - 18-19 -

    модуль

    • Landing page
    • Что такое посадочная страница?
    • Структура посадочной страницы
    • Практическое создание дизайна посадочной страницы

    - 20-22 -

    модуль

    • Дизайн мобильного приложения
    • Основные требования к мобильным приложениям
    • UI kit для приложений Apple IOS и Android
    • Отрисовка мобильного приложения

    - 23-25 -

    модуль

    • Знакомство с программой Adobe After Effects CC 2018. Презентация сайта в Adobe After Effects CC 2018
    • Интерфейс программы
    • Создание проекта и композиции
    • Слои в Adobe After Effects CC 2018
    • 3D слой, камера и Null-object
    • Разработай простой призентации в Adobe After Effects CC 2018

    - 26 -

    модуль

    • Анализ рынка предложений: как находить клиентов и определять конкурентную стоимость своих услуг?
    • Цены на рынке создания сайтов
    • Сегментация рынка и особенности взаимодействия с разными сегментами
    • Что формирует стоимость работы?
    • Как грамотно составить договор на оказание дизайнерских услуг?
    • Как продавать свои услуги по максимальной цене?

    - 27 -

    модуль

    • Экзамен день 1
    • Тестирование
    • Решение задач

    - 28 -

    модуль

    • Экзамен день 2. Выпускной
    • Сдача дипломной работы
    Показать всю программу

    Кто проводит курсы для WEB-дизайнеров

    natasha.jpg
    Наталья Ивченко
    e04fea250acd295334b82d26597b2a8d.jpg
    Виталий Менчуковский

    Сделайте WEB-дизайн своей профессией

    Учитесь у профессионалов-практиков

    Во время курса вы получаете

    b3f48bdd1e35bb0efa725164765cdff1.jpg

    Поддержка во время обучения на курсах дизайнера

    Для каждого курса в IMT создается закрытая группа в Facebook, в которой студенты получают помощь и поддержку от преподавателя и сокурсников как в течение курса, так и по его окончании. Уровень знаний и опыт наставника, а также успехи выпускников академии, делают это сообщество уникальным.

    70596f5b25f262e710bb514b196c1dbf.png

    Диплом WEB-дизайнера

    Конец курса веб-дизайна всегда запоминающийся, ведь студенты сдают экзамен – защищают свои проекты. После этого выпускники получают диплом, свидетельствующий о том, что они успешно прошли обучение веб-дизайну в Академии IMT. На каждом дипломе указан номер, по которому можно проверить его подлинность.

    57f134f1c69289ef6130814f5a7ddf2d.jpg

    Домашние задания

    Домашние задания, которые выполняются студентами и проверяются, комментируются преподавателем.

    3b234836e9d5ec5bbe38036b9c820a1e.png

    Дипломный проект

    Готовый проект, который защищается на последнем занятии и является подведением итогов обучения. Готовый дизайн сайта.

    e8b3e3645d54cd410709a8880f557f63.jpg

    Видео запись занятий

    На время обучения – вам доступны видеозаписи всех занятий.

    6202fff0586bdeb46f1b05c757d7df9f.jpg

    Создаете свое первое портфолио

    Все выполненные домашние задания оформляете в виде портфолио. Преподаватель подскажет где и как создать и лучше оформить свое портфолио.

    Выпускники академии работают в:

    Выпускники академии IMT работают в Выпускники академии IMT работают в Выпускники академии IMT работают в

    Что студенты пишут о курсе?

    alana-egorenkova.jpg

    Алёна Егоренкова

    … Устроилась на работу на должность веб — дизайнера …

    alena-ego.jpg
    maria-denisenko.jpg

    Марина Денисенко

    … Благодаря курсу Web — design я смогу создать свой сайт, также я устроилась на работу …

    denisenko-marina.jpg
    yaroslava-fursova.jpg

    Ярослава Фурсова

    …. Придя на курс я мечтала понять, как создаются сайты …

    fyrsova-yuaroslava.jpg
    znayshenko-leonid.jpg

    Леонид Знайченко

    … Навыки работы в Photoshop, понимание структуры …

    znayshenko-leonidd.jpg
    maria-povorova.jpg

    Марина Поворова

    … Научилась пользоваться программой Photoshop …

    povorova-marina.jpg
    nikita-soldatenko.jpg

    Никита Солдатенко

    … Новый опыт и новые знания …

    soldatenko-nakita.jpg