+7 (812) 703-02-02 info@hse.spbstu.ru
16.08.2022 19:00 День открытых дверей программ профессиональной переподготовки
Онлайн-формат. Для участия нужна регистрация...

Прототипирование и веб-графика

Длительность дисциплины: 24 ак.ч.


Аннотация

Сегодня практически каждый пользователь Internet имеет свою собственную личную страницу в сети, не говоря уже о коммерческих фирмах. Разработка Internet-представительств стала одной из самых стремительно развивающихся и достаточно дорогих услуг. Заказчики заинтересованы в создании красочных, стильных, привлекательных страниц и веб-элементов. Веб-дизайн сегодня – это сложившаяся система принципов и приемов оформления, которая не только обеспечивает профессиональный результат, но и позволяет конструктивно подойти к процессу создания веб-ресурса.

Что делает профессиональный веб-дизайн таковым? Чем отличается работа специалиста от работы начинающего? Какие приемы оформления позволяют придать строгий, корпоративный вид одним страницам, и свободный, экспрессивный другим? Ответить на все эти вопросы призван данный курс.


Знания и умения, полученные в результате изучения

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

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

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


Содержание дисциплины

Темы лекций

Тема 1. Графика для веб

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

Тема 2. От схемы страницы к графическому макету сайта

  • Классификация сайтов с точки зрения графического макета
  • Типовые схемы компоновки страниц сайта в зависимости от типа представляемой информации
  • Рекомендации и требования по созданию макета сайта

Практические занятия

Графика для веб

  • Инструменты по оптимизации графики
  • Форматы файлов и настройка параметров оптимизации
  • Пиксельная графика

Создание макета сайта

  • Использование модульной сетки
  • Использование слоёв и слоевых эффектов при создании макета сайта
  • Работа с текстом. Настройка сглаживания