课程概述

 课程内容包括互动媒体设计的理论知识和实践设计方法,既有视觉设计常规教学的视觉研究和设计方法,也有数字媒体艺术的交互设计原理、用户体验要素、设计开发等内容。

       为了提升学生的艺术设计实践能力,除了理论讲解和案例分析,课程介绍了以兼具实验性和应用性的课题设计,并通过学生创作设计成果展示,呈现互动媒体设计创作的各种可能性。在线学习的学生跟随各类课题的设计实践,学习互动媒体的设计方法与流程,由浅入深地掌握不同类型项目的实践设计方法。

       本课程后续拓展的深化学习,包括不限于以下几方面:数字媒体在空间环境的应用;数字媒体在文化遗产保护的创新实践;科学信息可视化的互动媒体创意及应用;数字媒体开发与应用;数字媒体娱乐创意设计等等。


证书要求

本课程共需完成三项作业和作品考试,作业时长分别为1周,作品时长为3周时间。


1.三项作业(占本课程成绩50%):


作业1:例举交互方式的类别。(即第一单元作业,占成绩10%)


在交互方式的发展中,NUI的具体含义是什么?并选择一款使用NUI的交互产品,具体分析其面向什么样的人群、在什么样的环境中会去使用、以及解决了用户什么样的问题? ( 300字)  


作业2:同类型、同主题数字产品评估分析。(即第二单元作业,占成绩30%)


针对同类型的三件交互设计产品,从市场研究和用户研究的角度出发, 分析三者的差异性,和各自的优缺点。具体分析点包括目标用户、使 用情境、项目内容、视觉风格等方面。 


作业3:以用户为中心的优秀作品赏析(占成绩10%)


结合用户体验要素的五个层面、两个类型、十个要素,选择一款交互媒体产品,从各个方面进行赏析,指出优秀之处与不足之处。(字数不限,形式不限)


2.作品(占本课程成绩50%):


针对联合国发布的“可持续发展目标”主题,设计一款寓教于乐的互动媒体作品,至少3个层级,8个以上静态页面,可在电脑上浏览交互成果。


预备知识

《交互式多媒体设计》以“促进教育的大众化”为目标,因此并无前修课程的强制性要求,为了避免为讲课的通畅留下隐患,在线课程增加了“互动媒体设计”关联知识的普及性讲授。


授课大纲

第一章  互动媒体设计概况

1.1课程简介与基本概念

1.2互动媒体类型与格式:单一终端

1.3互动媒体类型与格式:多终端与超越屏幕

1.4互动媒体交互形式发展

作业一

第二章 交互设计研究

1.1市场调研

1.2用户研究

1.3视觉设计研究

1.4案例要求:《同类型互动媒体作品评估》

1.5案例陈述:《同类型互动媒体作品评估》设计陈述

1.6案例评估:同类型互动媒体作品评估

作业二

第三章 以用户为中心的设计

3.1认识用户体验要素

3.2用户体验要素——战略层、范围层与结构层

3.3户体验要素——框架层与表现层

3.4移动交互基础概念

作业三

第四章 互动媒体设计开发

4.1设计开发——概念思考、信息组织

4.2设计开发——站点地图、任务流程、导航系统

4.3设计开发——原型、线框、故事板、样片、反馈与测试

4.4作品选题一要求

4.5选题一设计形式参考

4.6选题一设计作品示例

第五章 视觉元素设计

5.1视觉元素设计——色彩

5.2视觉元素设计——图形

5.3视觉元素设计——编排与网格

5.4综合设计——以专业微任务为导向的设计1

5.5综合设计——以专业微任务为导向的设计2

5.6作品选题二要求

5.7选题二设计形式参考

第六章 信息设计

6.1信息图形设计的定义

6.2信息图形设计的发展

6.3信息图形设计的分类

6.4信息图形设计的设计方法

第七章 户外交互媒体设计

7.1户外交互媒体概述

7.2户外交互媒体的不同功能与分类

7.3户外交互媒体的交互方式

7.4户外交互的媒介手段


参考资料

1、[中]童芳. 互动媒体设计[J].江苏凤凰美术出版社,2019.5.

2、[英]Jamie Steane. The Principles and Processes of Interactive Design[M].2014.
3、 [英]Gavin Allanwood Peter Beare. Basics Interactive Design[M].2014.
4、 [英]Dave Wood,孔祥富译.
国际经典交互设计教程:界面设计[M].电子工业出版社,2015.
5、 [德]Smashing Magazine.众妙之门——移动Web设计精髓[M].人民邮电出版社,2013.
6、 [美]Jesse James Garrett.用户体验要素:以用户为中心的产品设计[M].机械工业出版社,2011.
7、 [美]Donald Arthur Norman.情感化设计[M].中信出版社,2015.
8、 [英]贝尼昂著,史元春译.交互式系统设计[M].清华大学出版社,2014第二版
9、 [英]尼尔·伦纳德,加文·安布罗斯编著.设计师生存手册:设计调研[M].中国青年出版社, 2013.
10、 [美]Jakob Nielsen. Useability Engineering[M].NewYork:Academic Press,1993.
11、[英]安布罗斯,哈里斯编著,刘静译.网格设计[M].中国青年出版社,2008.

12、[美] 迈克尔·拉什. 新媒体艺术 [M].上海人民美术出版社,2015.
13、[美] 布鲁斯·汪兹. Art of Digital Age[M].Thames&Hudson出版社,2007.
14、[中]曹倩著.
实验互动装置艺术[M].中国建筑工业出版社,2011.
15、[中]马晓翔著. 新媒体装置艺术[M].南京大学出版社,2013.
16、[英]
罗伊·阿斯科特. 未来就是现在——艺术,技术和意识[M].金城出版社,2012.
17、[中]童芳编著. 新媒体艺术[M].东南大学出版社,2006.
18、[中]钱竹主编. 新艺术哲学——关于波伊斯:当代艺术遗产的清理[M].现代艺术杂志社,2002.
19、[中]郑霞著. 数字博物馆研究[M].浙江大学出版社, 2016.
20、[日]木村博之著,吴晓芬、顾毅翻译,图解力[M].人民邮电出版社,2013.
21、[中]孙皓琼著,图形对话——什么是信息设计[M].清华大学出版社,2011.
22、[英]卡罗琳•奈特、杰西卡•格拉泽著,郭鸿杰、李丽、章文婷译,新图表设计[M].上海人民美术出版社,2011.
23、[美]简•维索基•欧格雷迪、肯•维索基•欧格雷迪著,郭瑽翻译,信息设计[M].译林出版社,  2009.
24、[德]DATA FLOW[M].GESTALTEN出版社,2008.
25、[德]DATA FLOW 2[M].GESTALTEN出版社,2010.
26、[德]Information Graphics[M].TASCHEN出版社,2012.
27、[英] David McCandless,Information is Beautiful[M].Collins出版社,2009.
28、 [中]王凯编,吴宝强译,媒体可视化设计[M].广西师范大学出版社,2010.
29、 [中]肖勇、张尤亮、图雅 编著,信息设计[M].湖北美术出版社,2010.
30、[中]肖勇、张尤亮 编著,信息图形设计[M].黑龙江美术出版社,2011.
31、[日]樱田润著,施梦洁译,信息图表设计入门[M].上海美术出版社,2015.


常见问题

未来的专业发展有哪些?

数字媒体在空间环境的应用;数字媒体在文化遗产保护的创新实践;科学信息可视化的互动媒体创意及应用;数字媒体开发与应用;数字媒体娱乐创意设计等等。