итмо профессиональное обучение компьютерная графика и дизайн

21.07.202202.08.2022 admin 0 Comments

Графический дизайн

По алфавиту По направлению подготовки

Профессиональная переподготовка с присвоением квалификации Профессиональная переподготовка Повышение квалификации

Цена обучения для граждан РФ
(тыс. руб в год)

780 ак.часов/10 месяцев, очно/дистанционно,
Профессиональная переподготовка с присвоением квалификации

Курс рассчитан на начальный уровень подготовки. Курс является комплексным и универсальным, поскольку вы изучаете сразу два востребованных направления: проектирование и дизайн веб-сайтов (frontend и backend) и дизайн и верстку полиграфической продукции.
Даже если вы никогда не работали в Adobe Illustrator и не верстали на HTML, после прохождения курса вы сможете создать логотип, фирменный стиль (брендбук) и полнофункциональный сайт компании (десктопную и мобильную версию) с нуля и «под ключ».

500 ак. часов/6 месяцев, дистанционная,
Профессиональная переподготовка

Курс рассчитан на начальный уровень подготовки. В процессе обучения вы будете работать с наиболее востребованными графическими программами, которые используются для создания полиграфической продукции любой сложности, а также для макетирования веб-сайтов (Adobe Photoshop, Adobe Illustrator, Adobe Acrobat, Adobe InDesign, CorelDraw). Вы изучите основы композиции (внимание: курс не предполагает, что слушатель обладает умением рисовать), научитесь разрабатывать макеты веб-сайтов, пройдете все этапы создания полиграфической продукции, изучите верстку многостраничных изданий (журналов, книг), типографику и предпечатную подготовку. Под руководством преподавателя вы создадите фирменный стиль компании, от логотипа до полноценного брендбука, включающего в себя визитки, буклеты, флаеры, бланки, сувенирную продукцию и пр.

380 ак.часов/6 месяцев, дистанционно,
Профессиональная переподготовка

Курс рассчитан на начальный уровень подготовки. В процессе обучения вы будете работать с наиболее востребованными графическими программами, которые используются для создания полиграфической продукции любой сложности (Adobe Photoshop, Adobe Illustrator, Adobe Acrobat, Adobe InDesign, CorelDraw). Вы изучите основы композиции (внимание: курс не предполагает, что слушатель обладает умением рисовать), пройдете все этапы создания полиграфической продукции, изучите верстку многостраничных изданий (журналов, книг), типографику и предпечатную подготовку. Под руководством преподавателя вы создадите фирменный стиль компании, от логотипа до полноценного брендбука, включающего в себя визитки, буклеты, флаеры, бланки, сувенирную продукцию и пр.

50 ак.часов, дистанционно,
Повышение квалификации

CorelDRAW® Graphics Suite — надежное программное решение для полноценного графического дизайна, которое подойдет как начинающим, так и уже опытным пользователям. Пакет включает в себя среду с обширным контентом и профессиональные приложения для графического дизайна, редактирования фотографий и web-дизайна. С ним вы получите безграничные возможности для проявления Вашего творческого потенциала.

50 ак.часов, дистанционно,
Повышение квалификации

Adobe InDesign представляет собой универсальное приложение для публикации контента, которое обеспечивает точный контроль над дизайном и типографикой на высоком уровне. Интеграция InDesign с другими программами пакета Adobe (Illustrator, Photoshop) позволяет адаптировать макеты к различным форматам страниц, ориентациям и устройствам с сохранением высокого качества изображения. InDesign — сердце десятков издательских систем для газет, журналов и другой издательской среды. Adobe InDesign используют дизайнеры и верстальщики по всему миру не только для создания печатных публикаций, но и для интерактивных изданий.

35 ак.часов, дистанционно,
Повышение квалификации

Источник

Веб-технологии

По алфавиту По направлению подготовки

Цена обучения для граждан РФ
(тыс. руб в год)

780 ак.часов/10 месяцев, очно/дистанционно,
Профессиональная переподготовка с присвоением квалификации

285 ак.часов/4 месяца, дистанционно,
Профессиональная переподготовка

Курс «Веб-разработчик 20.35» реализуется в рамках проекта «Цифровые профессии» (федеральный проект «Кадры для цифровой экономики» национальной программы «Цифровая экономика РФ»)
За 4 месяца обучения на курсе Вы получите необходимый набор знаний и навыков, которые позволят Вам претендовать на позицию Junior-разработчика в российских и международных компаниях, что подтверждено опытом наших выпускников.
Курс ведется «с нуля» и не требует начальных знаний программирования.
В процессе обучения Вы изучите основы проектирования и разработки HTML-страниц, применяя такие технологии верстки как HTML5, CSS3. Вы научитесь управлять поведением HTML-элементов на странице, применяя JavaScript-код. Вы сможете не только изменять цвета и размеры html-элементов, но и управлять анимацией, создавать 3-х мерные анимированные объекты. В рамках изучения курса Вы с нуля рассмотрите процесс создания 12-ти колоночной страницы (на базе float и flex элементов).

475 ак.часов/6 месяцев, дистанционно,
Профессиональная переподготовка

Курс «Веб-разработчик» рассчитан на начальный уровень подготовки и позволяет за 6-10 месяцев получить новую востребованную специальность, даже если вы никогда ранее не занимались программированием.

В процессе обучения вы освоите основы веб-технологий (HTML, CSS), изучите технологию верстки веб-страниц с применением языка разметки гипертекста HTML5 и каскадных таблиц стилей CSS3. Также, в рамках курса вы с нуля изучите возможности языка программирования JavaScript, как на клиентской части (frontend), так и на стороне веб-сервера (backend).

