Школа Дизайна и Компьютерной Графики Российский Государственный Университет
имени А.Н. Косыгина
КОНТАКТЫ И РЕГИСТРАЦИЯ
Дистанционное образование

Курсы веб-дизайна: за полгода вы станете востребованным специалистом!

Вечерние и Дневные группы:
Длительность обучения: 9 месяцев. Оплата 18 000 руб. каждый месяц.
Занятия обязательные для посещения 3 раза в неделю по будням, 4 академических часа.
Вечерние группы с 19.00 до 22.00. (кофе и печенки бесплатно)
Дневные группы с 14.00 до 17.00. (кофе и печенки бесплатно)

Факультативные занятия 2 раза в неделю по 4 академических часа.
По окончанию обучения - государственный экзамен, диплом о профессиональной переподготовке.

Группа выходного дня:
Длительность обучения: 9 месяцев. Оплата 16 000 руб. каждый месяц.
Занятия обязательные для посещения проходят по субботам 8 академических часов.
С 12 00 до 18 00. (кофе и печенки бесплатно)

Факультативные занятия 2 раза в неделю по 4 академических часа.
По окончанию обучения - государственный экзамен, диплом о профессиональной переподготовке.


Курсы веб-дизайна. Учебный план.

Наименование разделов и дисциплин Часы Преподаватель
Практические занятия 250  
Введение в специальность.
Продвижение сайта. Оптимизация и поисковые системы.
8 Палтерович Михаил Делесович
Создание дизайна сайта.
Целевая аудитория сайта. Изучение сайтов конкурентов. Создание технического задания на разработку сайта. Принципы построения навигации сайта. Разработка прототипа будущего Web сайта. Модули и компоненты Web- страницы (Разработка дизайна и контента одной Web страницы). HCI (Human–computer interaction). Юзабилити. Дизайн интерфейса. Создание сайта-визитки.
16 Исаенко Алексей
Степанов Александр
Вёрстка сайтов.
Регистрация домена, выбор и настройка хостинга. Текстовой редактор Sublime Text, плагины, snippet-ы. Загрузка страницы в интернет. Ftp. Унификация рабочего пространства. Сервисы Dropbox и Evernote. Использование XMind. Плагин Emmet (Ускоритель написания html/css кода).
16 Исаенко Алексей
Каскадные таблицы стилей (CSS).
Позиционирование блоков. Спрайты.
8 Исаенко Алексей
HTML табличная верста.
Верстка HTML страниц. Прототипирование html страниц на CSS фрэймворке Twitter Bootstrap. Валидация html страниц (проверка правильности написания html кода). Инструмент Slice. . Работа с PSD макетом. Верстка html страницы.
16 Исаенко Алексей
Популярные системы управления сайтами (движки) и публикация сайта на сервере.
Статические и динамические сайты. Типы сайтов и рекомендованные движки.
8 Исаенко Алексей
Adobe Photoshop CS5-6.
Интерфейс программы. Ретушь изображений. Тоновая и цветовая коррекция. Уровни. Выделение объектов. Инструменты. Кисти. Режимы наложения. Коллаж. Шрифты. Эффекты (фильтры). Плагины.
32 Даньков Алексей
Петров Н.М.
Панов Р.С.
Adobe Illustrator CS5-6.
Интерфейс программы. Векторная графика. Создание примитивов. Заливка. Градиент. Обработка контуров. Кривые Безье. Создание тангирных сеток. Обтравочная маска, маска прозрачности. 3-D проектирование. Шрифты. Текст. Сетчатый градиент. Кисти. Эффекты.
32 Даньков Алексей
Петров Н.М.
Панов Р.С.
Презентационная и анимационная графика Google Web Designer".
Создание html-анимации и создание интерактивных элементов с помощью языков верстки html, css и языка программирования javascript. Различие между flash и html анимацией. Панель вкладок – функции программы. Импорт svg, jpg, png, gif-файлов в новый проект. Создание/удаление ключевых кадров, работа с динамикой анимации. Работа с текстом и использование шрифтов из библиотеки Google Web Font. 3D на html5 в GWD. Зацикливание анимации вложенных символов, события, ярлыки.
16 Даньков Алексей
Композиция.
Средства композиции. Форма, элементы формообразования. Равновесие. Закон единства и соподчинения. Ритм. Метр. Контраст. Нюанс. Тождество. Симметрия. Асимметрия. Статика. Динамика. Фактура. Текстура. Масштаб. Соразмерность. «Золотое сечение». Модуль.
28 Шубина А.В.
Володина Е.Б.
Цветоведение.
Физика цвета. Физиология цвета. Цветовой круг. Дополнительные цвета. Комплементарные триады. Родственные цвета. Контрастные и нюансные отношения. Симультанные эффекты. Иллюзии цвета. Цветовые гармонии.
20 Шубина А.В.
Володина Е.Б.
Логотип и фирменный стиль.
Изображение и знак. Экстенсионал и интенсионал. Симеотика. Пиктограмма и идеограмма. Виды и функции логотипов. Кодирование и декодирование информации. Ребрендинг и рестайлинг. Этапы создания логотипа. Современные тренды в построении логотипа. Основные элементы фирменного стиля. Брендбук.
16 Хохловкин Д.В.
Типографика.
История. Части буквы. Антиква. Точка, линия, плоскость. Единство текста и формы. Шрифт и изображение. Вариации. Кинетика. Пропорции. Брусковые и рубленые шрифты типа гротеск. Геометрические, гуманистические и декоративные шрифты. Форма и контрформа. Членение: геометрическое, оптическое и органическое.
16 Мурашкин И.С.
Драгунская И.Д.
Беликова Зоя
Управление креативностью.
Принципы решения креативных задач. Морфологический анализ. Разработка концепции поздравительного интернет-баннера. Мозговые карты. Мозговой штурм. Разработка концепции анимированного интернет-баннера. Метод фокальных объектов. Разработка концепции нестандартного интернет-баннера.
16 Хохловкин Д.В.
Выпускная квалификационная работа курс «Веб-дизайн»:
Разработка дизайна сайта.
20 Исаенко Алексей
Степанов Александр
Защита выпускной квалификационной работы 4
Самостоятельная работа 150  

