Тема выпускной квалификационной работы 2
Основание для выполнения работы 3
Введение 3
Актуальность выбранной темы 3
Цель работы 4
Задачи 4
Практическая значимость разработки 4
Состав проекта 4
Анализ аналогов 4
Концепция проекта 12
Эскизное проектирование 20
Компьютерная разработка проекта 20
Список литературы 34
На сегодняшний день все большую популярность обретает анимационный дизайн (Motiongraphics). Веб дизайн, мобильные приложения, видео ролики дополнены анимированными элементами. С помощью анимации можно легко акцентировать внимание зрителя, установить последовательность действий, заинтересовать включенностью в процесс, используя интерактивные элементы.
Разработанное электронное портфолио позволяет представить работы, выполненные студентами образовательной программе «Графический дизайн» в занимательной, интерактивной форме.
Актуальность выбранной темы
За почти двадцатилетнюю историю на кафедре дизайна СПбГУ было разработано множество проектов, многие из которых были представлены на выставках, опубликованы в печатных изданиях и сформировали представления о кафедре как о школе мирового уровня. Тем не менее, из-за недостаточно активного присутствия кафедры дизайна в Интернет пространстве, круг целевой аудитории охвачен лишь частично. В связи с перспективами развития международных связей, а также необходимостью привлечения внимания абитуриентов из других регионов страны, разработка электронного портфолио является актуальной задачей.
Цель работы
Цель проекта – разработать электронный ресурс, представляющий основные результаты и достижения кафедры, лучшие дипломные и курсовые проекты в форме интерактивного каталога, который может быть размещен в сети для привлечения новых студентов, работодателей и потенциальных партнеров кафедры.
Задачи
1. Произвести отбор материалов для каталога (изображения/ анимационные ролики/ текстовая информация/ видео/ фотографии)
2. Структурировать полученные материалы
3. Разработать концепцию представления работ в формате электронного портфолио
4. Разработать продукт “Электронное портфолио избранных курсовых и дипломных работобразовательной программы «Графический дизайн» СПбГУ”
Практическая значимость разработки
Практическая значимость проекта заключается в его возможности использования кафедрой дизайна для расширения своего интернет-присутствия, распространения портфолио в сети, а также, при необходимости и по запросу, отправки материалов о кафедре партнерам, абитуриентам и всем заинтересованным лицам.
Состав проекта
Анимированный интерактивный каталог работ
Анализ аналогов
В связи с тем, что задача проекта заключается в представлении курсовых и дипломных проектов кафедры дизайна посредством анимационного дизайна, рассматриваемые аналоги можно разделить на две категории:
1. моушн-дизайн (motiondesign), анимационная графика, кинетическая типографика;
2. стратегии продвижения и представления школ дизайна в сети Интернет.
Головач Влад В. Дизайн пользовательского интерфейса v 1.2
Гримов О.А. Корявко Г.Е. Социальные сети в системе информационно-коммуникативных технологий. Ученые записки РГСУ. 2012. - №2 (102)
Лола Г.Н. Дизайн-код: культура креативы / Г.Н.Лола. – СПб.: ЭЛМОР, 2011.
Раскин Джеф. Интерфейс: новые направления в проектировании компьютерных систем. Символ-Плюс. 2005.
Сетки. Креативные решения для графических дизайнеров / Люсьен Робертс. – Рип-холдинг, 2009.
Интернет источники:
1. Motionographer http://motionographer.com
2. Rietveld Design Academiehttps://rietveldacademie.nl/
3. Werkplaats Typografiehttp://www.werkplaatstypografie.org
4. Shuka design. British higher schoolof art and designpromo postershttps://shuka.design/british-art-school-posters
5. British higher schoolof art and designhttp://britishdesign.ru/
6. Royal College of Art https://www.rca.ac.uk/
7. Дизайнер Анна Кулачёкhttp://kulachek.com
8. HSE Design (Школа дизайна НИУ ВШЭ) http://design.hse.ru/
9. L’École de design https://www.lecolededesign.com/
10. Alexsander Barhonhttps://dribbble.com/alexsanderbarhon
11. “4 Tips for Using Animation in Design” Gabrielle Goshahttps://www.sitepoint.com/4-tips-for-using-animation-in-design/
12. “Анимация vs Мультипликация: в чём разница” https://videoinfographica.com/animaciya-vs-multiplikaciya-v-chyom-raznic/
13. “Букварь моу-шен-ди-зай-не-ра” http://www.copycase.pro/txt