370 ак.часов/6 месяцев, дистанционно,
Профессиональная переподготовка

Курс рассчитан на начальный уровень подготовки.
В процессе обучения вы изучите основные технологии создания современных и успешных веб-сайтов: научитесь разрабатывать макеты в Adobe Photoshop и Figma, получите полное представление о технологии верстки веб-страниц, применяя язык разметки гипертекста HTML5 и каскадные таблицы стилей CSS3, научитесь динамически управлять элементами веб-страниц благодаря языку программирования JavaScript.
Полученные технические знания в полной мере вы сможете применять на практике в процессе изучения UX и UI проектирования, создавая веб-приложения и сайты с учетом современных тенденций в дизайне.

480 ак. часов/6 месяцев, дистанционно,
Профессиональная переподготовка

Курс рассчитан на начальный уровень подготовки. Даже если вы никогда не работали в Adobe Photoshop и не верстали на HTML, после прохождения курса вы сможете создать полнофункциональный сайт (десктопную и мобильную версию) с нуля и «под ключ». В рамках курса вы изучите не только внешнюю сторону создания веб-сайтов (frontend), но и серверную часть (backend).

50 ак.часов, дистанционно,
Повышение квалификации

Курс позволяет изучить основы веб-технологий с нуля, а также систематизировать уже имеющиеся знания.
Курс построен таким образом, что позволяет пройти путь от начальных азов написания первых тегов, до реализации первых адаптивных веб-страниц с применением CSS3-анимаций и трансформаций.
В процессе изучения курса вы познакомитесь с особенностями работы каждого тега. Рассмотрите методы и принципы создания различных макетов веб-страниц с применением и табличной верстки (в случае создания HTML-писем) и float-элементов с их особенностями работы совместно с основным потоком элементов html-документа.

40 ак.часов, дистанционно,
Повышение квалификации

В процессе обучения Вы с нуля изучите язык программирования JavaScript. Изучите основные конструкции языка, познакомитесь с методами разработки клиентских скриптов для веб-страниц и научитесь интерактивно изменять содержимое веб-страниц.

70 ак.часов/2 месяца, дистанционно,
Повышение квалификации

40 ак.часов, дистанционно,
Повышение квалификации

В курсе «Современные технологии верстки» подробно рассмотрена работа с фреймворком Bootstrap. Bootstrap на данный момент является самым распространённым и уважаемым фреймворком для проектирование веб-приложений. Он пользуется популярностью не только у разработчиков сайтов, но и у заказчиков, которые убедившись в его надёжности отдают ему предпочтение при создании новых проектов.

40 ак. часов, дистанционно,
Повышение квалификации

Курс «PHP и MySQL. Основы разработки веб-приложений» рассчитан на начальный уровень подготовки и позволяет освоить процесс разработки веб-приложений на языке программирования PHP с нуля. В процессе изучения языка программирования PHP7. Вы познакомитесь не только с основами программирования на PHP, но и создадите свое собственное приложение с применением технологий объектно-ориентированного программирования (ООП) и базы данных MySQL

Источник

Итмо профессиональное обучение компьютерная графика и дизайн

780 ак.часов/10 месяцев, очно/дистанционно
Диплом о профессиональной переподготовке с присвоением квалификации

500 ак.часов/6 месяцев, дистанционно
Диплом о профессиональной переподготовке

380 ак.часов/6 месяцев, дистанционно
Диплом о профессиональной переподготовке

Курс реализуется в рамках проекта «Цифровые профессии»;

Субсидия от государства составляет 50% стоимости.

Старт 15 октября 2021/285 ак.часов/4 месяца/дистанционно
Диплом о профессиональной переподготовке

475 ак.часов/6 месяцев, дистанционно
Диплом о профессиональной переподготовке

370 ак.часов/6 месяцев, дистанционно
Диплом о профессиональной переподготовке

480 ак.часов/6 месяцев, дистанционно
Диплом о профессиональной переподготовке

Звоните с 10 до 19!

Образовательный центр КПиД

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

Любое использование материалов допускается только
при соблюдении правил перепечатки и при наличии
гиперссылки на design.itmo.ru

Университет ИТМО,
ул.Гастелло,
дом 12, каб. 312

Разработка: выпускник ОЦКПиД Сивинский Станислав

Источник

Образовательный центр КПиД Университета ИТМО

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

Образовательный центр КПиД Университета ИТМО запись закреплена

Вы самый востребованный специалист – «Графический дизайнер», «Веб-дизайнер» или «Веб-разработчик».

Вы дипломированный специалист – ваша специальность будет подтверждена дипломом Университета ИТМО.

Индивидуальное дистанционное обучение с лучшими преподавателями-практиками Университета ИТМО и приглашенными экспертами.
Показать полностью.

Предоставляется тестовый доступ в систему дистанционного обучения (первая неделя обучения бесплатно).

Примеры наших курсов:

Оплата поэтапная (предоставляется беспроцентная рассрочка от Университета на весь срок обучения).

Программа курсов и запись на обучение на сайте design.itmo.ru.

Остались вопросы? Ответим в режиме 24/7! Напишите в сообщения сообщества! Будем рады знакомству!

#ИТМО #ITMO #дпо #обучение #eLearning #designer #programmer #курсы #дополнительноеО

Образовательный центр КПиД Университета ИТМО запись закреплена

Мы думаем, что о Pinterest вы слышите уже не впервые.

Это фотохостинг, где каждый пользователь может почувствовать себя коллекционером! Здесь размещаемые пользователями изображения называются пинами, а тематические блоки для изображений – досками. Каждый пользователь может сортировать пины по доскам, делиться ими, загружать свои, сохранять чужие, а также зарабатывать на пинах.
Показать полностью.

