论文部分内容阅读
1.引言
多媒体艺术中交互设计以独特的形式存在着,它不仅带给人们新的视觉体验,也让人们在艺术作品的欣赏中有了身体上的互动。交互设计能给多媒体作品注入了新鲜和活力。同时,交互设计在不断发展的现当代中发挥着越来越重要的作用,也是引领时尚和潮流的手段,越来越多的艺术作品创作时会把交互设计考虑在内,交互设计的运用也越来越普遍。
本文以个人多媒体作品《城色》为例,论述出交互设计在作品中的运用和创新。《城色》作品是以人们对城市的面貌印象记忆为主线,同时以新的视觉角度入手,把城市中的各种颜色映像进行分类,最后以多媒体的形式展现和介绍城市——北京,让读者以一种不同的视角去了解北京,观赏北京的变化。作品运用flash技术让作品变得更丰富,充满了不同的趣味性,这也能提高读者的兴趣和记忆,这就是交互设计的意义所在。
2 设计内容的确立
2.1艺术作品中交互设计的不足
交互设计在市场上已经大量的开始使用,从最熟悉的手机到博物馆的人机互动,交互设计已经涉及到很多领域,对于艺术作品的多媒体设计依旧存在着不同的问题。
第一,大部分艺术多媒体作品交互设计形式单一,版式固定,观看操作不方面,不能够很好的把作品内容展现给大众。
第二,部分市面上的艺术多媒体作品不够现代,不能让人对多媒体产生兴趣。
第三,高科技交互手段很少在艺术作品中实施,存在的部分高技术多媒体艺术作品大众几乎难以接触和体验。
2.2.作品《城色》的立意
《城色》是笔者交互设计的主题,作品主要论述的是关于北京城的一些风土民情和建筑设计,运用“城色”这一题目,主要考虑从建筑物或者某项具有代表事物的颜色感觉出发,展示出北京的变化和发展。体现出年轻一代对北京的映像,提倡绿色生活的方法与作为,其次也运用交互设计让阅读者更加进一步的体验到北京的人文、建筑、风俗。
作品尝试以手机界面和电脑界面结合的设计,研究多媒体交互设计的创新与运用。通过多媒体界面和交互设计相结合,将平面和立体互动有机地结合在一起,力图在视觉传达的形式手法和互动技巧有所突破,特别加以手机界面参与,与其它同类的多媒体作品形成鲜明的对比,这也是整个设计的突破与特色。作品以其适用性、趣味性、观赏性、互动性多个元素相结合,给人介绍了北京,介绍了多媒体交互设计。
整个多媒体作品涵盖了平面元素,视频元素,动画元素,声音元素等等设计元素,能深刻地揭示出什么是多媒体,多媒体是用来做什么的,设计师可以根据多媒体交互的特性,引领读者去阅读欣赏作品,最终达到设计的目的。
作品取名为:“城色”。“城色”顾名思义就是城市的颜色,把一些具有代表性颜色的景物拿出来做了介绍,这样的好处是用一个特别的角度去阐述一个景观,给人以新的想法。
3 设计方案的实施
3.1多媒体作品中交互设计的认识
设计到底是什么,很多人都对他做出了相应的解释,我理解为Design for U、Design for US、Design for USE,设计的最终目的就是为了使用、方便使用,交互设计同样如此,设计师在设计交互的时候要考虑到阅读者能否使用交互去顺利的完成多媒体作品阅读,能否有一个良好的、协调的交互关系,这种交互关系的重要性在最终作品设计中的表现尤为突出。
过去传统的设计,由于受到当时的设计理念和科学技术的限制,在艺术作品阅读中多采用的是纸质和视频阅读,对于想了解更多相关作品知识的人们来说,需要寻找更多的书籍和相关的视频才能实现作品的完整阅读,但是用多媒体交互设计去介绍一个相关的艺术作品可以很容易地把其含有的文化和相应的知识都能整体的表现出来,在作品完整度上我们可以对他进行不断的更新和完善,讓其顺应时代的发展和知识的扩充。
3.2交互设计的概念与内容
交互设计可以说也是一门综合性的学科,它囊括的内容比较全面,广义上它是人机交互,这里的机包括所有的数字媒体技术的应用,狭义上我们做的交互设计就是对多媒体作品进行演绎和展示的交互过程,在做多媒体艺术作品交互设计时需要对平面设计,动画设计、数字媒体设计都有一定的了解和掌握,所以说交互设计它既需要比较全面的设计知识,也需要把相关的知识点联系起来,把它们综合运用到一个作品中去。
交互设计在不同领域里表现出的内容也不尽相同。在多媒体的交互设计中,首先需要知道如何作用和响应具体事件,以及读者对作品的理解如何怎样才能让用户顺利的完成作品的阅读;其次需要了解怎样设计不同类型的交互式媒体模块,并赋予其易用、高效和美感的交互方式。
我们需要设计预期的目标知道读者的阅读需求,其次还需要不断地去做交互运用的实验,让体验着反复交互,看是否能够顺利地完成作品阅读。最后对不清晰的交互反应做出修改,让作品能够清晰明了的交互到全部内容。
3.3 从交互设计到体验的创新
新媒体的出现对设计带来了很多挑战的同时,也为设计带来了很多的新模式,新思路,我们在做设计时,交互设计作为一种比较前沿和时尚的设计出现在大众面前,很多体验是的设计都需要用交互设计来完成,所以交互设计的发展方向也慢慢朝着体验的创新进行了发展。
人工智能的出现对于大众来说还是比较陌生,但是运用到交互设计中它是一个比较有优势和创新的体验,它可以为交互带来更多新的视、听、触觉等的感受。
好的产品、产品与用户的交互方式、用户每一次和产品及企业接触的体验,这些都是设计的目标。
在作品《城色》中运用和收集了多种交互手段,特别在制作过程中也学到了,看到了很多新潮的交互手段和绚丽的交互模式,这些新的交互模式给读者带来趣味感的同时也为他们增添了新型的体验。
4 交互风格的定位 4.1 结合界面风格设计
《城色》作品主要是围绕北京城的变化和发展,介绍一些当地的名胜古迹,界面主要是以简约时尚和中国风相结合的形式来设计的,整体界面风格较为统一,其中部分界面也虚拟了一些三维画面,例如故宫的三维互动,阅读故宫简介时可以以游览的方式互动到虚拟的场景中,使游览者有身临其境的感觉。整个作品是以颜色为主线划分不同景点,所以不同颜色展示相关内容的时候会根据其需要也会对界面做出相应的变化。
界面设计是根据交互的需要加入了动感元素,让界面更具趣味感和互动性,这些界面的设计不仅打破了平面书本的翻页单调,也关注入了人与作品之间的互动体验,让人与面对的作品有亲身的接触感。
在做设计时一味的模仿是行不通的,需要大量的收集和积累交互效果和交互形式,去展示城色中不同的信息和亮点。
首界制作成一个全动态的效果,把其中的元素都做了互动,给人以轻松愉快的互动体验,能很好的让读者进行下一步的交互。如下图所示,首界简约时尚但又不失中国特色、北京味道,首页把整个作品想介绍的内容都囊括其中,但也没有凌乱感,交互内容一目了然,进入二级页面的方式主要有两种,一种是直接点击触碰到的相应颜色的热区,另一种是以下面类似于地铁形式的靠站方式进入,圆球滚动到哪个颜色只要一滑过,圆球会滚出相应要介绍的景点形状,然后立刻会以语音形式来报站“红站到了”,单机即可进入。整个首界让体验者能在视、听、触觉上都有所感受,整体流畅而自然。
通过主界可以看出作品主要是围绕红、蓝、黄、绿、灰这五个代表颜色进行展示和介绍。“红色”介绍了故宫、冰糖葫芦、六十周年国庆回顾;“蓝色”主要是通过水立方和北京蓝天的变化来做演绎;“黄色”是围绕北京秋天和皇室龙袍的内容来展示;“绿色”是以北京新旧城市的环境变化对比来延伸出环保的需要;“灰色”介绍了北京的长城、四合院以及现代建筑群。这样一个大型游览艺术作品的界面根据其本质特点做出了相应的改动和变化,变的是形式有三维有二位,有触觉有听觉视觉,不变的是风格。
让作品超越、演变为一种易于使用、快乐使用的用户体验,是想达到的目的。用户不仅仅通过视觉、听觉等感官系统来感知,在此之外,甚至包括了精神愉悦等全方位的体验。
4.2 交互细节设计
说到每一个细节的问题,首先从简单的图片交互和动画来说,会让它们滚动出现在每一个需要它们的地方,有的会根据音乐的强弱来变化它们的清晰度。文本有的会以语音的方式来表达,有的就直接以文字内容通过滑动条的控制来显示内容,在文本特殊的信息上,鼠标经过会改变颜色。在声音方面,首先音量的控制会以一个简单符合作品的滑条来控制大小,其次,会根据介绍的内容不同来改变音乐,比如说介绍红色的故宫时,会以清幽淡雅的音乐来配合,介绍现代建筑时会以热情向上的音乐来进行。在视频切入方面,让视频在作品中达到播放器的真实功能。对于热区的設计,当鼠标进过时,热区符号能突出起来,显示出三维立体的效果,这一风格能结合整体设计中的立体效果,还有就是能颜色变化。有些地方也会用到转场,在转场时,会用到大量的立体翻转效果来实现内容转换。其次在面对一些景区时交互会用到大量的三维模型来做场景的介绍以达到真实的参观体验。
此次作品交互不仅能在电脑上完成,也采用技术安置到手机里,让读者能更为方便的阅读和体验作品。
随着时代的进步,人们对传统的视觉形式已经显得麻木了,而对于具有高度刺激的表现形式则更为喜爱和易于接受。交互语言追求的是以最简洁有效的元素来表现富有深刻内涵的主题。加以动态的效果它让拘束的大众得到释放,让人的思维活跃起来。
结论
此次交互设计的分析从城色的创意设计出发,将自己对交互设计的感受融入的作品当中。城色让观赏者可以欣赏到一部比较完整的多媒体作品同时也深刻地体会到交互设计可以让艺术互通,多媒体交互设计就是把很多的艺术表现形式结合到了一起,以其特殊的表现形式给人一种耳目一新的感觉。
而在城色作品中想反映出的不仅是色彩的映像,也想让人们深刻的体会到北京城的艺术无处不在,在热爱城市的同时也为城市出一份力,尽量提倡环保和保护身边的环境,让这个城市的能保持它的青春和活力,作品在讲述北京自己的历史和魅力同时,也让读者体会北京的变化和发展,感叹失去的,珍惜现在的,保护未来的。
新媒体时代的到来,我们需要做的不仅是跟上时代的步伐,还要在变化的过程中保持设计最初的创新精神。
参考文献
[1] 威廉.斯莫克[美],周明瑞译,包豪斯理想,山东画报出版社,2010.
[2] 原研哉[日本],朱锷译,设计中的设计,山东人民出版社,2006.
[3] 孙瑞萍,交互式系统原理与设计,清华大学出版社,2006.
[4] 库帕[美],丁等译,交互设计之路,电子工业出版社,2006.
[5] 李欣,这里是北京,华艺出版社,2008.
[6] James Kalbach,蒋芳,界面设计精髓,电子工业出版社,2009.
[7] 张亮,细节决定交互设计的成败,电子工业出版社,2009.
[8] Daniel M.Brown 樊旺斌,设计沟通十器,机械工艺出版社,2008.
[9] 王利敏、吴学夫:《数字化与现代艺术》,中国广播电视出版社,北京,2006。
[10] 胡杰:《多媒体编创艺术》,北京艺术与科学电子出版社,2008。
[11] 廖祥忠:《数字艺术论》,中国广播电视出版社,北京,2006。
[12] 李四达:《交互设计概论》,清华大学出版社,北京,2009。
作者简介
杨雯云南大学旅游文化学院教师,艺术硕士,研究方向:平面设计,多媒体交互设计。
(作者单位:云南大学旅游文化学院)
多媒体艺术中交互设计以独特的形式存在着,它不仅带给人们新的视觉体验,也让人们在艺术作品的欣赏中有了身体上的互动。交互设计能给多媒体作品注入了新鲜和活力。同时,交互设计在不断发展的现当代中发挥着越来越重要的作用,也是引领时尚和潮流的手段,越来越多的艺术作品创作时会把交互设计考虑在内,交互设计的运用也越来越普遍。
本文以个人多媒体作品《城色》为例,论述出交互设计在作品中的运用和创新。《城色》作品是以人们对城市的面貌印象记忆为主线,同时以新的视觉角度入手,把城市中的各种颜色映像进行分类,最后以多媒体的形式展现和介绍城市——北京,让读者以一种不同的视角去了解北京,观赏北京的变化。作品运用flash技术让作品变得更丰富,充满了不同的趣味性,这也能提高读者的兴趣和记忆,这就是交互设计的意义所在。
2 设计内容的确立
2.1艺术作品中交互设计的不足
交互设计在市场上已经大量的开始使用,从最熟悉的手机到博物馆的人机互动,交互设计已经涉及到很多领域,对于艺术作品的多媒体设计依旧存在着不同的问题。
第一,大部分艺术多媒体作品交互设计形式单一,版式固定,观看操作不方面,不能够很好的把作品内容展现给大众。
第二,部分市面上的艺术多媒体作品不够现代,不能让人对多媒体产生兴趣。
第三,高科技交互手段很少在艺术作品中实施,存在的部分高技术多媒体艺术作品大众几乎难以接触和体验。
2.2.作品《城色》的立意
《城色》是笔者交互设计的主题,作品主要论述的是关于北京城的一些风土民情和建筑设计,运用“城色”这一题目,主要考虑从建筑物或者某项具有代表事物的颜色感觉出发,展示出北京的变化和发展。体现出年轻一代对北京的映像,提倡绿色生活的方法与作为,其次也运用交互设计让阅读者更加进一步的体验到北京的人文、建筑、风俗。
作品尝试以手机界面和电脑界面结合的设计,研究多媒体交互设计的创新与运用。通过多媒体界面和交互设计相结合,将平面和立体互动有机地结合在一起,力图在视觉传达的形式手法和互动技巧有所突破,特别加以手机界面参与,与其它同类的多媒体作品形成鲜明的对比,这也是整个设计的突破与特色。作品以其适用性、趣味性、观赏性、互动性多个元素相结合,给人介绍了北京,介绍了多媒体交互设计。
整个多媒体作品涵盖了平面元素,视频元素,动画元素,声音元素等等设计元素,能深刻地揭示出什么是多媒体,多媒体是用来做什么的,设计师可以根据多媒体交互的特性,引领读者去阅读欣赏作品,最终达到设计的目的。
作品取名为:“城色”。“城色”顾名思义就是城市的颜色,把一些具有代表性颜色的景物拿出来做了介绍,这样的好处是用一个特别的角度去阐述一个景观,给人以新的想法。
3 设计方案的实施
3.1多媒体作品中交互设计的认识
设计到底是什么,很多人都对他做出了相应的解释,我理解为Design for U、Design for US、Design for USE,设计的最终目的就是为了使用、方便使用,交互设计同样如此,设计师在设计交互的时候要考虑到阅读者能否使用交互去顺利的完成多媒体作品阅读,能否有一个良好的、协调的交互关系,这种交互关系的重要性在最终作品设计中的表现尤为突出。
过去传统的设计,由于受到当时的设计理念和科学技术的限制,在艺术作品阅读中多采用的是纸质和视频阅读,对于想了解更多相关作品知识的人们来说,需要寻找更多的书籍和相关的视频才能实现作品的完整阅读,但是用多媒体交互设计去介绍一个相关的艺术作品可以很容易地把其含有的文化和相应的知识都能整体的表现出来,在作品完整度上我们可以对他进行不断的更新和完善,讓其顺应时代的发展和知识的扩充。
3.2交互设计的概念与内容
交互设计可以说也是一门综合性的学科,它囊括的内容比较全面,广义上它是人机交互,这里的机包括所有的数字媒体技术的应用,狭义上我们做的交互设计就是对多媒体作品进行演绎和展示的交互过程,在做多媒体艺术作品交互设计时需要对平面设计,动画设计、数字媒体设计都有一定的了解和掌握,所以说交互设计它既需要比较全面的设计知识,也需要把相关的知识点联系起来,把它们综合运用到一个作品中去。
交互设计在不同领域里表现出的内容也不尽相同。在多媒体的交互设计中,首先需要知道如何作用和响应具体事件,以及读者对作品的理解如何怎样才能让用户顺利的完成作品的阅读;其次需要了解怎样设计不同类型的交互式媒体模块,并赋予其易用、高效和美感的交互方式。
我们需要设计预期的目标知道读者的阅读需求,其次还需要不断地去做交互运用的实验,让体验着反复交互,看是否能够顺利地完成作品阅读。最后对不清晰的交互反应做出修改,让作品能够清晰明了的交互到全部内容。
3.3 从交互设计到体验的创新
新媒体的出现对设计带来了很多挑战的同时,也为设计带来了很多的新模式,新思路,我们在做设计时,交互设计作为一种比较前沿和时尚的设计出现在大众面前,很多体验是的设计都需要用交互设计来完成,所以交互设计的发展方向也慢慢朝着体验的创新进行了发展。
人工智能的出现对于大众来说还是比较陌生,但是运用到交互设计中它是一个比较有优势和创新的体验,它可以为交互带来更多新的视、听、触觉等的感受。
好的产品、产品与用户的交互方式、用户每一次和产品及企业接触的体验,这些都是设计的目标。
在作品《城色》中运用和收集了多种交互手段,特别在制作过程中也学到了,看到了很多新潮的交互手段和绚丽的交互模式,这些新的交互模式给读者带来趣味感的同时也为他们增添了新型的体验。
4 交互风格的定位 4.1 结合界面风格设计
《城色》作品主要是围绕北京城的变化和发展,介绍一些当地的名胜古迹,界面主要是以简约时尚和中国风相结合的形式来设计的,整体界面风格较为统一,其中部分界面也虚拟了一些三维画面,例如故宫的三维互动,阅读故宫简介时可以以游览的方式互动到虚拟的场景中,使游览者有身临其境的感觉。整个作品是以颜色为主线划分不同景点,所以不同颜色展示相关内容的时候会根据其需要也会对界面做出相应的变化。
界面设计是根据交互的需要加入了动感元素,让界面更具趣味感和互动性,这些界面的设计不仅打破了平面书本的翻页单调,也关注入了人与作品之间的互动体验,让人与面对的作品有亲身的接触感。
在做设计时一味的模仿是行不通的,需要大量的收集和积累交互效果和交互形式,去展示城色中不同的信息和亮点。
首界制作成一个全动态的效果,把其中的元素都做了互动,给人以轻松愉快的互动体验,能很好的让读者进行下一步的交互。如下图所示,首界简约时尚但又不失中国特色、北京味道,首页把整个作品想介绍的内容都囊括其中,但也没有凌乱感,交互内容一目了然,进入二级页面的方式主要有两种,一种是直接点击触碰到的相应颜色的热区,另一种是以下面类似于地铁形式的靠站方式进入,圆球滚动到哪个颜色只要一滑过,圆球会滚出相应要介绍的景点形状,然后立刻会以语音形式来报站“红站到了”,单机即可进入。整个首界让体验者能在视、听、触觉上都有所感受,整体流畅而自然。
通过主界可以看出作品主要是围绕红、蓝、黄、绿、灰这五个代表颜色进行展示和介绍。“红色”介绍了故宫、冰糖葫芦、六十周年国庆回顾;“蓝色”主要是通过水立方和北京蓝天的变化来做演绎;“黄色”是围绕北京秋天和皇室龙袍的内容来展示;“绿色”是以北京新旧城市的环境变化对比来延伸出环保的需要;“灰色”介绍了北京的长城、四合院以及现代建筑群。这样一个大型游览艺术作品的界面根据其本质特点做出了相应的改动和变化,变的是形式有三维有二位,有触觉有听觉视觉,不变的是风格。
让作品超越、演变为一种易于使用、快乐使用的用户体验,是想达到的目的。用户不仅仅通过视觉、听觉等感官系统来感知,在此之外,甚至包括了精神愉悦等全方位的体验。
4.2 交互细节设计
说到每一个细节的问题,首先从简单的图片交互和动画来说,会让它们滚动出现在每一个需要它们的地方,有的会根据音乐的强弱来变化它们的清晰度。文本有的会以语音的方式来表达,有的就直接以文字内容通过滑动条的控制来显示内容,在文本特殊的信息上,鼠标经过会改变颜色。在声音方面,首先音量的控制会以一个简单符合作品的滑条来控制大小,其次,会根据介绍的内容不同来改变音乐,比如说介绍红色的故宫时,会以清幽淡雅的音乐来配合,介绍现代建筑时会以热情向上的音乐来进行。在视频切入方面,让视频在作品中达到播放器的真实功能。对于热区的設计,当鼠标进过时,热区符号能突出起来,显示出三维立体的效果,这一风格能结合整体设计中的立体效果,还有就是能颜色变化。有些地方也会用到转场,在转场时,会用到大量的立体翻转效果来实现内容转换。其次在面对一些景区时交互会用到大量的三维模型来做场景的介绍以达到真实的参观体验。
此次作品交互不仅能在电脑上完成,也采用技术安置到手机里,让读者能更为方便的阅读和体验作品。
随着时代的进步,人们对传统的视觉形式已经显得麻木了,而对于具有高度刺激的表现形式则更为喜爱和易于接受。交互语言追求的是以最简洁有效的元素来表现富有深刻内涵的主题。加以动态的效果它让拘束的大众得到释放,让人的思维活跃起来。
结论
此次交互设计的分析从城色的创意设计出发,将自己对交互设计的感受融入的作品当中。城色让观赏者可以欣赏到一部比较完整的多媒体作品同时也深刻地体会到交互设计可以让艺术互通,多媒体交互设计就是把很多的艺术表现形式结合到了一起,以其特殊的表现形式给人一种耳目一新的感觉。
而在城色作品中想反映出的不仅是色彩的映像,也想让人们深刻的体会到北京城的艺术无处不在,在热爱城市的同时也为城市出一份力,尽量提倡环保和保护身边的环境,让这个城市的能保持它的青春和活力,作品在讲述北京自己的历史和魅力同时,也让读者体会北京的变化和发展,感叹失去的,珍惜现在的,保护未来的。
新媒体时代的到来,我们需要做的不仅是跟上时代的步伐,还要在变化的过程中保持设计最初的创新精神。
参考文献
[1] 威廉.斯莫克[美],周明瑞译,包豪斯理想,山东画报出版社,2010.
[2] 原研哉[日本],朱锷译,设计中的设计,山东人民出版社,2006.
[3] 孙瑞萍,交互式系统原理与设计,清华大学出版社,2006.
[4] 库帕[美],丁等译,交互设计之路,电子工业出版社,2006.
[5] 李欣,这里是北京,华艺出版社,2008.
[6] James Kalbach,蒋芳,界面设计精髓,电子工业出版社,2009.
[7] 张亮,细节决定交互设计的成败,电子工业出版社,2009.
[8] Daniel M.Brown 樊旺斌,设计沟通十器,机械工艺出版社,2008.
[9] 王利敏、吴学夫:《数字化与现代艺术》,中国广播电视出版社,北京,2006。
[10] 胡杰:《多媒体编创艺术》,北京艺术与科学电子出版社,2008。
[11] 廖祥忠:《数字艺术论》,中国广播电视出版社,北京,2006。
[12] 李四达:《交互设计概论》,清华大学出版社,北京,2009。
作者简介
杨雯云南大学旅游文化学院教师,艺术硕士,研究方向:平面设计,多媒体交互设计。
(作者单位:云南大学旅游文化学院)