Программа Коммерческий web-дизайн

 Вернуться назад 

Блок «Основы Photoshop для web-дизайна»

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

Изображения. Редактирование и трансформация изображений
Инструменты выделения. Техники обрезки изображений. Удаление фона
Продвинутое выделение: растушевка границ, операции сложения и вычитания
Редактирование выделительной области (перемещение, масштабирование и т.д.)
Вставка изображения. Понятие smart-объекта. Создание шаблонов на основе smart-объектов.
Замена содержимого smart-объекта. Трансформация изображений и фигур. Виды трансформации
Копирование изображений. Распределение, выравнивание
Работа с масками. Обтравочная маска, практическое применение

Векторная графика в Photoshop
Группа векторных инструментов. Готовые примитивы и фигуры
Инструмент свободной векторной формы «Перо». Кривая Безье, структура
Работа со слоями векторных фигур: изменение цвета, контура, формы
Быстрые техники создания векторных иллюстраций
Сохранение векторной графики для печати
Разметка макета: работа с сеткой. Настройка сетки
Создание направляющих. Закрепление и открепление

Работа с текстом. Редактирование и трансформация текста
Виды текста в программе. Текст в заданной области
Панели «Символ», «Абзац» и «Стили символов»
Редактирование текста. Шрифт, цвет, типографика
Трансформация текста инструментами трансформирования
Выравнивание текста. Применение эффектов и масок

Работа со слоями и масками. Послойная иллюстрация (фотоколлаж)
Работа с масками. Обтравочная маска. Принципы неразрушающего монтажа
Создание и практическое применение слоёв. Группировка
Работа со стилями слоёв (тень, свечение и т.д.). Режимы наложения слоёв
Растрирование, слияние и связывание слоев
Создание иллюстрации методом коллажа (послойно)

Цветокоррекция. Корректирующие слои. Эффекты
Типы и виды корректирующих функций
Фильтр Camera RAW. Основы express цветокоррекции
Применение корректирующего слоя к отдельному объекту
Работа с инструментами цветокоррекции: осветлитель, затемнитель и т.д.
Тонирование изображений при помощи корректирующих слоев
Цветовая гармонизация послойной композиции

Автоматизация и систематизация работы. Сохранение работы
Ключевые принципы упорядочивания и систематизации работы
Создание операций, стилей и шаблонов
Нарезка макета для web-вёрстки. Инструмент «Раскройка»
Принципы создания миниатюрной графики: иконки, кнопки, favicon
Создание PDF-презентаций. Пакетная обработка изображений

Блок «Основы Illustrator для web-дизайна»

Начало работы в Adobe Illustrator
Установка и настройка программы, элементы интерфейса программы
Рабочий инструментарий программы
Рабочие среды. Настройка собственной рабочей среды
Палитры инструментов
Особенности работы со слоями, группировка объектов  

Настройка и разметка документа
Цветовые модели для печати и мониторов
Типографические данные проекта
Настройка разрешения растровых изображений
Сетка, линейка и направляющие
Сохранение документа и подготовка к печати

Инструменты выделения
Обычное выделение. Взаимодействие с командной панелью
Прямое выделение. Работа с опорными точками
Кривые Безье — основа криволинейной геометрии
Лассо и «Волшебная палочка»

Инструменты рисования
Перо и его подразновидности
Текст. Деформация текста. Работа со шрифтом
Простая геометрия: отрезок, прямоугольник, эллипс и др.
Кисть. Все возможности инструмента

Инструменты трансформирования
Поворот. Работа с опорной точкой
Масштабирование объектов
Ширина линии. Уникальный инструмент Illustrator’а
Свободное трансформирование

Блок «Предпроектная подготовка»

Рынок труда в web-дизайне. Ключевые требования к специалистам
Типология сайтов. Современные виды сайтов
Предпроектный анализ. Тщательный сбор исходных данных
Техническое задание на проектирование
Прототипирование. Назначение прототипа. Как работать с прототипом

Блок «Эстетика web-дизайна. Композиция. Цвет. Типографика»

Композиция в web-дизайне
Что такое композиция. Композиционные средства
Приемы упорядочивания и гармонизации композиции
Динамика, баланс, равновесие
Симметрия, диагональ, ритм, форма, контрформа
Формальная абстрактная композиция. Практика

Цвет в web-дизайне
Характеристики и свойства цвета. Цветовые гармонии
Понятие колорита. Подбор колористического решения

Типографика. Работа со шрифтами
Основные виды и типы шрифтов
Характеристики шрифтов и знаков: кернинг, интерлиньяж, абзацы, заголовки и т.д.
Сочетание шрифтов в web-дизайне

Блок «Проектирование web-интерфейсов»

Отличие UX от UI-дизайна. Критерии качества интерфейсов
Исследования пользовательского поведения. Обзор инструментария аналитики
Разработка пользовательских сценариев. Навигация в интерфейсе
Определение функционала и информационное наполнение
Обзор инструментов прототипирования 
Правила проектирования интерфейсов
Работа с цветом. Компоновка элементов 
Понятие Usability. Аудит usability сайта
 Вернуться назад 
В нашем Центре созданы все условия, чтобы Вы получили 100% результат: это и 85% практики на уроках, это и обязательная итоговая работа, это и оборудованные мощными компьютерами классы, всегда компетентные и талантливые педагоги. Поступая к нам, Вы приобретаете реальный результат.