В чем основные преимущества сервиса?
— Вдохновение – на сервисе миллионы идей на все возможные тематики от кулинарии до путешествий, от ремонта до ведения бизнеса и т.д. Это кладезь информации.
— Наглядность – вы создаете доску, где собираете визуал, необходимый для вашего проекта, так называемый мудборд – очень полезная вещь.
— Только изображения и видео. Действительно в Pinterest нет текстов, только если на самих изображениях, что позволяет воспринимать контент быстрее.
— С точки зрения маркетинга это отличный инструмент для продвижения других своих каналов. Pinterest помогает увеличивать количество ссылок на сайт и привлекать качественный трафик на сайт. Также он вполне подходит для вирусной рекламы – пользователи сохраняют ваши пины себе, пересылают друг другу, тем самым увеличивая охват.

Регистрация в Pinterest бесплатная. Ссылка на сайт – https://www.pinterest.ru/.

В комментариях поделитесь, какие сервисы, подобные Pinterest, вы используете?

Образовательный центр КПиД Университета ИТМО запись закреплена

В прошлой публикации мы рассказали о необходимости проведения анализа юзабилити сайта и также поэтапно описали, как это сделать.
Если Вы хотите минимизировать usability-проверку, создавать потрясающие сайты, которые будут работать и конвертировать пользователей в реальных клиентов, нужно сделать всего пару кликов и записаться на курс «Специалист в области компьютерной графики и веб-дизайна».
Показать полностью.
Это самый комплексный курс в нашем образовательном центре, самый продолжительный и сложный. Но он точно оправдает ваши временные и финансовые вложения. Он сделает из Вас востребованного и ценного специалиста.
Через 10 месяцев в среднем (время обучения и завершения курсов индивидуальное) Вы будете отлично уметь работать в графических редакторах растровой и векторной графики, узнаете все секреты типографики и композиции, изучите современные технологии верстки, новые возможности JavaScript, UI\UX-проектирование, основы работы в команде над проектом, погрузитесь в разработку веб-приложений, успеете даже освоить создание сайтов на конструкторе Tilda 2.
Все выполненные работы на курсе пойдут прямиком в Ваше портфолио.
Если Вы еще в раздумьях, возьмите тестовую неделю и изучайте курс 7 дней бесплатно.

→ Программа курса очень обширная и представлена на нашем сайте — https://vk.cc/bXqmhT.
→ По вопросам записи на обучение пишите нашему админу.

Будем рады видеть Вас среди слушателей нашего образовательного центра!

Образовательный центр КПиД Университета ИТМО запись закреплена

Задержится ли пользователь на сайте или закроет его после 1-2 секунд просмотра, зависит от удобства платформы, или от юзабилити. Поэтому важность проведения анализа юзабилити даже не обсуждается.
Давайте сделаем проверку вместе.

● Сайт должен быстро загружаться (не более 2 сек). Если дело обстоит иначе, проверьте, закрыты ли все теги в коде.
● Сайт должен быть кроссплатформенным и кроссбраузерным.
Показать полностью.
● Пропишите стили для отображения на смартфонах.
● Пользователь приходит на сайт за информацией, поэтому придерживайтесь логики поиска и ее получения, а также определенного стиля в оформлении и проверьте, что основные разделы и блоки работают, как полагается.
● Смысл сайта не только в информировании, но и в достижении максимальной конверсии пользователей, поэтому все элементы этому способствующие (самый простой — кнопка), должны быть выполнены в отдельном стиле и быть 100% кликабельными.
● Не забудьте про favicon (иконка во вкладке браузера рядом с названием вашего сайта). Это позволит сформировать визуальную привычку к вашему лого/стилю/бренду.
● И, конечно, не забывайте о правилах расположения текстовых блоков, о правилах оформления текста и заголовков, цветах, единообразии шрифтов.

Полезные сервисы для проверки Юзабилити сайта:

◯ без регистрации:
○ Google Pagespeed — подойдет для проверки общих ошибок и рекомендаций по исправлению;
○ pr-cy — покажет ИКС (индекс качества сайта), кол-во посетителей, просмотры и др.;

◯ нужно покопаться и настроить функционал:
○ Яндекс метрика — нужно покопаться в коде, настроить метрики, счетчики, также не забудьте про функцию «Вебвизор»;
○ Google Оптимизация;

◯ нужна регистрация или покупка софта:
○ Crazy Egg — формирует карту кликов и скроллинга пользователями;
○ Inspectlet — отслеживание аудитории по кликам;
○ Фабрика Юзабилити;
○ UsabilityHub — есть юзабилити-тесты с реальными участниками-пользователями;
○ Hotjar — аналогичен сервису выше.

Источник

Дизайнер полиграфической продукции и веб-сайтов

Профессиональная переподготовка, 500 ак. часов/6 месяцев

Дистанционная форма: Ежедневно

Дистанционная форма: 55 000

Диплом о профессиональной переподготовке

Дистанционное обучение
является индивидуальным.

Начать обучение можно
в любое удобное для Вас время!

Вас подключат к системе
дистанционного обучения
сразу после заключения договора
и оплаты первого этапа.

Возможно предоставление
тестового доступа.

Россия, 196135, Санкт-Петербург,
Университет ИТМО,
ул. Гастелло 12, кабинет 312

Также вопросы можно задать:

Viber/WhatsApp 24/7
+7 (960) 275-20-20

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

В процессе изучения курса вы познакомитесь с особенностями работы каждого тега. Рассмотрите методы и принципы создания различных макетов веб-страниц с применением и табличной верстки (в случае создания HTML-писем) и float-элементов с их особенностями работы совместно с основным потоком элементов html-документа.

