Программно-техническая реализация проекта
ФГОУ ВПО «Санкт-Петербургский государственный институт культуры»
Факультет информационных технологий
Кафедра компьютерного дизайна
Учебное задание для студентов III курса дневного отделения.
Направление Дизайн, профиль графический дизайн
(6 семестр)
Форма контроля: дифференцированный зачет, курсовой проект
Срок исполнения: I этап: __.02.20__- __.06.20__ гг.
1. Учебная дисциплина "Технологии дизайн-проектирования".
Создание работоспособного лендингового web -сайта на тему: «Промо сайт посвященный механическому объекту».
Работа выполняется на основе графической, текстовой, видео- и аудиоинформации. Web-сайт должен быть реализован на основе языка HTML или имитация работы в Adobe Flash.
Web-сайт должен характеризовать выбранный автором объект из серии:
· кофеварка, миксер, блендер и т.д.
· часы, наушники и т.д.
· мотоцикл, квадроцикл и т.д.
· лифт, шлюз
· космический корабль, спутник, луноход
· другие механические объекты.
В части проектирования полиграфической продукции обязательным является разработка не менее 5 элементов, на выбор:
1. Фирменный знак, логотип
2. Плакаты (1-3 шт. Формат А2., А3.).
3. Сопроводительный буклет (рекламный, имиджевый, информационный).
4. Листовки (2 шт.).
В зависимости от тематики могут быть спроектированы:
5. Рекламные объявления.
6. Флаеры.
7. Сувенирная продукция.
1.2. Цель разработки:
Студенту необходимо создать лендинговый web-сайт. Основой создаваемого макета являются материалы, собранные самостоятельно автором проекта.
|
|
Целевое назначение web-сайта - информирование пользователей о выбранном объекте с акцентом на его конструктивные и технические особенности, а также возможность интерактивного взаимодействия, как с объектом проектирования, так и между различными пользователями.
Целью проектирования полиграфической продукции является привлечение потенциальных клиентов.
1.3. Композиционные требования:
В состав web-сайта должны войти обязательные элементы:
Экран №1 – Титульный лист с меню и навигационной областью;
Экран №2 и последующие экраны – результаты перехода (прокрутки) с экрана №1. Количество переходов по ссылкам ограничивается объёмом документа.
Обязательным является использование различных графических средств и приемов формирования визуального ряда: списков, карт, чертежей, таблиц и т.п.
Основным композиционным требованием этого этапа проектирования является создание целостного, интерактивного web-сайта.
Стилистическое решение, выбираемые приемы и средства композиционной организации должны соответствовать выбранной теме и ее содержанию проекта.
|
|
В части проектирования полиграфической продукции обязательным является разработка не менее 5 элементов, на выбор:
1. Фирменный знак, логотип
2. Плакаты (1-3 шт. Формат А2., А3.).
3. Сопроводительный буклет (рекламный, имиджевый, информационный).
4. Листовки (2 шт.).
В зависимости от тематики могут быть спроектированы:
5. Рекламные объявления.
6. Флаеры.
7. Сувенирная продукция.
Композиционные задачи
В результате выполнения работы, студент должен:
· научиться анализировать и структурировать, классифицировать материал для создания web-сайта;
· научиться грамотному подходу и правильной последовательности при эскизировании и проектировании web-сайтов и полиграфической продукции;
· научиться гармонично использовать в web-сайте и полиграфической продукции текст, 2D и 3D графику, анимацию, видео, музыку, деловую графику (схемы, чертежи, таблицы, диаграммы и т.д.), и т.п..;
· научиться использованию всех основных мультимедийных преимуществ (интерактивность, возможность индивидуальной настройки, различная глубина и широта знаний, необходимых пользователю, различные программные, функциональные возможности, образность и наглядность, возможность обновления, обратной связи и т.д.) в сетевых (web-сайт) мультимедийных изданиях;
|
|
· научиться использовать зонирование экрана с целью создания фирменного единства рабочего пространства проекта для обострения идентификационных достоинств выбранной композиционной идеи;
· научиться работать со шрифтовыми композициями, гармонично сочетать текстовые и графические блоки,
· овладеть приемами демонстрации принципов работы выбранного механизма и его частей (двигатель, система подвески, различные конструктивные элементы и т.д.);
· усвоить принципы эргономики (удобства пользования, юзабилити) в сетевых (web-сайт) мультимедийных изданиях.
Программно-техническая реализация проекта
Студенту необходимо:
1.5.1. Разработать и сформировать пользовательский интерфейс web-сайта из графических и навигационных элементов.
1.5.2. Программно реализовать структуру web-сайта.
1.5.3. Освоить разработку и реализацию элементов навигации web-сайта (кнопки, меню, гиперссылки).
1.5.4. Освоить приемы работы с различными медиа элементами (текст, графика, Flash-анимация, звук, видео, 3D-графика и анимация).
1.5.5. Программно реализовать и распечатать полиграфические носители.
Этапы разработки
2.1.1. Календарный план:
|
|
1-я аттестация. Студенту необходимо представить:
1. Тему курсового проекта. Аналоги по данной теме.
2. Структуру лендингового web-сайта (с демонстрацией внутренних подразделов). Рассказать о возможности интерактивного взаимодействия с пользователем внутри основных разделов, пояснить какие из разделов web-сайта будут обновляться, а также о функциях, которые будут доступны пользователю.
3. Собранный и структурированный материал (текстовый и графический) должен быть разделен на папки, соответствующие количеству разделов.
4. Три клаузуры (по теме курсовой работы). Количество вариантов клаузур неограниченно.
5. Варианты модульных сеток (не менее 2-3-х вариантов)
Клаузура 1
Модульные сетки.
Цель: придумать различные модульные сетки позволяющие мобильно компоновать различный по формату и содержанию материал (навигацию, текст, графику, видео, деловую графику и т.д.). При этом необходимо учесть требования и правила юзабилити (удобства пользования), предъявляемые к лендинговым web-сайтам.
Задача: создать несколько вариантов (не менее трех) удобной, мобильной модульной сетки отражающей образ и специфику транспорта, механизма, которому посвящен проектируемый web-сайт.
Клаузура 2
Дата добавления: 2019-03-09; просмотров: 262; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!