Курсы Веб Дизайна - летний интенсив

Продолжительность: 72 академических часа.
Стоимость – 28 тысяч рублей.
Продолжительность обучения – шесть недель, занятия проходят три раза в неделю, по будням.
Вечерние группы с 19.00 до 22.00
Дневные группы с 14.00 до 17.00
Группа Выходного дня: Занятия проходят по субботам с 12.00 до 18.00 и в будний день с 19.00 до 22.00.
Занятия проходят только по субботам с 12.00 до 18.00. Продолжительность обучения - девять недель.
По окончании – государственный экзамен, сертификат Российского Государственного Университета имени А.Н. Косыгина

Для кого:
• Для тех, кто в дальнейшем планирует сделать карьеру области веб-дизайна
• Для тех, кто не связан с профессией, но считает понимание работы веб-дизайнера необходимым для развития собственного бизнеса
• Для тех, кто хочет самостоятельно разработать сайт для себя или своей компании

Чему вы научитесь:
• Основам веб-дизайна.
• Вы освоите графические программы, такие как Adobe Illustrator и Adobe Photoshop.
• Вы узнаете законы композиции и цветоведения и научитесь грамотно и профессионально их использовать.
• Вы познакомитесь с наукой о шрифтах – типографикой, научитесь подбирать и компоновать сочетающиеся и дополняющие друг друга шрифты.
• Научитесь разбираться в ограничениях верстки и делать правильные макеты
• И главное – за время обучения вы создадите свой собственный веб-сайт

Общая часть, 12 занятий (48 часов)

Занятие 1.

Введение. Понятие сайта, его структура, виды сайтов (сайты-визитки, корпоративные, лендинги, интернет-магазины). Какие задачи решает веб-дизайнер. Основные понятия и терминология. Этапы разработки сайта, составление технического задания. Целевая аудитории сайта, изучение сайтов конкурентов. Принципы навигации.

Занятие 2.

Композиция в дизайне. Базовые принципы композиции (доминанта, симметрия, баланс, статика-динамика, контраст, ритм). Средства композиции. Законы визуального восприятия. Фактура, текстура, масштаб, соразмерность, модуль. Практические упражнения.

Занятие 3.

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

Занятие 4.

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

Занятие 5.

Работа в Adobe Photoshop. Понятие растровой графики. Цветовые режимы. Создание и сохранение документа. Размер изображения, разрешение и интерполяция. Важные настройки программы. Работа со слоями. Основные инструменты программы. Кисти и инструменты рисования. Выделение части изображения. Работа с цветом. Создание фотоколлажа.

Занятие 6.

Работа в Adobe Photoshop. Тоновая и цветокоррекция. Работа с гистограммой, исправление тоновых и цветовых дефектов изображения. Корректирующие слои. Работа с тексом. Короткий текст, блочный текст. Символьные и абзацные атрибуты текста. Трансформация изображений. Стили слоя. Работа со смарт-объектами.

Занятие 7.

Работа в Adobe Photoshop. Ретушь изображений. Маскировка мелких дефектов. Замена цвета на фотографии. Подавление шумов и усиление ретуши. Понятие векторной графики. Фигуры и перо. Растровые и векторные маски. Оптимизация изображений для веб-страниц.

Занятие 8.

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

Занятие 9.

Работа в Adobe Illustrator. Символьные и абзацные настройки текста. Обработка контуров изображений. Базовые понятия верстки. Верстка: совмещение графических и текстовых блоков на макете. Создание тангирных сеток. Создание узоров и паттернов. Совместное использование Illustrator и Photoshop. Практические упражнения.

Занятие 10.

Верстка сайта. Знакомство с HTML. Основные теги и способ построения страниц. Редакторы HTML.

Занятие 11.

Верстка с использованием HTML & CSS. Верстка с использованием фреймворка Bootstrap.

Занятие 12.

Верстка сайта. Построение геометрических фигур с помощью HTML & CSS.

Занятие 13.

Верстка сайта. Работа с PSD макетом.

Занятия по профилю, 5 занятий (20 часов)

Занятие 14.

Работа над индивидуальными проектами (продающий лендинг, сайт-визитка, шаблон интернет-магазина). Этапы работы над проектом: ТЗ, техническое задание, изучение аналогов. Практическая работа над проектом. Поиск решений.

Занятие 15.

Практическая работа над проектом.

Занятие 16.

Практическая работа над проектом.

Занятие 17.

Практическая работа над проектом.

Занятие 18.

Завершение и защита проекта.

Занятия по профилю:

1. Разработка продающего лендинга.

Создание эффективной целевой страницы для привлечения аудитории к продукту или услуге.

2. Создание сайта-визитки.

Разработка индивидуальной виртуальной визитной карточки, отражающей основную информацию о компании или проекте для привлечения клиентов.

3. Создание шаблона интернет-магазина.

Разработка шаблона интернет-магазина. Создание шаблона торговой площадки для выгодной презентации и продажи товаров в сети.