Научитесь создавать эффектные CSS3 анимации и трансформации без использования JavaScript.

Освоите принцип работы с известным плагином для редакторов веб-разработки Emmet, а также научитесь работать с FTP-клиентом при взаимодействии с хостингом.

Полученные технические знания в полной мере вы сможете применять на практике в процессе изучения UX и UI проектирования, создавая веб-приложения с учетом современных тенденций в дизайне.

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

профессиональному стандарту 06.035 «Разработчик Web и мультимедийных приложений» (уровни 4-5) профессиональному стандарту 11.012 «Технолог полиграфического производства» (уровень 4) профессиональному стандарту 11.013 «Графический дизайнер» (уровни 5-6) национальному стандарту Российской Федерации ГОСТ Р 56413-2015/CWA 16458:2012 «Информационные технологии. Европейские профили профессий ИКТ-сектора», идентичный международному документу CWA 16458:2012 «Европейские профили профессий ИКТ-сектора»

Типы обрабатываемых изображений. Свойства пиксельных изображений. Операции обработки цифровых изображений. Начальное окно Adobe Photoshop и элементы интерфейса. Меню. Панель быстрого доступа. Настройка интерфейса — рабочие среды. Панель настройки инструментов. Палитры панели. Диалоговые окна. Управление открытыми документами. Упорядочивание документов. Создание копии рабочего окна. Операции с файлами. Увеличение и уменьшение изображения на экране. Режимы отображения рабочего экрана. Вывод на экран и отключение видимости элементов интерфейса. Получение информации об изображении. Выбор и использование инструментов. Настройки и установки программы.

Параметры нового документа. Размеры изображения. Размер холста (канвы). Обрезка изображения — кадрирование. Вращение изображения. Отзеркаливание или отражение изображения. Отмена действий.

Палитра Info (Инфо). Автоматическая коррекция. Простые решения по коррекции. Тоновая коррекция изображений. Характеристики тона изображения. Анализ гистограмм. Команды тоновой коррекции. Использование команды Brightness/Contrast (Яркость/Контраст). Оценка тона изображения с помощью команды Levels (Уровни). Коррекция тона изображения с помощью Curves (Кривые). Обработка 8- и 16-битных файлов. Цветовая коррекция. Изменение резкости и четкости. Добавление шума, удаление погрешностей.

Использование основного и фонового цвета. Кодировка цвета. Калибровка монитора. Управление цветом. Определение цвета с помощью диалогового окна. Синтез цвета с помощью палитры Color (ЦветСинтез цвета). Палитра Swatches (ОбразцыКаталог). Основные параметры рисующих инструментов. Инструменты Pencil (Карандаш), Brush (Кисть) и Eraser (Ластик). Инструмент Paint Bucket (Заливка). Инструмент Gradient (Градиент).. Слои фигуры. Инструменты ретуши.

Создание выделения с помощью инструментов. Геометрические выделения. Растушевка границы выделения. Выделение области, основанной на цвете. Комбинирование инструментов выделения. Команды меню Select. Редактирование выделенной области с использованием альфа-каналов. Перемещение границ выделенной области. Модификация выделенной области командами подменю Modify (Модификация). Перемещение выделенной области. Копирование выделенных областей. Копирование выделенной области при перетаскивании. Удаление выделенных пикселов. Трансформирование изображения в выделенной области.

Послойная организация изображения. Палитра Layers (Слои). Использование палитры Layers (Слои). Настройка прозрачных областей слоя. Режимы рисования и наложения слоев. Применение эффектов и стилей. Применение к слою стиля. Smart-объекты. Деформирование изображений. Объединение и сведение слоев. Композиции слоев.

Корректирующие слои в палитре Layers (Слои). Создание корректирующих слоев. Палитра Adjustments (Коррекция). Корректирующие слои тоновой коррекции. Корректирующие слои цветовой коррекции. Корректирующий слой Vibrance (Вибрация). Корректирующий слой Black and White (Белое и черное). Корректирующий слой Photo Filter (Фотофильтр). Корректирующий слой Channel Mixer (Смешение каналов). Корректирующие слои Invert (Инвертирование), Threshold (Порог) и Posterize (Постеризовать). Корректирующий слой Gradient Map (Карта градиента). Маскирование слоев. Создание слой-маски. Палитры для работы с масками. Диалоговое окно Refine Mask (Уточнить маску).

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

Графические форматы изображений в Интернете. Оптимизация отдельных изображений. Оптимизация формата JPEG. Оптимизация формата GIF. GIF-анимация. Видео и видеослои. Автоматизация действий.

Размеры пиксельной графики для полиграфии. Использование форматов файлов для полиграфии. Формат TIFF. Формат EPS. Формат PDF. Использование формата RAW. Создание контуровпутей. Модель кривой Безье. Предварительное цветоделение. Параметры конвертации в CMYK. Рекомендуемые установки цветоделения. Печать из Adobe Photoshop.

Основные действия с объектами. Особенности векторной графики. Диалоговое окно Welcome. Основные элементы интерфейса программы. Управление интерфейсом. Строка меню. Панель инструментов. Панель атрибутов с параметрами документа. Панель Zoom (Масштабирования). Инструменты Pick (Выбор), Zoom (Масштаб), Hand (Панорама), Rectangle (Прямоугольник), Ellipse (Эллипс), Polygon (Многоугольник), Star (Звезда), Complex Star (Составная звезда), Graph Paper (Координатная бумага), Spiral (Спираль). Свойства стандартных объектов (примитивов). Основные действия и команды. Трансформация и изменение положения объектов. Маркеры выделения объектов, приемы их использования. Группировка объектов. Дублирование. Окрашивание. Изменение порядка объектов. Команды Combine (Соединить), Weld (Объединить по периметру), Trim (Исключить, Отсечь), Intersection (Пересечение). Инструмент Perfect Shapes (Автофигуры).

