Днепр

+38 (056) 767-27-67  

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

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

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

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

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

  • 21 июля
  • Вторник/Пятница (14:00—17:00)
  • 24 занятия по 3 часа
  • Длительность: 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 2015. Базовые понятия типографики. Модульная сетка
    • Интерфейс программы Adobe Photoshop 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-13 -

    модуль

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

    - 14 -

    модуль

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

    - 15-16 -

    модуль

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

    - 17 -

    модуль

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

    - 18 -

    модуль

    • Практикум по верстке landing page
    • Полноценная верстка посадочной страницы
    • Подключения типичных скриптов для создания динамики на посадочной странице

    - 19 -

    модуль

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

    - 20 -

    модуль

    • Практикум по адаптивной верстке страницы сайта
    • Что такое @media-query?
    • Flex верстка в сочетании с адаптивным дизайном

    - 21 -

    модуль

    • Анимация в WEB дизайне
    • Зачем и когда необходимо использовать анимацию?
    • Основные принципы при создании анимации
    • Простая gif анимация в Adobe Photoshop CC 2015

    - 22 -

    модуль

    • Обзор программы Adobe Edge Animate CC 2015
    • Фреймворк программы
    • Создание простой анимации для сайта

    - 23 -

    модуль

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

    - 24 -

    модуль

    • Выпускной, дипломирование
    • Тестирование
    • Защита выпускного проекта
    Показать всю программу

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

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

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

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

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

    konspekt.jpg

    Online конспект лекций

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

    9b47d65d2704411d5df2529adc7c494c.jpg

    Поддержка после окончания курса

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

    diplom-web-design.jpg

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

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

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

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

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

    Artem-chervoniy.jpg

    Артем Червонный

    … Получил полные знания по работе в Photohop Illustrator. Преподаватель очень понятно и доступно объясняет информацию…

    chervoniy-artem.jpg
    kuzmenko-vialetta.jpg

    Виолетта Кузьменко

    … В процессе обучения я ознакомилась с такими программами как: Photoshop, Illustrator и HTML …

    kuzmenko-violetta.jpg
    chyprina-tatiyana.jpg

    Татьяна Чуприна

    ... Получила базовые знания о web-design, научилась работать в таких программах как как: Photoshop, Illustrator ...

    cshuprina-tatiyna.jpg
    sherbacova-anna.jpg

    Анна Щербакова

    … Курс дал мне базовые знания и понятия о веб-дизайне. Теперь владею программами Photoshop, Illustrator …

    sherbakova-anna.jpg
    misiryk-vladlenna.jpg

    Владислава Мисирук

    … Есть понятия дизайна сайта, научил меня пользоваться Photoshop …

    masiruk-vladislava.jpg
    ermolenko-lina.jpg

    Лина Ермоленко

    ... Усовершенствовала свои умения в сфере дизайна, получила новые знания …

    ermolenko-lina.jpg