Вам просто необходим курс "WEB-дизайн"

Программа курса

Модуль 1

Введение в веб-дизайн

1. Что такое графический дизайн?
2. Восприятие человеком визуальных образов
3. Теория цвета
4. Психология восприятия цвета
5. Форма в графическом дизайне
6. Композиция и пропорция в WEB-дизайне
7. Различия между векторной и растровой графикой
8. Цвет в компьютерной графике
9. Цветовые модели CMYK и RGB
10. Современные тренды в веб-дизайне
11. Программы для работы с компьютерной графикой

Модуль 2

Знакомство с программой Adobe Photoshop CC 2016. Базовые понятия типографики. Модульная сетка

1. Интерфейс программы Adobe Photoshop CC 2016
2. Панель инструментов и палитра слоев
3. Панель настроек Adobe Photoshop CC 2016
4. Создание простого документа в программе Adobe Photoshop CC 2016
5. Линейки и направляющие
6. Виды и типы шрифтов
7. Понятие крекинга, трекинга, интерлиньяжа и гарнитуры шрифта
8. Выбор шрифтов для проекта
9. Модульная сетка, принципы ее построения и использование при создании сайтов.

Модуль 3

Основы векторной графики. Работа с кривыми в Adobe Photoshop CC 2016

1. Кривые Безье
2. Инструменты для создания и редактирования кривых Безье
3. Контур и фигура в Adobe Photoshop CC 2016
4. Работа с кривыми Безье в Adobe Photoshop CC 2016

Модуль 4

1. Понятие пользовательского интерфейса
2. Основные элементы UI
3. Взаимодействие пользователя с интерфейсом приложения
4. Захват внимания пользователя и акцент на определенных элементах интерфейса
5. Понятие графического паттерна и его использование при построении интерфейса сайта
6. Пиктограммы и идеограммы при создании интерфейса приложения

Модуль 5

Практикум по созданию отдельных элементов UI в Adobe Photoshop CC 2016

1. Создание простейших иконок
2. Создание сложных графических идеограмм
3. Создание UI Kit

Модуль 6

Знакомство с программой Adobe Illustrator CC 2016

1. Назначение программы Adobe Illustrator
2. Рабочее пространство Adobe Illustrator CC 2016
3. Создание документов в Adobe Illustrator CC 2016
4. Монтажные области и работа с ними
5. Панель инструментов Adobe Illustrator CC 2016
6. Работа с кривыми Безье в Adobe Illustrator CC 2016
7. Создание элементов UI в Adobe Illustrator CC 2016
8. Сохранение и экспорт документов Adobe Illustrator CC 2016

Модуль 7

Основы архитектуры сайтов

1. Типы и виды сайтов
2. Типология интерфейсов веб-приложений
3. Структура страницы сайта
4. Элементы взаимодействия и управления сайтам
5. Задача и функция сайта
6. ТЗ при разработке сайта
7. Особенности проектирование разных видов сайтов
8. HTML и CSS

Модуль 8

Ввод в основы HTML и CSS

1. Что такое HTML и CSS?
2. Что такое теги HTML?
3. Структура документа HTML
4. Работа с стилистическим оформлением страницы HTML
5. Классы и индификаторы

Модуль 9

Практикум по разработке дизайна блога

1. Работа с текстом в Adobe Photoshop CC 2016
2. Что такое смарт-слой и как с ним работать
3. Разработка страниц простого блога

Модуль 10

Практикум по верстке страниц блога

1. Flex верстка
2. Работа с текстом в HTML
3. Полноценная верстка страницы сайта

Модуль 11

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

Модуль 12 - 13

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

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

Модуль 14

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

1. Создание основных элементов для страницы каталога
2. Отрисовка карточки товара

Модуль 15 - 16

Практикум по верстке главной страницы сайта e-commerce

1. Верстка главной страницы
2. Подключение простых скриптов для создание динамики на страницы

Модуль 17

1. Что такое посадочная страница?
2. Структура посадочной страницы
3. Практическое создание дизайна посадочной страницы

Модуль 18

Практикум по верстке landingpage

1. Полноценная верстка посадочной страницы
2. Подключения типичных скриптов для создания динамики на посадочной странице

Модуль 19

Мобильная версия сайта и адаптивный дизайн

1. Разница между мобильной версией и адаптивным дизайном сайта
2. Принципы адаптивного дизайна сайта
3. Разработка мобильной версии сайта

Модуль 20

Практикум по адаптивной верстке страницы сайта

1. Что такое @media-query?
2. Flex верстка в сочетании с адаптивным дизайном

Модуль 21

Анимация в WEB дизайне

1. Зачем и когда необходимо использовать анимацию?
2. Основные принципы при создании анимации
3. Простая gif анимация в Adobe Photoshop CC 2016

Модуль 22

Обзор программы Adobe Edge Animate CC 2016

1. Фреймворк программы
2. Создание простой анимации для сайта

Модуль 23

Анализ рынка предложений: как находить клиентов и определять конкурентную стоимость своих услуг?

1. Цены на рынке создания сайтов
2. Сегментация рынка и особенности взаимодействия с разными сегментами
3. Что формирует стоимость работы?
4. Как грамотно составить договор на оказание дизайнерских услуг?
5. Как продавать свои услуги по максимальной цене?

Модуль 24

1. Тестирование
2. Защита выпускного проекта

Впечатляет, не так ли?

Девиз наших курсов: «Делать, делать и еще раз делать». Курс "WEB-дизайна" - это не десяток книг и видео по дизайну и PhotoShop, а самая актуальная и структурированная информация. Вы получаете знания, которые применяете уже на первом занятии и на следующий день в своей работе. Наш курс – это инвестиции в себя и собственное развитие.

Что вы получаете пройдя этот курс?

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

Зарегистрируйтесь на курс прямо сейчас

Курсы веб-дизайна. Профессия: веб-дизайнер и дизайнер интерфейсов UX & UI

Интересные записи

• Новое в блогах
• Комплект панели «APs RETOUCH»
• Мемы и комиксы в виртуальном пространстве
• Photoshop для начинающих
• Как сделать gif анимацию в фотошопе за 5 минут
• Школа фотошопа