Инструменты для создания объектов: Freehand (Рисование), Bezier (Кривая Безье), Artistic Media (Имитация), Pen (Перо), Polyline (Ломаная), 3 Point Curve (Кривая по трем точкам), Interactive Connector (Соединительная линия), Dimension (Размерная линия). Инструменты для редактирования объектов: Shape (Форма), Smudge Brush (Размазывающая кисть), Roughen Brush (Разрыхляющая кисть), Free Transform (Свободная трансформация), Crop (Рамка), Knife (Нож), Eraser (Ластик). Кнопки Outline Tool (Инструменты контураОбводки). Использование панели атрибутов и диалогового окна Outline Pen (Перо для контура) для изменения свойств контураобводки. Кривые Безье. Работа со стандартными объектами и с кривыми инструментом Shape (Форма).

Цветовые модели RGB, CMYK, Lab и другие. Стандартизированные библиотеки цветов. Команды меню View (Вид). Кнопки Fill Tool (Инструменты заливок). Диалоговые окна параметров заливок: сплошной, градиентной, узорной, текстурной. Инструменты интерактивных заливок. Дублирование параметров заливок.

Команды меню Effects (Эффекты). Диалоговые окна параметров эффектов: Add Perspective (Перспектива), Envelope (Оболочка), Contour (Контур), Blend (ПеретеканиеПошаговый переход), Extrude (Выдавливание Экструдирование), Lens (Линзы). Инструменты интерактивных эффектов.

Команды меню Edit (Правка) и Layout (Макет). Object Manager (Диспетчер объектов). Управление объектами с помощью диспетчера объектов. Приемы работы со слоями и страницами документа.

Команды меню Bitmaps (Растровые изображенияКартинки). Импорт пиксельных изображений и их обработка. Изменение размеров изображения в пикселах и в миллиметрах. Трассировкавекторизация.

Основные термины. Artistic Text (Заголовочный текст) и Paragraph Text (Абзацный текст). Панель атрибутов при работе с текстом. Использование инструмента Shape (Форма). Команды меню Text (Текст). Использование шрифтов. Размещение текста из внешних программ. Вставка символов. Расположение текста по кривой.

Завершающие операции. Команды меню File (Файл). Типичные требования к файлам, передаваемым в другие организации. Параметры форматов экспорта. Диалоговые окна экспорта.

Диалоговое окно Print (Печатать). Управление параметрами печати. Варианты печати в файл, в масштабе, с разбиением. Цветоделенный оригинал-макет. Треппинг. Overprint.

Вставка и редактирование объектов интернета. Публикация в Web. Публикация в PDF.

Команды меню Tools (ИнструментыСервис) и Window (Окно). Создание и использование собственных цветовых палитр, стилей, стрелок, заливок. Диалоговые окна пользовательских настроек. Рекомендации.

Введение. Запуск и интерфейс программы. Создание и открытие документов. Установки документа. Использование инструментов, отображение рисунка. Палитры. Сохранение документа. Использование шаблонов документов. Создание основных геометрических фигур. Создание линейных объектов.

Инструменты выделения. Сочетание фигур. Группирование объектов. Расположение объектов. Перемещение и копирование объектов. Удаление, фиксирование и скрытие объектов.

Инструменты для создания контуров. Элементы векторного контура. Создание контуров инструментом Pen. Выделение контуров и опорных точек. Изменение кривизны контура в точке. Использование инструментов группы Pencil. Инструмент Reshape. Команды обработки контуров.

Цветовые модели, используемые в программе. Цветовая модель RGB. Цветовая модель CMYK. Цветовая модель HSB. Цветовая модель Grayscale. Присваивание цвета объектам. Градиентные заливки. Конвертирование цветов моделей RGB и CMYK. Инструменты Live Paint Bucket и Live Paint Selection. Декоративные заливки

Перемещение объектов в процессе их создания. Перемещение объектов с помощью палитры Control. Трансформирование объектов. Использование инструментов трансформирования. Трансформирование изображений с помощью палитры Transform. Использование инструментов группы Warp. Команды меню Effect.

Превращения. Оболочки. Обтравочные маски. Трехмерное представление объектов.

Инструменты для работы с текстом. Параметры символов. Заголовочные и абзацные текстовые блоки. Размещение текста в замкнутом объекте. Размещение текста вдоль контура. Обтекание текстом графических объектов. Отображение текста плашками. Преобразование текста в кривые. Текстовые стили.

Обзор палитр. Для чего нужны программы верстки. Отличия InDesign от PageMaker. Преобразование документов Adobe PageMaker. Интерфейс программы. Восстановление настроек по умолчанию. Просмотр и перемещения. Изменение масштаба отображения документа. Перемещение по документу. Прокрутка документа. Использование палитры Navigator (Навигатор). Обзор палитры инструментов. Управляющая палитра в режимах графики, символов и абзацев. Приемы работы со слоями и страницами документа. Основные клавиатурные сокращения. Команды меню File (Файл).

Команды меню Edit (Редактирование). Специальная и многократная вставка в документ. Диалоговое окно Preferences (Установки). Рекомендации по настройкам программы. Параметры документа. Изменение параметров уже созданного документа. Импорт (помещение) в документ текста и графики. Работа с мастер-страницами. Применение мастер-страниц к страницам документа. Добавление разделов для изменения нумерации страниц. Переопределение элементов мастер-страницы на страницах документа. Редактирование мастер-страниц.

Создание фреймов и их виды. Назначение цвета. Линии (контуры, обводки). Палитры Stroke (Обводка) и Parhfinder (Обработка контуров). Команды меню Object (Объект). Группировка объектов. Дублирование. Изменение порядка объектов. Fitting – подгонка фрейма. Работа стрелками. Трансформация и изменение положения объектов. Использование узлов для изменения формы фрейма. Модификация графических фреймов. Изменение размера графического фрейма. Изменение размеров рисунка и его перемещение внутри фрейма. Изменение формы фрейма. Модификация фрейма внутри сгруппированных объектов

Текст во фреймах. Свойства текстовых фреймов. Использование возможностей текстовых фреймов. Выравнивание текста с помощью сетки базовых линий. Размещение текста из внешних программ. Размещение текста вручную. Автоматическое размещение текста. Команды меню Type (Текст). Выбор гарнитуры, размера, начертания шрифта. Настройка междустрочного интервала. Контекстное меню при выделенном тексте. Форматирование текста. Палитры параметров символов и абзацев. Текст и графика. Преобразование текста в графику. Расположение текста по траектории. Использование табуляций, размещение текста в колонках.

Работа со стилями текста. Стили абзацев. Стили символов. Контекстные меню палитр стилей. Применение стиля. Загрузка стилей из другого документа. Диалоговые окна параметров текста. Изменение выключки абзаца. Настройка кернинга и трекинга. Добавление линейки над или под абзацем. Применение компоновщиков абзацев и одиночной строки. Создание буквицы. Настройка автоматических переносов и маркированных списков. Вставка символов. Цифровая кодировка символов.

Палитра Swathes (Образцы). Добавление цветов в палитру. Применение цветов к объектам. Создание и применение образца градиента. Настройка направления градиентного перехода. Создание образца градиента с несколькими цветами. Применение градиента к объекту. Создание оттенка. Создание плашечного цвета. Применение к тексту цвета. Диалоговые окна системы управления цветом.

Импортирование и связывание изображений. Палитра Links (Связи). Идентификация импортированных изображений. Просмотр информации об импортированных файлах. Обновление измененных изображений, динамическое обновление иллюстраций. Помещение файла программы Photoshop и настройка качества отображения. Удаление фона белого цвета в программе InDesign. Импортирование файла программы Photoshop и альфа- каналов. Использование альфа-каналов программы Photoshop в программе InDesign. Обтравочные контуры и обтекание текстом. Команды меню View (Просмотр). Команды меню Window (Окно).

Команды меню Table (Таблица). Палитра таблица, управляющая панель в режиме таблица. Параметры таблицы. Параметры ячейки. Импортирование и форматирование таблицы. Форматирование границ и чередование цветов строк. Добавление границ ячеек. Форматирование ячеек шапки таблицы. Установка фиксированного размера строк и столбцов. Помещение изображений в ячейки таблицы. Изменение размера столбца посредством перетаскивания. Работа с таблицами внутри существующих текстовых фреймов.

Команда Preflight (Предпечатная проверка). Диалоговое окно Print (Печать). Управление параметрами печати. Варианты печати в файл, в масштабе, с разбиением. Цветоделенный оригинал-макет. Треппинг. Overprint (Надпечатка). Просмотр цветоделений. Просмотр объединенной прозрачности. Печать пробного оттиска. Печать в файл. Экспорт в PDF. Выбор качества файла. Спуск полос (буклет). Команда Package (Запаковать).

Страницы. Команды меню Layout (Макет). Палитра Page (Страницы). Расположение и нумерация страниц. Генерация оглавления. Обновление оглавления. Создание ссылок предметного указателя. Генерация предметного указателя. Оглавление и указатель в электронном документе. Создание скользящих колонтитулов. Создание и размещение сносок. Команды меню Notes (Примечания).

Необходимость и понятие композиции в дизайне. История композиции в дизайне. Принципы золотого сечения. Актуальная композиция 21 века. Основные элементы композиции. Равновесие в статической композиции. Динамическая композиция.

Практика: Создание равновесной статической геометрической композиции по заданному количеству и типу геометрических плоских фигур (2-3 шт.). Создание динамической геометрической композиции по заданному количеству и типу геометрических плоских фигур (2-3 шт.). Выполнение серии практических упражнений «история про треугольник», в задании рассматривается статическое, скользящее, крутящее и летящее положение треугольника.

Примеры использования знаний о ритме в композиции. Орнамент, как основа текстильного дизайна и дизайна принта. Ритм в верстке и рекламе. Стилизация органического элемента.

Практика: Создать ритмическую черно-белую геометрическую композицию. Стилизация. Создание черно-белого орнамента на основе стилизованного органического элемента.

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

Практика: Создание чб коллажа из фотографий. Необходимо создать 4 текстурных коллажа, посвященных различным стихиям (вода, земля, воздух, огонь). В процессе необходимо подобрать изображения органического и неорганического мира. В работе тренируется умение подобрать масштаб, тон и контрастность элементов.

Золотые пропорции в истории. Золотое сечение сегодня. Понятие модуля, модульная сетка.

Практика: Разобрать по модульной системе любое классическое произведение искусства. Разбор по модульной системе простого интерфейса (лендинга) на основе модульной сетки.

Цветовой круг, теория цвета. Контраст, нюанс, дополнительные цвета. Сервисы подбора цветовых сочетаний. Цветовые модели RGB, CMYK, Lab

Практика: 1. Создание простых композиций на тему нюанса (2 шт.) контраста (2 шт.).
2. Перевести изображение из RGB в CMYK. Перевод цветового режима при множестве активных слоев.

Психологическое восприятие цвета. Цвет, как средство эмоционального выражения.

Практика: Создание абстрактной цветовой композиции на тему известного произведения искусства. (2 шт) или на литературную тему (2 шт).
Дополнительно. Сделать цветовую инфоргафику по заданной теме (например, кофейня/ детская комната/ частное поликлиническое отделение) для СПб, для другого города. Несколько вариантов реализации. (2-3 шт)

Виды орнаментов, известные орнаменты, правило треугольника, бесшовные текстуры. Архитектоника формы. Стилизация формы.

Практика: Стилизация(3-5 объектов) мира флоры/фауны. Создание цветового орнамента на их основе.

Дадаизм, Дюшан и Реди-Мэйд, поп-арт, перфоманс и инсталяция. Упражнение на развитие креативности, внимательности к деталям, чувство композиции и цвета.

Практика: Анализ характерных черт различных картин, интерфейсов. На основе картины Матисса «Танец» создать свой «танцующий сюжет». Отрисовать в кривых.

Техники плаката, история плаката. Шрифтовой плакат. Фотография в плакате. Возможные подходы к созданию.

Практика: Создание серии плакатов (3-4 шт.) для наружной рекламы (метро, улица). В процессе возможно использование фотоматериалов и шрифтов.

Варианты печати оригинал-макета. Что такое PDF-файл. Варианты создания PDF файла для допечатной подготовки. Интерфейс Acrobat Distiller. Рабочие параметры дистилляции Adobe PDF Settings (Настройки дистилляции). Окна Font Location (Расположение шрифтов), Watched Folders (Папки сквозной обработки), Security (Защита), Preferences (Установки).

Интерфейс программы Adobe Acrobat. Окно Save As (Сохранить как) Окно Print (Печать). Экспорт всех изображений. Внедренные шрифты. Подрезка документа. Использование возможностей инструментов TouchUp (Отделка/Редактирование). Проверки: плашечные цвета Spot, суммарный процент красок. Проверка Overprint (Надпечатывание). Допечатный контроль Preflight: модель RGB, низкое разрешение, невнедренные шрифты и многое другое. Предупреждения и рекомендация при проверке. Пример профиля, созданного для проверки полос цветной газеты.

Без чего не следует начинать работу. Традиционная классификация этапов создания полиграфической продукции. Фактически выполняемые работы. DeskTop Publishing — Настольная издательская система. Аппаратная составляющая DeskTop Publishing. Программная составляющая DeskTop Publishing. Человеческая (пользовательская) составляющая DeskTop Publishing.

Подготовка текста. Набор электронного документа. Корректурные исправления. Подготовка иллюстраций. Подготовка векторной графики. Подготовка пиксельной графики.

Аналоговый и импульсный сигналы. Оцифровка оригинала изображения. Дискретизация штрихового изображения. Квантование штрихового изображения. Таблица квантования для штрихового изображения. Кодирование штрихового изображения. Визуализация цифрового изображения. Разрешение пиксельной графики. Элемент дискретизации изображений — пиксел. Единица разрешения — ppi. Дискретизация минимального элемента штрихового изображения. Разрешение изображения. Разрешение экрана в пикселах. Разрешение принтера. Глубина цвета пиксельной графики. Таблица квантования тонового изображения. Глубина цвета. Черно-белые штриховые изображения. Изображения в градациях серого. Сглаживание. Полноцветные изображения. Дуплексные изображения. Изображения с индексированными цветами. Объем файла пиксельной графики. Алгоритмы сжатия графической информации. Трансформирование пиксельной графики. Разрешение и линиатура. Цветная печать четырьмя красками. Стохастическое растрирование.

Математические основы векторной графики. Кривая Безье (элементарная). Построение кривых Безье. Преобразование квадратичных кривых Безье в кубические. Язык POSTSCRIPT. Форматы файлов cdr, ai, fh, wmf, eps. Достоинства и недостатки векторной и пиксельной (растровой) графики.

Текстовые и шрифтовые термины. Использование шрифтов. Цифровое кодирование символов. Форматы представления компьютерных шрифтов. TrueType. Adobe Type 1. Adobe Multiple Master. OpenType. Другие типы шрифтов Adobe.

Цветовые модели. Предварительное цветоделение. Параметры конвертации в CMYK. Характеристики красок. Характеристики растискивания. Тип цветоделения. Управление цветом с помощью Color Managment System (CMS). Цветопроба. Освещение. Типичные ошибки, допускаемые в изготовлении оригинал-макета и подготовки файлов к печати.

Полиграфическая печать. Способы печати с использованием форм. Глубокая печать. Высокая печать. Флексографская печать. Плоская печать. Трафаретная печать. Средства оперативной полиграфии. Способы отделки. Лакирование. Ламинирование пленкой. Тиснение. Печатные машины. Требования к графике и тексту. Офсетная печать. Флексография. Глубокая печать. Трафаретная печать. Типографская (высокая) печать. Цифровая печать. Качество печати. Критерии выбора печатных систем. Контроль качества.

Сорта бумаги. Стандартные форматы бумаги. Разновидности бумаги для печати. Газетная бумага. Офисная бумага. Бумага для полиграфической печати. Печатные краски. Структура и составные части красок. Офсетные печатные краски. Печатные краски для глубокой печати. Печатные краски для флексографской печати. Печатные краски для типографской печати. Печатные краски для трафаретной печати. Печатные краски для тампонной печати. Красящие вещества для электрофотографии. Красящие вещества струйной печати. Лаки. Масляные печатные лаки. Дисперсионные лаки. Лаки на растворителях. УФ-лаки.

Разрезание. Высекание, вырубка. Фальцовка, биговка. Листоподборка. Брошюровка, скрепление. Изготовление переплетных крышек. Сборка книги.

Первые знаковые системы. Инструменты письма. Классификация шрифтов. Самые популярные шрифты и их история.

Практика: Создание буквенной композиции (2 шт.), композиция должна отражать характер выбранного шрифта.

Правильные и неправильные шрифты. Подробное рассмотрение особенностей кириллицы. Особенности строения и пропорций букв, символов. Наиболее общие отличия кириллицы и латиницы. Другие современные письменности.

Практика: Разработка и создание собственного рукописного «уличного» шрифта.

Особенности модулирования в типографике. Шведский плакат, сетки эпохи конструктивизма.

Практика: Разработка и создание собственного модульного шрифта. Создание плаката с его использованием.

Обзор художественных приемов оформления текста. Из чего состоят книги, многополосные издания, газеты? Применяемые виды верстки.

Практика: Нарисовать буквицу на основе существующего шрифта. Создать разворот многополосного издания с использованием буквицы.

Кернинг. Интерлиньяж. Трекинг.

Практика: Исправить ошибки в существующем файле ID, содержащем в себе 2-3 разворота многополосного издания. Переверстать.

Принципы визуальной гармонии.

Практика: Разработка разворота на основе графического стиля (2 шт, на выбор 2 противоположных, гранж и викторинская эпоха, например).

Ручная графика в эпоху цифровых возможностей. Изучение кистей, наклонов, принципов создания и разновидностей рукописных шрифтов.

Практика: Разработка плаката на основе кириллической вязи.

Плакат, как средство коммуникации со зрителем, инфографика. Основная функция дизайна.

Практика: Создание социального плаката.

Понятие HTML. Основы работы глобальной сети Интернет. Понятие веб-сервера. Статичные и динамичные сайты. Основные типы сайтов. Обзор современных стек технологий HTML и CSS. Базовая структура HTML. Варианты разметки страницы. Основные блоки HTML-страницы.Создание гиперссылок и работа с ними. Основы работы с гиперссылками. Взаимосвязь между страницами статичного веб-сайта.

Размещение изображений на веб-странице. Упорядоченные и неупорядоченные списки. Основы работы с таблицами. Отрывки прошлого: старые сайты верстали в таблицах.

Размещение на своих страницах звуковых и видео-файлов.Внедрение внешних HTML-страниц. Взаимодействие ссылок с iframe-элементами.Текстовые поля, радио-кнопки, флажки/чекбоксы, элемент выбора select и их атрибуты. Создание формы обратной связи.

Основы работы с CSS. Подключение файла стилей. Базовые понятия: селектор, свойство, каскад, наследование, единицы измерения. Применение CSS-свойств к оформлению изображений.

Верстка страницы по макету. Построение структуры страницы. Высота и ширина колонок. Свойства float, display.

@media, медийные запросы (@mediaqueries) для страниц, mediafeature.

@font-face, GoogleFonts, Единицы измерения для работы со шрифтами и html-элементами.

Выбор хостинга. Основы работы с FTP-клиентами. Использование тега meta.

Проверка валидности верстки. Языки серверного программирования и генерация динамических HTML-страниц. Возможности JavaScript по работе с HTML-страницами и CSS-свойствами.

История экранных интерфейсов. Общие понятия интерфейса и его элементы. Интерфейсы сегодня, тенденции и тренды. Проектировщик интерфейсов, кто он? Поиск референсов, графические стоки.

Практика: Создание простого лэндинга по примеру. Повторить стиль одной страницы, изменив название и основное изображение.

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

Практика: Создание сета элементов в различных стилях (для 2-х сайтов, игрового и продающего). Отрисовать по 2 иконки и по 2 кнопке для каждого из сайтов.

Экранная верстка. Модульные сетки и их применение. Модульные сетки и их адаптивность. С чего начинать макет интерфейса?

Практика: Создание макетов простой страницы на основе модульной сетки в Photoshop и в Figma.

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

Практика: Создание лендинга сайта и его мобильной версии.

Текст, как составляющая удобства использования или usability. Экранная типографика, ее особенности. Текст в web, его значимость для пользователя и для систем. Порядок элементов, логика взаимодействия.

Практика: Доработайте контент своего сайта. Проверьте, чтобы тексты и короткие тексты, заголовки, были оформлены верно. Соблюдая общий стиль отрисуйте экраны взаимодействия, состояния кнопок и элементов, чтобы все было готово к анимации.

Figma и порядок организации проекта.

Практика: навести порядок в структуре документа, объединить элементы по группам, создать страницы с фрэймами и дашбордами, в которые вы соберете все основные компоненты, на которые вы опираетесь в работе. Назвать все четко и понятно.

Практика: создать анимированный контент, записать его с экрана в формат gif и прислать ссылку на папку с gif-анимацией внутри. Постарайтесь максимально анимировать все возможные кнопки, слайдеры, выезжающие и раскрывающиеся экраны.

Практика: Полная отладка макета, создание десктопной и мобильной версий сайта. Запись анимации и презентация макета.

Проект включает в себя качественные и/или количественные методы исследования, создание карты пользователя (персона), пользовательские истории, сценарии пользовательского опыта, проектирование, юзабилити-тестирование, отчет по оценке пользовательского опыта, предложения по улучшению.

Сивинский Станислав Андреевич

Веб-разработчик Senior, преподаватель

Пономаренко Сергей Иванович

Дизайнер, член союза дизайнеров, преподаватель

Флеров Александр Викторович

Дизайнер-верстальщик, старший преподаватель

Государев Илья Борисович

Веб-разработчик Senior, преподаватель, к.п.н., доцент

Карлов Петр Геннадьевич

РАБОТЫ ВЫПУСКНИКОВ 2021 ГОДА

Новые отзывы и работы выпускников в нашей группе ВКонтакте