时间：2023-06-02 09:21:06
关键词：网络交互设计；视觉体验；视觉元素设计评价；存在问题；分类
在互联网时代，人们对于网络交互设计的研究挖掘逐渐深入，且提出了越来越高要求，在研究视觉体验与视觉元素过程中，建立行为交互机制。就现阶段而言，设计师主要基于不同用户自身审美心理与认知心理来融合多种元素如文字、声音、图像等等，进而打造用户共同交流平台，营造相对良好的视觉体验。大体来讲，网络交互设计所营造出的视觉环境相当愉悦自由，人们更能从网络交互设计现状中展开思考讨论。
一、互联网与网络交互设计的基本内涵与发展现状
（一）互联网与网络交互设计的基本内涵
互联网即是指代网络交互设计的基础平台，它利用传输控制协议与互联网TCP/IP协议建立全球计算机相互连接组合关系，形成网络系统。在互联网平台上，不同计算机之间通过通信交流形成网际网络，共同执行文件传输协议、IRC等。同时，也利用互联网实现声音、软件、文本与图像等等数据的有效传输。在互联网建设基础之上就出现了交互设计，形成网络交互设计。网络交互设计的核心是“交互”，它代表了人与物、人与人的交互过程以及交互内容，所以说交互设计的定义种类相当之丰富，它也作为目前新兴学科而出现并被人们所广泛应用。就目前来看，基于智能手机、计算机等各种电子设备的交互设计内容较多，它们更多专注于用户行为，主要描述、规划事物的行为方式，在描述有效行为过程中希望更多从程序编辑角度出发定义交互设计，而这一过程中并没有任何固定点，它分析了某一种特殊的交互关系，结合流程设计内容融入新观念。总体来说，“交互设计”特别专注于用户的某些可能行为，它的定义极为广泛，在人机情感交互过程中更多从视觉感受出发，灵活运用视觉元素进行设计［1］。
（二）互联网与网络交互设计的基本发展现状
互联网与网络交互设计的类型众多，其中以国籍作为界限划分是狭隘的，要针对网页设计本身来规划设计平台，创设设计软件环境，形成全球资源共享。显而易见，当前的信息媒介已经呈现出多元化发展态势，其中网络交互设计中视觉表现主要分为自由式视觉表现，甚至形成了主流的栅格式视觉表现。相比之下，前者设计手法更为流行，结合目前新技术手段有效提升艺术视觉效果，表现独有特色的网络页面。在如此形式下就表现出了极强的时代感与极突出的个性，为互联网网络设计带来一阵新风，它的技术表现力更强、页面更新、内容更多，它也要求设计师设计合理化，避免跑题，再视觉表现结合个性形式展开管理。再者就是栅格型视觉几何形式，它在主要表现上主要集中提出了在线预售以及信息预览内容，基于此所表现出的直观感相当强，可以帮助用户快速查抄基于体验感层面的情绪改善。在借助栅格编排设计展开针对性改进，结合设计内容与设计者来充分考虑用户习惯，建立程序规划机制，确保设计内容编排更加具有视觉美感。在提升视觉体验效果方面，则需要围绕网络交互设计中的视觉体验来展开针对性改进，充分考量用户习惯与程序编制规则，深度分析网络交互设计中的交互设计内容与视觉体验内容［2］。
二、网络交互设计的视觉体验与视觉元素设计
网络交互设计的视觉体验与视觉元素表现相当丰富，下文分别来谈：
（一）网络交互设计的视觉体验
目前，网络交互设计的视觉体验参考诺曼的“情感化设计”理论，建立交互体验部分，其中就包括了感官体验内容与行为反思体验内容。在交互体验中就包括了视觉体验，其形式元素表现丰富，且准确有效，能够令用户所信服，同时激发用户在情感上产生共鸣，同时确保用户在心理认同上获得良好体验。在结合不同类型归属与质量权衡过程中，则需要说服用户心理认同这次体验，建立质量权衡机制，设计符合预期的类型与审美观。在描述用户初次交互过程中，需要结合自身合理划分等级，确保交互设计与视觉设计二者能够紧密联系起来。在结合视觉元素过程中，需要提升效率与准确率，真正实现对信息的快速传达，并确保网络交互设计中的信息数据交互质量［3］。
（二）网络交互设计的视觉体验条件分析
就网络交互设计而言，它的视觉体验条件内容丰富，主要是源于网络交互界面上的诸多视觉元素建立图像、文字、色彩等诸多元素内容，建立元素组合，并实现信息数据有效传达，最大限度促进人与物之间的相互交流。在网络交互设计过程中和分析视觉体验过程中，需要确保网络交互界面视觉元素研究到位，配合设计师主观思想分析有效组合内容，如此更有利于用户之间进行有效交互。而在视觉体验过程中，则需要围绕用户浏览网页过程形成直观感受，确保在网页设计过程中用户能够印象深刻。在这里，还要充分考量网页界面中的视觉冲击力与美感变化，有效激发用户内在情感，充分了解使用者的认知心理与审美观，特别重视细节表达内容，灵活运用相应色彩、图案、文案分析表达交互设计意愿，明确主旨。在用户交互体验过程中，其设计核心点则主要是围绕认知和审美所展开的，它所激发的是人们的生活习惯自身感知经验与抽象事物认知，要结合自身思维理解与深化来了解审美观差异性。宗旨就是结合上述内容来形成诸多丰富多元的视觉元素，它引导受众主动去挖掘、了解、探究网络交互设计中众多视觉元素的创新之处［4］。
三、网络交互设计的视觉元素分类与现存问题
在网络交互设计过程中，针对视觉元素所展开的分类与问题分析必须深入到位，下文具体来谈：
（一）网络交互设计的现存问题
在网络交互设计过程中需要分析其技术迅速发展进程，其中涵盖了平面视觉中所蕴含的诸多元素与布局结构内容，这其中也包括了交互元素、多媒体元素、动态元素，这些视觉元素都独具特色。在受众浏览网页过程中，可能存在诸多网页设计美感不足问题。因此，如果在网络交互设计过程中可以堆砌色块、动画、文字、图片、广告等等，则无法达到界面美感强度，且其内容过分空洞。在分析网络交互设计资源、设计风格的不确定性关联问题过程中，则需要明确解决内容不确定、网络交互性模糊、图片与文本无法伴随时间不停更换、动态性过强等等问题。需要结合内容随时跳转界面，深入了解用户要求，深入了解网页元素变化过程。再一点就是安全问题，要正视设计师事故设计广告问题，对信息隐藏不易察觉问题进行分析，了解长期悬浮广告窗、自动弹出游戏窗口问题，在单纯模仿网络设计重要因素过程中需要追求创新，避免出现设计盲目、照搬照抄、单纯追求高效率等等问题。在网络交互设计视觉体验过程中，需要结合文字、图片等视觉元素与视觉体验建立网络交互设计关联要素，引导受众认知水平提升［5］。
（二）网络交互设计的视觉元素
在网络交互设计过程中需要分析诸多视觉元素内容，结合文字、色彩、图形、版式等等优化、丰富网络交互设计基本元素，对相关标志、信息菜单、标语等诸多内容进行分析，对图像、文字、色彩、版式等重要研究对象进行逐一分析与处理。以下就分析了网络交互设计的诸多视觉元素［6］：1．色彩视觉元素分析由于人的眼睛是能够区分至少1000万种颜色的，所以需要对色彩区域进行有效分类与整理，设计网络交互界面，并注意做好以下四点问题：首先，需要注意依据不同使用场景来合理选择适合颜色；其次，需要重视用户自身心理变化，对其中文化与颜色进行有针对性关联；再次，需要避免同一界面出现不超过3种颜色的情况，避免网页交互设计过于胡乱，导致受众视野出现不清晰问题；最后，需要加强色彩对比度，例如采用浅色背景、深色文字或反之来展开网页交互设计过程。在设计中要转移网络用户注意力，以此获得相对较好的视觉效果。网页交互设计中对于色彩视觉元素的重视不言而喻，因为色彩本身非常吸引人，其丰富多样的颜色内容能够转移用户注意力，产生较好的视觉效果。在建立不同元素之间的巨大色彩反差过程中，需要确保其表达效果更加明显合理［7］。而在考虑用户感知色彩过程中，则需要基于不同视觉结构与心理因素来规避某些特殊的视觉效果，对计算机网络交互设计的色彩模式进行充分分析与了解。就目前看来，网络交互设计中的色彩模式包含3种，即CMYK、RGB、LAB，3种模式与色光中的明度、色相、纯度都息息相关，需要设计者在网页交互设计中合理把握，确保所设计的网页页面更加光鲜靓丽［8］。2．图像视觉元素分析在网页交互设计中，比较常用的图像格式就包括了JPEG和GIF两种，其中在设计网络交互界面并排版过程中，需要采用静态图像并转化为方形图、退底图来展开设计过程。一般来说，网页交互设计过程中退底图最为自由，其设计更加注重突出个性，给受众带来了极为深刻的印象。这主要是因为其画面设计动态十足，且能够与诸多自然元素相互融合，进一步增加图像视觉元素设计的亲和力。不过也需要注意一点，那就是其设计容易出现混乱问题，设计整体性表现不强，特别是在设计方形图过程中，由于其设计相对简洁，所以应该从理性层面上分析设计过程，避免网页视觉元素呈现过分平淡。实际上，在图像视觉元素设计方面要给予受众一种舒适的观感感觉，结合多个页面设计表达个人情感，体现设计师气质与设计理解能力。在设计过程中，也要结合相关设计意图来确定图片的位置、面积、方向以及数量，确保设计风格赏心悦目，从整体上统一设计各元素，并做好图像与文字的相互搭配［9］。3．文字字体视觉元素设计在文字字体视觉元素设计分析过程中，需要了解计算机系统中字体种类是相当丰富的，它非常有利于促进网页编辑工作，所考验的是设计人员的实际水平。就设计过程而言，需要考虑在设计过程中适当增设特别字体，结合手写体与广告体来围绕主题思想展开网络交互页面设计。而在设计过程中则需要做好一点，那就是结合手写体与广告体展开设计，避免页面字体种类过分冗杂，一般来说在设计过程中应该选择3～4种字体，并对文字字体视觉元素进行精细编辑与处理［10］。4．版式视觉元素设计在版式视觉元素设计过程中，需要对网络交互设计过程进行分析，确保交互界面设计趋向于和谐化与整体化，整体来说就是要特别重视网页交互设计的布局与编排到位。具体来讲，就是要对版式内容进行对称设计，一般来说就是页面左右对称，但在设计过程中一定要避免设计过于呆板。再者就是焦点行版式设计，它以对视线设计作为基本导向，整体来看视觉界面设计效果更为强烈。而中轴型设计则追求垂直排列，确保设计风格更加平静、含蓄。除此之外还包括了风格大方、舒展的满版型设计以及界面自由、欢快活泼的自由型设计等等［11］。
四、总结
在网络交互设计中，合理运用各种视觉元素展开设计是必要的，它能够大幅度提高受众的网页浏览视觉体验。就目前国内的信息技术、计算机技术应用过程，需要结合交互设计融合内容分析相应设计科学技术内容，更好、更深入发展网络交互设计内容，满足人们日益增长的用户需求。当然，在网页交互设计过程中也需要深入挖掘诸多新时代元素，避免设计过程仅仅停留在文字、图像、版式等诸多元素方面，在灵活运用网络过程中不断提升思维深度与思维空间，确保用户创造更好交互体验平台与平台内容，学会更为主动、自由地欣赏，并参与到多样化交互的各色艺术产品之中，提高网络交互设计价值。在本文看来，网络交互设计的视觉体验与视觉元素是不可分割的，二者在网页交互设计中也不可或缺，必须同步、同时考虑。
参考文献
［1］刘婴婴，彭波．交互设计在博物馆视觉体验中的应用研究——以上海博物馆为例［J］．明日风尚，2020（6）：54，56．
［2］王玮莹．浅谈视觉传达设计中的交互设计理念［J］．艺术科技，2013（6）：240．
［3］陈彦霏，褚兴彪，唐田甜．交互设计中网络品牌动态视觉设计研究［J］．包装工程，2019，40（2）：87-93．
［4］何婧．网络信息技术下UI设计的视觉思维研究［J］．无线互联科技，2020，187（15）：85-86．
［5］吕媛．论UI设计的交互性与界面视觉设计［J］．西部皮革，2020，472（7）：69．
［6］曾原．探讨UI设计中用户交互体验的视觉思维［J］．佳木斯教育学院学报，2019（5）：225，236．
［7］刘舒雯．探究网络旅游广告视觉设计的审美特征［J］．大观（东京文学），2019（12）：15-16．
［8］任杰．基于“双创”平台网页界面设计的视觉要素研究［J］．美术文献，2019，153（7）：124-125．
［9］苟晓梅．“互联网+”背景下网络原创品牌的视觉形象设计研究——以女装品牌“素缕”为例［J］．设计艺术研究，2016（5）：30-36．
［10］张亚孺．分析现代视觉传达设计中的情感表现——以品牌形象设计为例［J］．品牌，2019（19）：91-92．
关键词：移动终端 交互设计 图形创意 品牌应用软件
检 索：.cn
一、艺术设计中的图形创意
艺术设计中图形的目的是创造一种可以快捷地传递信息的印象，以再现特定的信息。作为艺术设计中视觉传达设计的基础，好的图形设计离不开创意的支持，甚至可以将图形设计的过程看作是创造性思维的实现过程。图形创意本质上是一种思维过程，它将人眼看到的信息以思维创意的过程表现出来，并用理性的分析手段形成图形作品。创意过程中设计到多种思维方式，如形象思维、抽象思维、逆向思维、逻辑思维等。
图形设计中的优秀创意因素需要具备几个必要条件，首先图形设计的创意要有独到的视点，在立意精巧的同时又要符合人的逻辑思维；其次视觉上要有一定的冲击力，创意表达的信息在说明要描述问题的同时还应该有深刻的寓意。图形设计的创意始于推演主题，设计之初就要思考如何切入主题，推演图形设计要传达的信息主题，从而保证图形设计中的思维始终围绕主题进行。
图形创意的构型形态包括同构、解构两种。[1]同构本质上是一种映射，是用其他事物表象出某种物象的结构；要想表征两种物象之间的同构关系，就必须要找到它们之间的共同点和相似点，而同构因素可以从内容、轮廓等事物的形上寻找。解构的过程和同构相反，它是将自然形分解、打散，并按照既定意图再次组合的构形方式，这一过程中创造图形的过程实质上就是“在寻找同构因素的同时打散、分解并重新组合的过程[2]”，如图1所示。
二、移动终端上的交互设计
交互设计一般被认为是涉及支持人们日常工作与生活的交互式数字产品的设计，它致力于了解用户的期望，了解用户与产品交互时的感受，其目的是使用户可以轻松地与信息时代的数字化产品进行沟通，设计更加有效的交互行为和方式，从而使产品更加易用，可以认为交互设计就是为了更好的使人与产品沟通、交流的设计方式。对使用数字化产品过程中的行为与界面进行交互设计，以此在用户与数字化产品之间建立一种有机联系，最终达到有效促进交流的作用，这就是交互设计的目的。
随着智能手机的普及，手机的功能也多种多样，在进行手机的交互设计及界面设计时就需要根据屏幕分辨率、字号以及行距等将这些功能进行分类和整理，并根据交互需求说明、交互类型、交互结构模型等因素，划分手机应用界面的结构模块，并根据手机屏幕要显示信息的相关内容及顺序，结构化设计交互元素；当应用的菜单结构及显示信息结构一致的情况下，还需要进行屏幕、窗口以及菜单等的结构设计、显示要素的布局设计等[3]；完成了总体布局设计及结构设计后，还需要进行应用界面的美观设计，以利用强烈的视觉冲击达到品牌推广的目的。
优秀的移动终端界面设计不仅要方便用户操作，还应该可以使用户在陌生环境及有限时间内较快掌握其使用方法。移动终端的交互设计主要可以分为两方面：人识别手机的过程和手机对人的交流反馈过程。人识别手机的过程就是消化手机界面表达的寓意的过程，是用户采集手机图标、文字、菜单等信息，并加以识别和理解，最后对比所学知识的过程。在人识别手机的时候手机还需要恰当地给人反馈，这种双向性的交互才是真正的以用户为中心的交互设计。手机对人的反馈主要包括目标导向设计和信息反馈两种。目标导向设计是一种针对手机产品存在的问题提供解决方案的设计，而且这种解决方案可以满足用户的需求和目标。目标导向设计揣摩了用户的心理和使用习惯，可以对用户进行下一步操作有所帮助，方便用户在不同操作间直接跳转，减少用户的操作麻烦。
移动终端上的交互设计就是一种新的传递信息的方式，使用户更加自然、更加人性化地交流并接受信息，减少用户再学习的过程，而不是将信息强加于人。作为日常生活中用户信息处理的重要工具。随着多点触摸技术、重力感应等移动终端新技术的发展，移动终端上的交互方式也开始变得多种多样，但是对这些新技术的不合理利用也会在交互过程中出现效率及自然性等问题，随着这些问题暴露得日益明显，移动终端应用设计师们也开始越来越关注移动终端上用户与产品的交互问题。另外，在移动终端上设计具有交互的应用时要考虑移动终端的型号等因素，这无疑会增加交互设计的难度。移动终端的显示区域较小，难以实现多窗口同时运行，所以桌面交互设计中，用户在桌面同时进行多种操作的模式并不可行。鉴于这种限制，桌面上的交互设计模式在移动终端上应用时不得不被精简和压缩，这就需要借助良好的交互设计弥补这一缺陷。目前移动终端上的交互设计正处于发展的早期，在进行交互设计时如果充分考虑到用户的认知特征、视觉交互设计因素以及移动终端的上下文等因素，避免交互设计在移动终端上的易出错、不合理、繁琐等问题，那么交互设计最终将走向更加自然、人性化的方向，做到高效、顺畅的人机交互。
手机等移动终端上输入文本比较繁琐，手机上触摸屏及全键盘的文本输入都不像桌面终端设备的文本输入那样便捷，因此移动终端上的交互设计要尽量避免用户输入不必要的文本信息，而可以代替以选择列表或者是模糊查询的方式。在用户输入部分关键词后，交互设计方式可以给出相应的提示信息，运行用户选择检索目标或从包含目标的列表中进行选择，从而减少输入文本的麻烦。另外，虽然触摸屏的输入方式接近于用户的日常使用习惯，但目前移动终端上手写输入识别的准确性还不尽人意，加之触摸屏手写的反馈时间比较慢，所以移动终端的交互设计不建议使用。手机等移动终端的交互设计有不同于桌面终端的特点，不仅要考虑不同终端型号、不同平台的兼容性问题，还要具有行为交互方式，其不便利的输入方式和复杂的交互路径，决定了只有充分考虑移动终端本身的交互特点，才可以更好地利用已有的交互设计经验，设计出区别于桌面交互方式的移动终端应用。
移动终端上的交互设计可以分为以下几个过程[4]：（1）调查研究及概念定义。交互设计师根据前期调研结果以及用户访谈记录，圈定交互设计要面向的目标人群；同时标识需要并建立需求概念，从而把用户需求和应用需求有机结合起来。（2）迭代设计与执行。根据用户的需求进行移动终端品牌应用的设计，并分阶段地进行迭代评估，以构建应用的交互设计结构；设计完毕后，选择最佳交互设计方案，并完成交互设计的最终呈现。（3）。展示交互设计成果，并利用市场进行整个交互设计的评估。在以上三个交互设计的阶段中，用户应该全程参与交互设计的开发过程。
三、智能家居品牌应用软件
数字信息化技术的发展使移动终端成为日常信息交流的重要平台，基于手机终端的交互设计也成为近期研究的热点；另外，随着智能家居技术及智能监控技术应用的不断成熟，利用手机等移动终端远程控制智能家居也日益流行，并成为一种影响深远的发展趋势[5]。利用移动终端上的智能家居应用软件，用户即使出门在外也可以遥控开启智能家居洗衣机洗衣，或者回家前即可遥控微波炉预热食物，这样的智能家居应用不仅可以有效节约用户的时间，还会给用户带来极大的便利。本文接下来根据智能家居的发展趋势，在移动终端上设计一款智能家居应用软件。
本文在基于Iphone的手机平台上设计了一款针对苹果用户的智能家居应用软件，用户可以利用此智能家居软件完成远程控制洗衣的功能，这款智能家居软件不仅可以远程设定智能洗衣机的运转时间，还能够随时进行洗衣情况监控，用户无需时刻守候在洗衣机旁。使用Iphone的用户大多是智能手机移动终端的高端用户，可以熟悉使用智能手机应用，而且这部分用户一般都使用3G网络，能够随时利用网络远程控制家居设备。分析了此类用户的特点后，选择七位使用Iphone的手机用户，他们都有较高的收入水平，家中都有智能洗衣机。在对这些用户对于智能洗衣机的观点进行了解后，本文将智能洗衣机的概念分解为“智能”、“洗”、“机器”以及“控制”四个主题概念。
明确了用户对智能家居应用软件的概念定义后，借助功能隐喻模型可以找到智能洗衣应用的基本功能元素包括以下几点：智能开关、暂停、调节模式、洗衣进程显示以及扫描；这些功能可以分为显示和操作两类。本文首先对市场上的智能洗衣机具备的功能进行调查，并设计调研问卷，咨询上述七名用户对智能洗衣机功能的重点关注点，将智能家居应用软件的功能设计为扫描衣服数量、选择洗衣模式、显示洗衣进程以及控制洗衣的状态（开始、暂停以及停止）等功能因素。确定了智能家居应用的功能因素后，再利用结构隐喻模型串联所有的功能点，这样可以更好地设计功能因素间的层级关系以及功能按键的排布方式。在对以上用户的使用习惯进行分析后发现，市场上已有的一些智能家居应用软件的交互设计结构可以借鉴，这样能够降低用户学习新应用的成本。用户在使用智能洗衣应用时，一般会经过查看衣物种类、设定洗衣模式、查看洗衣进程等步骤；在智能洗衣应用的界面设计时，由于旋转按钮的动作与用户操作智能洗衣机实体的行为方式相同，所以设定洗衣模式的动作可以借鉴旋转按钮的动作，以符合自然的用户体验原则。
可以设定智能洗衣应用的主题和风格，诸如白色、水珠、科技等等。可以将智能洗衣应用的主界面主题设置为科技模式，并抽取动画中EVA机器人的特征，混合渲染白色及蓝调，充分显示出科技感及智能性，在开启应用程序前预先显示一个机械化自动门，从而给用户一种机械感及自动感。另外，这样的应用设计以机器人为主题，更好地切合了智能家居的主题。
总结
本文从交互设计入手，介绍了基于移动终端的交互设计，调查了市场上的智能洗衣机具备的功能，并设计调研问卷，咨询用户对智能洗衣机功能的重点关注点，然后设计了一种智能家居应用软件。
注释
[1] 薄玉桴：《智能手机应用软件交互设计和设计流程研究》，华东理工大学硕士学位论文，2011。
[2] 李鸿明：《基于手机游戏中的人机界面交互设计及应用研究》，华南理工大学硕士学位论文，2012。
[3] 柳雕貂：《基于可用性的触摸屏手机软硬件界面交互设计研究》，浙江工业大学硕士学位论文，2011。
交互设计师生来就要面对3个基本的挑战。不论设计什么类型的技术或设备，所有的交互设计师都要面对这些挑战。当交互式设计师已经很好地完成了他们的工作时，他们的最终作品需要平衡人类使用的能力和技术的限制。设计师必须能够将人类和电脑的语言融入到一个设计当中。为了克服困难，设计师不仅要平衡用户和电脑各自的限制，还要平衡舒适和效率。（1）沟通：交互设计最基本的目标是用户和电脑之间的双边沟通。在这方面，设计师可以被当作是翻译者，他们转换了用户和电脑双方各自的语言并让它们互相理解。这通常意味着设计师做了更多的工作，而不仅仅是翻译。（2）行动和反应：所有的沟通都涉及行动和反应。而交互设计中的行动和反应被看作是这个过程的心脏。（3）状况：为了更有效的沟通，设计师必须理解当前的状况或状态。当人们相互沟通时，部分沟通是在评估对方的状态，比如情感状态，警惕心和意愿。而在人-机关系中，用户必须理解设备的状态以便沟通可以发生。反过来，这个设备也必须注意用户的状态，这样它就可以预测出下一步应该如何反应。
2Epub360
是国内第一个在线交互设计平台，可以在线设计微信轻应用、交互电子杂志、电子楼书、儿童读物、培训课件、产品介绍等交互内容，可以在Web及移动终端跨平台。也是交互设计的开发平台。
3作品开发过程
3.1游戏类作品开发
3.1.1开发方式及操作技能游戏开发有两种方式，一种是使用游戏开发引擎来进行开发，还有一种是利用无编程交互设计平台来进行开发。我们使用的是第二种方式。基于Epub360进行游戏开发，需要3个技能：第一，操作Epub360开发平台的技能；第二，平面设计的技能；第三，游戏开发的技能。首先，Epub360是一个大学生创业团队开发的一个产品，由于刚不久，因此界面还是英文版，没有汉化。网站上虽然提供了教学视频，但是由于教学视频上使用的Epub360的版本和最终的版本不完全一致，因此，要想掌握这个开发平台的操作技能并非想象中那么简单。其次，制作游戏少不了素材的制作。虽然现在有很多网站都提供了相当不错的素材资源，但是很多都是需要花钱购买的，还有一部分素材不能完全满足游戏开发需要，因此，在游戏开发过程中，学生必须掌握基本的平面设计操作技能。使用的平面设计软件是PhotoShop。最后，游戏开发是一门专门的学科，学校并没有开设这门课程。学生想要开发一款最简单的游戏，也需要利用网络环境和信息检索，进行相关知识的自学。在有限的时间内，学生们不仅熟悉并掌握了Epub360开发平台，学习了PhotoShop平面设计操作技巧，了解了游戏开发中需要设计的环节，并且最终完成了小游戏《找不同》的制作并成功成为APP。
3.1.2游戏中的交互元素设计不管是哪一种游戏，都少不了6个交互元素：游戏开始界面、游戏本身、音效提示、得分显示、晋级提示和游戏结束界面。首先是游戏开始界面，从游戏制作者的角度来说，思考的更多的是游戏的主体部分，以找不同游戏为例，它的主体部分就是两张图片中的几个不同的设计。但是对于玩家来说，重要的是游戏的体验，所以学生们在做游戏的时候，是不会考虑开始游戏和结束游戏这两个画面的。但是玩家要有一个心理准备，对于学生来说，这个游戏是他做的，所有的细节他都很清楚，但是玩家对这个游戏一无所知，他要点击开始才开始游戏。如果不限时地玩还好，万一有时间限制，一开打游戏就开始计时、开始找图片中的不同之处，那么玩家的感觉就是措手不及，对这个游戏的印象就要大打折扣了。其次，对于游戏《找不同》来说，游戏的主体部分就是让玩家在有限的时间找到两张图片的不同之处。如果找得太容易，玩家觉得没有挑战；如果太难找，玩家又感觉缺少了娱乐性。那么，如果把握好这个度就显得尤为重要。一般来说，刚开始的难度比较简单，然后难度逐渐增加，又不会难到让玩家有挫败感，是这种小游戏的开发秘诀。游戏就是按照这样的思路来进行设计和开发的。接着是得分显示，大多数游戏都是通过得分来通关晋级的，所以显示分数的功能必不可少。在学习了Epub360的公开课之后，学生学会了使用计数器以及设置参数的功能，并实现了分数显示功能。还有音效，给学生提供了一些音效网站，学生进行音效检索，找到不少游戏音效，比如游戏的背景音乐，点击正确时的声音等等，这样玩家在玩游戏的过程中，可以通过音效的反馈了解正确与否，游戏体验就很不一样了。还有是晋级提示，在一个找到了一个画面不同地方之后，用文字的形式提示玩家进入下一关，让玩家知道自己全部找对了，这也是大多数游戏都具备的交互元素。最后一个交互元素，是控制音乐播放和结束的按钮。一般来说，游戏是有背景音乐的，但是玩家可以选择播放或者不播放音乐。所以在加入了音乐元素之后，还要有控制按钮。学生可以选择下载按钮素材，或者自己制作按钮，然后加一个触发器的动作就可以完成了。
3.2商品展示类作品开发在完成了第一份作品之后，Epub360开发平台也成功进行了汉化，学生操作起来更加得心应手，又创作了第二份作品———英菲尼迪汽车的商业展示。这份作品不仅将Epub360里面的功能展示得淋漓尽致，而且也使用了更多的交互元素，真正实现了360度展示汽车。第一个交互元素是使用了文本动画，将英菲尼迪的英文名字用动画的形式展现。第二个交互元素是使用序列帧功能，通过鼠标或者触屏的移动，从各个角度展示汽车。第三个交互元素是使用按钮和序列帧功能，点击不同颜色块显示不同颜色的汽车。第四个交互元素是使用幻灯片和绑定功能实现联动效果，就是通过鼠标或者触屏的移动，让3个部分的图片有关联地一起变化。第四个交互元素是使用PhotoShop制作动画效果，让汽车有动态感。比如在英菲尼迪官网上下载了一张有树叶的红色跑车，然后将叶子做成落叶的动态图，看上去有一种让跑车动起来的感觉。
4结语
微交互作为引导电子商务网站设计发展的新的理论原则，受到国外交互设计师的广泛推崇，但在国内却并未被熟知。本文通过分析国内电子商务发展现状，详细阐释了微交互的理论方法与设计原则。深入探讨微交互理论在电子商务网站界面设计中的应用与表现形式，微交互注重细节设计，追求设计元素的提炼和对细节的再塑造是最简单的交互设计。简约主义是微交互设计的本质，其简约、人性化的交互流对于优化B2C网站交互设计，完善消费者用户体验都有很大的帮助。
关键词：
微交互设计 B2C电商网站 简约主义 用户体验
1.本课题的研究背景
网络技术的发展与普及不仅改变了消费者传统消费观念，也促使越来越多的B2C电子商务网站不断涌现，企业科学化的管理发展理念和中国设计行业的进步与完善使得部分B2C网站呈现良好的发展态势。然而随着物质文明与精神文明的进步，网购者的消费心理不再是简单地拥有商品，愉悦、简洁、人性化、个性化的购物体验成为消费购物的重要组成部分。微交互注重细节、简化交互行为，追求细微之处的实用性、易用性、简洁性的设计理念很好地迎合了现代消费者的购物需求，成为提升B2C网站转化率，树立品牌形象，获得稳定消费群体的重要组成部分。
2.微交互设计定义
“微交互设计”由美国知名交互设计师Dan saffer提出，“微”指代细节，微交互即是指交互中的细节设计。在微交互设计过程中通过深层次的解构、简化、重组设计细节，使交互设计变得简约、优雅、人眭化，以达到流（FlOW）的用户体验状态。积极心理学大师齐克森米哈里（Mihaly Csikszentmihalyi）曾这样定义流：“当人们全身心地投入到某个活动时，他们会对周围的事物视而不见。这种状态被称为流（Flow）。”相对于用户而言，优秀的微交互是看不到设计规则的，在交互过程中用户将会达到一种沉醉式的融入状态，并乐意完成目标任务。微交互在设计形式上与传统全局式的设计略有不同，主要采用解构与重组的设计方法，把整体的交互流程细分为无数个细小的交互模块，分析对比每个微交互模块存在的必要性与合理性，删除价值率较低的微设计组成部分，进而深化细节设计，最后将微交互模块进行合理化的组合以创建简约的交互设计模式。
3.微交互与B2C电子商务网站的优化关系
传统理念认为，知名的电子商务网站拥有大量的稳定消费群体，消费者也愿意选择知名度比较高的品牌网站，而对于电子商务管理者来说，网站的品牌创立与经营涉及众多相关因素，产品质量、网站媒体宣传、稳定的消费群体、大的客户流量、优秀的网站设计、良好的用户体验、好的商业模式和盈利等。随着“互联网+行动计划”的提出，我国首部《电子商务法》即将颁布，B2C电子商务十几年的发展，使得其设计也相对比较成熟，积累了一定的B2C设计法则，但是设计的同质化，消费者网购意识的成熟与理性都会影响网站品牌形象的塑造。“设计需要满足情境中的目标，一方面，设计必须适合它所在的场所，另―方面，使用情境决定了用户在什么情况下对产品产生期望值，期望值是用户体验最基本要素。”
微交互是交互设计的基本组成部分，从微交互设计角度探讨B2C网站界面设计实际上是从交互设计的本源来完善细化交互设计。通过微交互对B2C网站的再设计与优化，创建合理的信息架构、恰当的内容与优雅的视觉设计，在细节设计与整体的用户体验上潜移默化吸引和影响消费者，减弱甚至抵消用户在购买的某些FUD情绪，建立购买信心并获信任，使其在同类B2C网站中脱颖而出。
4.微交互在B2C网站中的设计原则
虽然微交互设计的提出与发展时间较短，但在交互设计的研究基础上，B2C网站的微交互在细节设计过程中也遵循一定的设计法则，简约、统一、个性化、防错性等设计原则对于细节的再设计与优化都有一定的指导作用。
4.1简约主义设计原则
简约主义作为一种被各领域不断追随和探索的思想潮流，其主要来源于西方现代主义建筑设计，米斯・凡德罗提出“少即是多”，勒・柯布西耶倡导的“纯净的形体”与沃尔特・格罗佩斯的结构主义都反对多余的装饰，推祟简约主义，强调功能在设计中的主要地位。简约主义虽然来源于西方现代主义，但是在古老的中国传统文化中的发展已极具历史，老子提出：“少则得，多则惑。”孔子在《乐记.乐论篇》中提到：“大乐必易，大礼必简”。庄子的“朴素而天下莫能与之争美”。宋代画家葛守昌提倡：“精而造疏，简而意足”，都强调事物的本质在于回归极致的朴素，繁中求简，重在掌握事物的发展规律。
不论是西方现代主义还是东方传统思想，衍生至如今引领设计潮流的简约主义设计，在设计的表达上同样遵循着相同的艺术标准：强调设计对物质自然形态的表达，去除不必要的装饰，用简洁的元素表现事物的本质，讲究节奏、韵律、一致性，注重留白与对比，追求空间上的自由。但是在设计最终的艺术形态表现上也存在差异，西方设计强调构图的严谨性和设计元素的理性应用，注重功能性和视觉上的和谐之美，而东方的儒道、禅宗则更多追求意境里的空灵、恬淡与自由，祟尚情感意境的升华。
相对于复杂的用户界面，简约主义界面易于使用，让用户掌握主动权，更符合现代人快节奏的浏览模式，更利于创建流畅的用户体验环境。简约主义不仅注重视觉层面上的简化设计，同时在结构层面简化操作行为，传承儒道、禅宗等古老的文化哲学，将禅宗美学中淡然、自由、愉悦、宁静的精神理念融入交互设计当中，追求高层次的娱乐需求层次理论即高级别的流式用户体验。
在简约主义风格设计中，美国saks官网设计（图1）表现尤为突出，界面采用统一的黑白灰三色，不添加任何其他颜色，利用黑白色块区域构成和谐简约的界面风格。广告图采用极具创意的简约艺术拍摄手法，意在将用户的视线吸引在主要商品上，避免其他多余装饰的干扰。
4.2个性化设计原则
个性化是微交互设计原则的重要构成部分，个性化与统一性在网站设计中并不是矛盾对立面，而是密不可分的协作与辅助的关系，统一的设计规律之下，在不影响用户购物流畅性的情况下适当地加入个性化元素，营造随和自由的购物环境，避免网站同质化的交互体验。个性化的情感互动一直是B2C网站不断追求而又难以达到的设计高度，设计不当极易引起用户反感，但是消费者都是情感丰富的复杂群体，个性化、人性化的设计很容易激发消费者的情感共鸣。恰当的个性化设计会给消费者带来无限的惊喜，惊喜作为人类积极情绪的本能反应会让顾客户忽略周边元素，减弱潜在抗拒感并重新定位产品价值，打破某些阻止用户注册和购买的大脑思维模式，激发消费者潜在的购物欲望。但是人与生俱来的情感灵敏度，不容许设计个性化的做作与欺骗，所以在个性化设计的过程中，要充分考虑用户体验心理，根据内容和消费者的不同定制个性化设计，不同的情境中运用不同的设计策略。界面设计不是无声的控制面板而是消费者与网站互动的场景媒介，个性化互动的过程加深了用户对网站的认知与记忆，利于网站品牌魅力的传播，进而树立持久的品牌忠诚度。
在个性化需求设计中Photojojo（图2）电子商务网站一直做的比较成熟。为吸引消费者的购买，经常在网站细节设计中添加个性化用户需求设计元素。在购物车按钮和产品图片展示区域设置定位状的图标，标签注明“DO NOT PULL”吸引用户的好奇心，当用户抵挡不住诱惑点击按钮，会突然出现橘红色的木偶手臂，将界面拉向产品说明，用户惊奇兴奋之余，会更多的注意到了商品的其他细节信息，这种人性化的设计很好的避免了用户错过重要的商品信息，同样有效的增加了用户的购买率。
4.3防错性设计原则
防错性是微交互设计人性化的重要表现，防错性原则不是要求用户一定不出错，而是通过细节的再设计最大限度降低用户出错所造成的损失。不论从系统设计还是用户使用角度来分析不出错是极其困难的。防错性原则首要任务是提前预知用户可能出现的错误并进行相应的设计调整，区分用户必填和选填内容，提供默认选项和按钮，系统自动保存默认选项以简化繁琐的操作步骤，减少用户的工作量，从而减少或者避免用户犯错。而对于无法规避的错误，在设计错误消息时，不仅要相应地传达错误类型，并最大程度上给予错误的改正意见，同时保持设计模式、文案语义的一致性与人性化。对于防错性，亚马逊提供了非常人性化的设计服务，红色标出出错的位置，同时自动纠正错误信息，较为精确的给予正确信息并给出修改建议，最大限度降低了用户的操作损失。（图3）
关键词：平面广告设计；动态交互元素；应用
通过对平面广告媒体的有效利用，将当前的一些先进技术加以应用，创造动态交互的设计效果，这就能够将广告设计的动态化得以呈现。平面广告在动态交互元素的应用下，就能够从二维向着多维的空间进行发展，这样就丰富了平面广告设计的形式。通过从理论层面对平面广告设计的动态交互元素的有效应用，就能有助于平面广告设计的进一步发展。
一、平面广告设计的主要特征体现
（一）平面广告设计。我国的平面广告设计的发展比较迅速，尤其是在当前的科学技术支持下，广告设计的多样化就得到了充分体现。平面设计在当前的应用范围上也不断的扩大，在各个行业中都有着其身影存在。其中的平面广告设计就是比较突出的，在面对新的发展环境下，对平面广告设计人员的要求也有着相应的提升，在对广告设计的表现形式以及创意上比较注重。在当前的科学技术支持下，平面广告的设计也逐渐的朝着动态化的发展方向迈进，这就对平面广告设计的发展有了进一步的推动［1］。平面广告主要是在视觉元素基础上实施传播的，通过图形以及文字等形式的表达，来传达某种信息，从而打动消费者进行消费，在表现的形式上则是各种各样。（二）平面广告设计的主要特征体现。平面广告的设计最为突出的特征就是功利性，其主要就是应用在商业经济发展中的。在进行设计过程中，则主要是通过视觉形象来进行传播，通过文字或者是图片等来进行吸引顾客目光，在平面广告的设计中所接触到的市场覆盖面是比较广泛的，而在信息的传达过程中，由于顾客的视角不同，在接收到的信息上也会存在着相应的差异性。在平面广告的设计价格方面也相对的比较灵活化，在商业的艺术形式表现上是比较突出的。再者，平面广告设计的视觉化特征是比较突出的。在进行平面广告设计过程中，最为主要的就是要对受众的心理进行分析。而广告设计最为突出的就是通过视觉信息的传达作为优势，在图像的视觉化呈现下来争取受众的目光，通过图画的创新设计来吸引受众的注意力，从而将广告设计的优势得以充分呈现，在广告的宣传效果上才能最大化的发挥。另外，平面广告的设计中，在引导性的特征方面也比较鲜明。这也是广告设计的基础功能，通过平面广告的设计来对受众加以引导，从而促使消费者进行消费［2］。在广告设计的信息传达上就要能够通过直接的方式来让消费者对信息加以接受。在当前的平面广告设计中，就要能够通过动态化的视觉元素来加以融入，这样才能够将平面广告设计的效果良好呈现，使得平面广告的设计内容才能更具吸引力。
二、平面广告设计中的动态交互元素应用
将动态交互元素在平面广告设计当中加以应用，就能起到良好的作用，能对传统平面广告的设计模式得以打破。首先在视觉上的束缚有了突破。在动态化的交互元素应用下，就要具体的进行分析。根据人的视知觉的角度来分析，在人对特定静态图片等元素注视过程中，这一静态的图形元素在视觉表象上会受到人的心理作用而出现一些变化运动的现象，从而就和实际的静态图形等产生视觉上的反差效果，这就是常说的错视现象［3］。而在平面广告设计当中融入动态交互的元素，就有着其独特性。从其体现的功能层面的独特性来看，在进行结合之后就会出现比较奇特的属性，能对消费者的吸引力得以有效加强，在广告信息的传递上就比较有利。不仅如此，在审美的独特性方面的体现也比较突出，平面广告的设计在审美独特性的主体体现上是群众，在设计过程中就要能够充分的重视群众的审美趣味，在设计应用中的价值观方面就要能正确的呈现。平面广告设计中的动态交互元素的应用，能够对以往的二维空间得以突破，从而实现设计的多维发展。平面广告在之前的定义中主要是停留在二维层面，但是在当前随着科学技术的发展，使得平面广告的设计开始向着多维的发展目标迈进。在当前的平面广告设计过程中，通过一些动态化元素的应用，就能将平面广告设计向着多维的形态转变。不仅如此，通过对动态化元素的应用，也能对平面广告表现材质方面得以突破［4］。在动态元素的应用下，就需要相应的材料和工艺，而传统的材质已经不能有效的承载动态交互元素的融入，所以对新的材质以及工艺的应用就比较重要。例如：两千年的德国汉诺威世博会的主题会标，就是通过结合不同场合来进行改变结构以及色彩的波纹图形。这一设计就呈现出了动感，有着不确定的意味。这就比较符合当时的运动和活力的主题呈现，是代表着永恒的能量。在这一广告的实际设计过程中，对传统广告设计的范畴并没有脱离，但是又超越了传统的广告设计，呈现出了动态交互性的效果。在对平面广告设计过程中的动态交互元素的应用，能够对广告设计的内容得以丰富化的呈现，通过运动能够更加吸引群众的目光，从而使人产生丰富的联想［5］。在动态化的表现方面，在视觉空间上的呈现，也能够在形式上比较鲜明。在对平面广告的设计过程中，通过多媒体技术的应用，对广告设计的效果就能得以优化，对此要能充分重视。总而言之，对于当前的平面广告设计的发展中，通过新的设计元素的应用，就能进一步将平面广告设计的发展加以促进。在动态交互的元素融入下，就能通过鲜明的设计形式和内涵，吸引群众的目光，将广告的设计宣传效果得以良好呈现。此次主要从理论层面对平面广告设计的动态交互元素应用进行了分析，这就能对实际的平面广告设计起到一定启示作用。
【参考文献】
［1］姜昕．平面设计向三维空间拓展研究［J］．艺术科技，2014，12．
［2］钟华．浅议平面广告设计立体化过程的分析［J］．中国包装工业，2014，20．
［3］石飞．中国传统元素与二维、三维空间设计研究［J］．美术大观，2013，08．
［4］彭媛媛．现代平面广告“动感化”视觉语言的探索［J］．乐山师范学院学报，2011，06．
关键词：交互设计 多媒体课件 信息技术课程
随着信息技术在教学中的广泛运用，多媒体教学已经成为常用的教学方式。但是高校教学中更多采用的依然是PPT软件制作的课件（演示型的课件），主要通过老师演示课件，学生观看课件来完成教学过程。这类多媒体教学方式忽视了学生的主体性，交流渠道单一，很难突出在教学中对学生的合作与探究能力的培养，导致教学效果不很理想。基于以上原因，采用互动式多媒体课件进行教学已经成为实践的崭新探索领域。
一、互动式多媒体课件综述
笔者在中国知网权威数据库中，以篇名中包含“互动式多媒体课件”、发表时间不限进行全数据库检索，只查询出7篇参考文献。可见，目前对互动式多媒体课件的相关研究还比较少。关于互动式多媒体课件的理论和技术实现方式都有待进一步加以完善和探讨。
1.互动式多媒体课件的含义
互动式多媒体课件包含三个核心组成要素：（1）为了更好地完成教学任务和教学目标，将文字、声音和图像等多种媒体信息集成在网络终端或计算机上运行；（2）互动式多媒体课件的制作软件工具主要是Photoshop、Flash、Authorware和ActionScritp脚本语言编程；（3）人和机传递都具有双向性，比如计算机既向学习者输出显示信息，也接受学习者的输入信息，并做出及时回应。互动式多媒体课件最显著的特点就是互动性。
2.交互形式的含义
互动式多媒体课件中的互动形式主要采用“人―机”和“人―人”两种互动形式。“人―机”互动形式指的是人（如教师和学生）以计算机为媒介使用多媒体课件，教师通过互动式多媒体课件进行教学，最终完成教学任务；学生通过互动式多媒体课件动态实践学习，最终掌握知识和技能。“人―人”互动形式指的是通过聊天工具和留言板等实现教师与教师之间、学生与学生之间、教师与学生之间进行直接沟通和交流。在此笔者主要探讨“人―机”互动形式。
二、互动式多媒体课件的交互设计
“人―机”交互形式多媒体课件的画面除了应该做到内容清晰、美观大方、形象逼真、富有感染力外，更关键的是要具有强交互性。因此，在设计互动式多媒体课件时，应该根据教学内容和教学目标的要求，合理选择交互形式。
1.按钮响应
按钮响应指的是在多媒体课件中设置按钮，人通过按下该键或组合键，就能完成“人―机”的一次交互响应。如为了实现课件向前翻、向后翻和音乐声响，可以在相应页面上设置按钮，人只要按下该按钮，就能完成交互响应。按钮响应在互动式多媒体中是使用最多的一种交互形式。
2.热区响应
热区响应指的是在课件某一对象上设置一个区域，操作者只要点击该区域，就能获得响应。如在地理课件中，点击某省名称，就能进入该省虚拟情境中。
3.热对象响应
热对象响应指的是对课件的某一对象整体设置交互。比如设置某一标签链接网页功能，当操作者鼠标任意点击该标签时，可以立即打开设置的网页。
4.目标区响应
目标区响应指的是设置某一对象通过拖动到目标区后松开，不管正确与否，都会给予相应的响应。比如在拼图游戏中，拖动每一拼图就可以设置一个目标区响应，拼图正确与否，都给予相应响应提示操作者拖动是否正确。
5.菜单响应
菜单响应可以实现从一教学模块到另一教学模块的过渡和嵌接，点击菜单项，可以进入到下一个学习模块中。在多媒体课件中，实现课件的导航功能。菜单一般可设置下拉式菜单和弹出式菜单两种形式。
6.条件响应
条件响应是指根据设置的条件是否得到满足进行交互响应。如对某一题目进行作答，根据输入者输入的信息进行判断，并运行相应设置的程序和命令。
7.时间限制响应
时间限制响应用于对时间有要求的交互中。如对学生进行限做题目，达到结束时间时，保留学生的做答情况退出作答界面。
三、互动式多媒体课件的开发流程
1.确定课件的教学内容
选择制作互动式多媒体课件的教学内容应先对其可行性进行分析，明确互动式多媒体课件教学的目标，根据目标详细划分教学单元，恰当地选择教学模式和教学方法等。
2.确定课件的框架结构、子模块的内容和功能
对互动式多媒体课件进行系统设计，确定整个课件的框架结构和子模块的内容等。具体而言，主要包括主屏幕界面设计、子模块设计、内容设计和交互方式设计等。
3.多媒体素材准备
教师应该根据教学目标和教学内容，准备能对教学任务的完成最有效的文本材料、图像材料和视频材料等。此步骤准备得是否充分，是互动式多媒体课件教学成败的关键步骤之一，如果选择了过多不符合教学目标的素材，互动式多媒体课件教学就成了无源之水、无本之木。
4.多媒体课件的制作
选择合适的Flash、Authorware、Photoshop和ActionScritp脚本语言编程等制作工具对素材进行脚本设计，使素材以交互形式、计算机媒体布局的形式描述出来，最终设计和开发完成课件。
5.反馈与修改
互动式多媒体课件制作完成后，教师应该在课堂上进行试用，根据教学过程中发现的问题和经验教训对多媒体课件进行修改完善，提高互动式多媒体课件的质量。
四、信息技术互动式多媒体课件的开发
信息技术课程是一门公共基础课，内容多而散，课时安排又少。下面笔者结合实例阐述互动式多媒体课件几个方面的开发细节。
1.导航设计
信息技术课程内容繁多，知识零乱。所以设计菜单导航功能非常重要。教师可以设计全局导航、子导航、位置导航和友情链接几个部分。全局导航的主要栏目可以设计如课件的总介绍、教学目标和教学内容的总介绍、资料下载、论坛等；子导航按知识点进行分模块设计，每一模块可采用多级菜单进行细化实现交互；位置导航设计的目的是为了方便返回到上一级目录；友情链接导航提供信息技术课程辅助学习资料的网址。
2.超文本交互
将素材以多媒体文字、图像等元素制作成超级链接形式。操作者可以通过点击超级链接元素，进入超级链接所提供的内容进行进一步的学习，这是互动式多媒体课件设计中常用的一种方式。
3.QQ答疑
可以在课件平台内设置QQ对接，师生之间就可以通过QQ在线进行沟通，完成学生对教师进行提问、教师解答疑问等互动。教师还可以通过QQ的远程协助方式为学生进行操作演示。实践证明，这种互动方式的效果比较好。
五、结语
我们对互动式多媒体课件的理论进行了比较系统的归纳和提炼，但在实践中如何实现最有效的交互式教学效果的途径还阐述得不够透彻，在后续的理论研究和教学实践中还需要进一步研究和探索，为促进交互式多媒体课件教学方法在教学实践中的推广贡献力量。
参考文献：
[1]马丽丽.互动式多媒体教学课件的设计与研究[J].中国信息技术教育，2011（18）.
[2]李坚，吴大非.互动式多媒体课件的设计与开发研究[D].电脑知识与技术，2013（1）.
关键词：数字交互技术；陶瓷造型设计；教学应用
0引言
随着科技的发展，数字交互技术被广泛应用到各个领域。其在陶瓷教学领域的应用有效改善了传统陶瓷造型设计的局限。主要表现为，在陶瓷造型设计中使用了跨平台引擎，提升了教学课件在多个系统的和应用能力；充分发挥了教学课件的作用，提升了学生学习的积极性和主动性，并且在不同程度上提高了学生的陶瓷造型设计水平，彰显了自己在陶瓷造型领域的创新能力。数字交互技术在陶瓷造型设计中注重对教与学的定位，强化了学生的自主学习意识，将陶瓷造型设计教学从朴素的设计汇总中解脱出来，并运用现代数字交互技术以及陶瓷造型设计理论实现了多样化的教学。
1数字交互技术在陶瓷造型设计教学中的运用概述
1.1数字交互技术在陶瓷造型设计教学中的运用价值
伴随着经济的发展，陶瓷日益成为人们生活的必需品，涉及人们生活的方方面面。陶瓷造型设计的应用不局限于原有的茶具、观赏品、花盆等，而是发展成为一种工艺品。优秀的陶瓷工艺品在设计手法、设计理念、设计造型等方面都具有研究的价值和意义。陶瓷作为一种文化内涵丰富的工艺品，从古至今都得到了人们的青睐。为此，为了实现陶瓷艺术的更好发展，有关人员需要对陶瓷造型设计不断进行研究。
1.2数字交互技术在陶瓷造型设计的教学优势
在高科技教学软件的支持下，教师的陶瓷教学获得了更多的便利条件，改变了传统板书教学的弊端，实现了陶瓷设计教学的立体化发展，能够帮助学生更为直观、立体化地感受陶瓷教学思想和知识内容，提升陶瓷设计课堂教学的趣味性。另外，数字交互技术支持下的陶瓷造型教学，能够充将传统的教学理念和现代化的教学理念进行结合，进而提升陶瓷课堂教学效果。具体表现为，教师要在课前做好相关的陶瓷造型设计教学课件，在课件的辅助下向学生介绍相关理论知识，培养和发散学生的思维，并以思维活跃的学生为代表，促进学生彼此之间的经验交流。
2数字交互技术在陶瓷造型设计教学中的具体运用分析
2.1陶瓷造型设计教学中相关软件的运用
数字交互技术在陶瓷造型设计教学中的运用功能是在各种软件支持下实现的，主要包括3dsmax、Unity、AfterEffect等软件，对陶瓷造型设计教学中虚拟场景的设置起到重要作用。3dsmax软件被应用在广告制作、影视制作、工业设计等领域，是基于三维软件，将其应用到陶瓷造型设计中，在建模工具的使用下制作出陶瓷模型。还可以设置模拟真实灯光，为三维陶瓷造型渲染装饰图形。Unity软件能够创建三维视频游戏，实现三维动画等多重互动功能，教师利用该软件能够将陶瓷教学课件到各个平台，方便学生的学习。AfterEffect软件是制作动态影像的重要工具，教师将其应用到陶瓷造型设计教学中能够制作出后期合成效果。ZBrush软件的使用，能够增加陶瓷造型设计像素的深度、材质、光照等特效，在2D和3D结合的同时，辅助教师制作出逼真的陶瓷造型。综上所述，可见数字媒体软件的功能，充分满足了教师在制作数字交互陶瓷造型设计课程中的教学要求，实现了对课程的简单化处理，解决了传统数字交互陶瓷造型设计的困难，提升了教与学的效果。
2.2数字交互技术对陶瓷造型设计素材模型的制作
（1）交互素材模型及相关贴图的制作。
数字交互技术下的陶瓷造型设计应用，要求陶瓷模型能够从多角度地进行观察。满足这种多角度观察需求的是即时渲染模型，主要由3dsmax来制作，并借助photoshop来制作相关模型的贴图。在3dsmax软件中，依据需要制作的瓷器图片制作出的模型。数字交互技术下陶瓷造型设计的演示过程，在同一时间只有一个3D模型能够进行展示和交互，模型的面数被限制在1万面左右。之后，根据数字交互技术设计出的陶瓷造型贴图。
（2）陶瓷造型动态素材模型及其动画的制作。
陶瓷造型动态素素材模型的制作目的在于增强页面的气氛。大多数的时候，这种动态素材都是位于页面的底层，因此只需要制作简单的模型贴图就可以。
（3）陶瓷造型静态素材模型的制作。
陶瓷造型静态素材，主要是指各种图片，为了节省内存，需要将这些图片整理在一张大的图中，当需要某个图片时，就从大图中读出需要的部分。这样，在引擎中通过对文本信息的检索，能够避免因为繁读带来的不必要消耗。
2.3数字交互技术下陶瓷造型设计中交互模块技术的实现
（1）首页的制作。
需要在Unity软件的界面上创建一个project区，并点击右键菜单导入新的资产，重复这个步骤就能将之前制作的资产全部导入，包括陶瓷设计模型、贴图等。
（2）内页层级的制作。
内页的制作和首页的制作大体一致，都是通过对组件的添加来建立起一种基本的版式。其中，不同的内页需要在之前规划出不同的导航按钮和次重要级页面，并需要设置能够展示陶瓷设计模型的窗口。通过在check上添加控制脚本，让check被选中时对一些物体或者组件被显示或者隐藏起来，从而实现界面之间的交互。
2.4陶瓷造型特色shader的设计和制作
上文提到数字交互技术下，陶瓷造型设计需要尽可能地节省资源。在这种情况下，传统灯光的使用虽然能够带来逼真的效果，但是对硬件的消耗较大，由此产生了一种表现特殊质感的自定义shader。Shader原理可以认为是，通过在一张能够展现特殊质感位图上提取颜色，将提取的颜色映射到相关的陶瓷模型表面，进而产生一种特殊的陶瓷质感。用来表现陶瓷质感的图片一般可以用photoshop绘制得到。在shader上呈现的效果如果想要得到不同的质感，需要对质感图进行替换。
3数字交互技术教学中需要注意的问题
第一，数字交互技术应用下的陶瓷素材模型制作，分为素材模型制作交互素材模型、贴图制作动态模型、贴图制作静态模型等。因此，要求教师要充分做好课前准备。第二，数字交互技术教学方法的使用，以及对课件的构思需要教师在课前进行充分的讨论，从而站在学生学习的立场设计出有效的课程设计，将功能需求和界面元素进行结合，利用各种软件展示最终设计效果。第三，教师在教学中要注意对多种数字化教学资源的充分使用，为学生构建一种现代化的课堂。
4总结
数字媒体技术，在陶瓷造型设计中的应用产生了积极的效果，为陶瓷设计教学提供了新的发展方向，提升了陶瓷设计的技术含量，加强了对各种高科技的应用。通过对3dsmax、Unity、AfterEffect等软件交互技术的应用，改变了传统陶瓷设计教学的方式以及模式，实现了陶瓷造型设计课程的生动化。在这种技术的支持和完善下，实现了陶瓷造型设计教学的立体化、形象化发展，是将现代科技和教育改革充分结合的一种突破性发展。因此，需要引起有关人员的重视，并积极对这种技术进行改善，从而丰富陶瓷设计教学模式，促进陶瓷设计的不断发展。
参考文献：
［1］郭巍.数字交互技术在陶瓷造型设计教学中的应用研究［D］.北京工业大学，2013.
【关键词】正交设计；方差分析；极差分析；试验设计；工业应用
一、正交设计的应用类型
基本上有四种情况：有交互作用和无交互作用，重复试验和无重复试验。相应的对这四种情况所构造的正交表也有所区别具体情况如下：（1）无交互作用是指实验各因素之间是相互
独立的，只是单个因素的水平变化对指标有影响，因素间各水平的联合搭配对指标没有影响或影响可以忽略不计，这种情况对正交表的构造没有影响。（2）有交互作用是指在进行实验时，有时不仅因素的水平变化对指标有影响，而且有些因素间各水平的联合搭配对指标也产生影响，这种联合搭配作用称为交互作用。当出现了交互作用时，正交表的构造也要发生相应的变
二、方差分析在工业上的应用举例
下面以一个三因素、三水平的无重复实验，无交互作用的工业生产例子进行分析一下：例，某水泥厂为了提高水泥的强度，需要通过试验选择最好的生产方案，经研究有三个因素影响水泥的强度，这三个因素生料中矿化剂的用量，烧成温度，保温时间，每个因素都考虑3个水平，具体情况如表，试验的考察指标为28天的抗压强度（Mpa），分别为44.1，45.3，46.7，48.2，46.2，47.0，45.3，43.2，46.3。问：对这3个因素的3个水平如何安排，才能获得最高的水泥抗压强度？
上述例子中指标为抗压强度，影响指标的因素为A（矿化剂的用量），B（烧成温度），C（保温时间），例中只有三个因素，三个水平，L9（34）、L27（318）这两张表都至少有四个列。因此，都可以用来安排这个试验。我们要求尽量少做试验。
对上述例子应用SAS编程，只用输入主效应项，运行后的结果如下：
从输出结果中可以看出，在A（矿化剂的用量）的第二个水平下的均值最大，在B（烧成温度）的第三个水平下的均值最大，在C（保温时间）的第三个水平下的均值最大。根据实际因素，（抗压强度）越大越好，因此在A2B3C3的条件下，即在矿化剂的用量4%，烧成温度1450℃，保温时间40的条件下生产，抗压强度最大。
三、正交设计法的应用步骤
（1）定指标，挑因素，选水平；（2）选择正交表、排表头；（3）排试验方案表，做试验，填数据；（4）分析数据，选取合适的生产条件。通过验证试验，找出较稳定的较优生产条件，进行小批量考验，最后纳入技术文件，才算完成一项正交试验的全过程。
参 考 文 献
一、基于数字交互技术的课程系统的特点
若要使具有交互功能的课程设计内容传递给学生，那么这一系统平台必须具备几个基本功能：（1）为了能够做到学生与老师进行在线交流，必须具备文字发送功能。（2）具备图片发送功能。（3）具备语音传递功能。（4）具备多人讨论功能。通过这种方法，实际上是把传统教学模式变成了带有“社交”特点的模式，也改变了传统课程设计过程中过于强调老师作用的问题。在这个交流互动过程中，强化学生对于课程关注的主动性，以及对于知识把握的主动性，将学生变为知识传递过程中的主体，淡化老师“主导一切”的作用。这类课程设计由于开发之初就会考虑交互性和趣味性，因此会引导学生进入相应的学习情景中，增加学习过程的乐趣。目前，移动课程设计应用平台可以考虑市场占有率最高的IOS平台以及Android平台，基于这两个系统的交互平台在数字移动终端设备中占据了绝大多数市场，并且这类设备具有非常小的体积，非常便于携带，因此在这些设备上展现的课程设计完全可以做到“随身走”的目的。
二、构建数字交互技术的课程设计
在设计之初，就需要考虑结合课程知识特点来设计出有别于传统方法的交互手段。数字化技术手段的使用，除了可以保留知识固有特性以外，还能够体现出新的感官体验。因此，不能够将传统已有的课程知识直接放置于这类平台中，这样会失去其交互的特性和目的。与传统课程设计不同的是，学生可以通过相应的交互技术，比如单点触摸、多点触摸等方法对相关课程内容进行多种操作。事实上，就课程设计本身来说，可以包涵课程设计与创作以及课程设计的数字化呈现，数字化呈现过程中强调的是内容的可交互性，可融入的情境性，这就要做一整套的前期准备工作，比如情节脚本的创作、情境情节的设计、交互动作与方法的设计等方面。图文并茂是这个技术下实现课程设计的最基本需求，对于学生群体的心理感知特征、年龄结构、知识储备、兴趣点等方面均需要做整体的考虑。经过这样全面考量的课程设计会具备良好的可应用及可推广性。因此，这类课程设计需要注意学生使用过程中所产生的认受感知、情境感知、互动感知以及趣味感知等几个方面。学生在学习过程中，对于知识的认知程度很大程度上会被兴趣范畴所决定。所以，在课程设计过程中，对于交互过程和情境设计就显得尤为重要，要让知识变得有趣味，同时交互过程又不能够过于复杂，注意在设计过程中考虑降低学生的使用难度，辅助以相应的视听元素和情境元素，使学生感受到交互过程与知识学习之间的紧密联系，而这种联系恰恰成为学生学习并且记住相关知识的过程媒介。数字交互技术在课程设计中的应用，需要依据个方面的成熟经验来完成，比如涉及到学生心理认知程度因素，就需要依据相关心理学家的研究成果；再比如，涉及到相关内容实现的环节，就需要依据相关软件工程师的知识与技术……通过深入对学生学习需求及兴趣调研，结合各方面的研究成果，采用数字技术手段，从而设计出为学生能够认同并广泛接受的课程设计作品。
三、构成数字交互技术课程设计的要素
基于数字交互技术课程设计的核心设计要素与其他产品的核心设计要素一样，都是“创造性”。这一技术环节下进行的课程设计实质上是将知识信息与计算机技术及表现手法向结合从而形成特定表达形式的一种方法。计算机程序技术的不断发展，使得课程设计完全可以用有别于传统方法的形式进行完成。这个设计过程中所包括的设计要素大体有几下几个方面：（1）课程内容呈现界面简单、美观。要用最直接和美观的界面环境展现出每部分的课程内容，注意界面设计中的友好程度以及颜色的使用，界面设计是否友好，颜色使用是否得当，是否具备美感，对于学生使用来说会有非常直接的影响。（2）强调交互手段的和谐与自然，通过交互手段，能够让学生充分参与知识获取过程中的互动交流，因此在进行课程设计的时候，交互方法的考虑是一个非常重要的因素，好的交互方式，可以促进学生使用的兴趣，增加趣味，调动学生更好的学习认知与积极性，从而更好地完成知识点的学习。（3）体现游戏的情境，对于学生来说，知识点的展示与获取，若能够融入相应的体验情境中，形成对知识了解的相应连续性，引导学生按照其感兴趣的方法，主动参与知识获取的过程中，这也是数字交互技术应用于课程设计中的必要因素之一。
四、数字交互技术课程设计的方法
在应用数字交互技术进行课程设计之初，首先需要进行前期学生受众情况的调查和定位，不同年龄，不同阶段的学生有其特有的心理接受特点，要根据这样的特点来进行设计开发。1.结合课程内容和知识要素建立功能模型。调查不同阶段学生对于交互功能的喜好，并且进行列举。在这其中选出相对适合大多数学生喜好的功能方法，完善课程设计的创意部分；考虑应用平台的种类与限制，比如针对IOS和Android的屏幕分辨率的不同，要有不同视觉化的设计考量；不同系统平台的操作方式存在一些差别，在进行课程设计的时候也要一并考虑进去。2.根据课程设计的需要绘制流程图及相关界面设计要将整个课程设计过程顺利完成，流程图的绘制，是不可或缺的。关于知识点衔接的方法，知识点与交互方式的融合，以及获取知识进阶的办法，这些都需要用流程图来表示出相互之间的转换过程。具体来说，每一个操作环节，每一部分文字的显示，每一个图片的调用，每一段视频或者饮品的使用，以及相关界面之间的互相跳转，这些在进行课程设计的时候都需要具备良好的思路和清晰的逻辑。同时，还需要对于相关界面分布布局进行设计。每一个界面中需要使用到的诸如“按钮”、“Logo”、“导航”、“内容展示”等元素都需要进行先期设计，在这些先期设计完成的基础上，再进行内容的加载与完善。3.数字交互技术进行课程设计的原型设计。原型设计，是将前一步的逻辑过程和草图进行细化的过程，搭建一个逻辑顺畅，界面友好的原型程序进行测试。这一阶段，并不是要完全实现整个课程设计过程，而是要进行相关技术的检验测试，比如对于前一步做出的交互设计方法进行逻辑检验，检查其是否能够顺畅运行，技术实现是否存在问题；原型中对于界面的测试，则侧重于视觉感知环节，界面是否使用方便，提示是否明确，内容是否明显等问题都需要在这个环节进行测试并确认无误之后，再进入整个课程设计的完成阶段。4.使用数字交互技术完成课程设计。在前几个过程的基础上，选择相关的技术来进行最终的课程设计实现。实现的技术方法有很多，比如使用ActionScript3.0，或者JAVA，又或者HTML5技术来进行APP开发，这些手段都是可以的，当然，这里列举的都只实现是学生端的APP框架的技术手段，而对于课程设计的主体，也就是服务器端的部分则需要使用诸如PHP，或者Vi-sualStudio等工具进行程序开发，另外还需要使用到数据库技术。总之开发这样一个基于数字交互技术的课程设计产品，是一个严谨有序的过程。
五、结语
一个好的课程设计产品，不仅能够促进学生对于知识的掌握与了解，更因为其所具有的独特交互特点和情境环节，具备了一定的趣味性和游戏性，将原本枯燥的课程学习与教授过程变成了相对愉悦的沟通过程，不仅具备教学环节的实践性，更具备广阔的商业前景。
作者：彭生琼 王凯翔 陈望 单位：北京服装学院
随着信息化的深入，互联网已经成为现代人们获取信息与交流的平台，网页成为人们浏览信息、获取信息、放眼世界的主要窗口之一。也是企业宣传产品形象的重要途径。在长期的使用中用户参与度不断提高，现代网页界面设计更加关注与用户的交互，关注用户体验。网页交互设计要求设计师要从用户体验的角度出发，坚持以用户为中心的设计原则。目前网页交互设计中用户体验依然不够完善，存在着诸多的不符合用户体验的元素。
关键词：
交互设计；简约的网页设计；网页UI设计；以人为本；用户体验
一、网页界面交互设计
随着互联网的不断发展，交互设计如雨后春笋般迅速生长，当然其中存在的问题也日益凸显，因国内大多数院校并没有开设网页交互设计专业或者相关设计课程，因此系统学习过的专业技术人员稀少。交互设计是一门新兴学科主要关注交互体验设计，1984年由IDEO的创始人比尔•莫格里奇在一次设计会议上提出来。在过去网页交互设计主要由程序员来完成，并不是由设计师来操作，由于程序员自身的局限性，这就造成诸多设计问题，比如网站设计的交互方面粗糙，繁琐难用，其次在传统的网页设计中，设计师往往较为重在技术，而忽略人的“情感”问题，忽视了”情感”的交互。网页交互设计还要遵守一定的形式美法则。美的东西总能打动别人，对于网页来说也是如此，漂亮舒适的网页界面总能吸引用户的眼球，并且提高网页的浏览量。随着生活节奏的不断加快，人们需要安静的元素放松精神，因此对美的认识逐渐变为易用的、简约的。简约主义必然就被应用到了网页设计中。究其原因主要在于简约主义设计的它蕴含深厚的审美意趣和内涵。现代主义建筑师勒•柯布西耶认为在设计中对外在装饰追求的多少能反应出个人审美修养的高低。
二、网页交互设计的意义
当今很多人认为网页设计，就只是简简单单的美工设计，或者说浅层次的理解为交互设计的只是为了使浏览者更好地、更容易地操作网页。交互设计不仅只考虑到用用户更好地，更加容易操作网页界面，而且还要考虑到用户的需求，根据用户需求去设计是否需要易用性，站在用户的角度去思考问题。由于影响设计的因素逐渐增多，我们只有改变思路，从用户出发，不能只靠考虑是否美观，这样才能设计优秀的网页交互设计作品。
三、用户研究
以用户为中心的设计，首先需要了解的就是“以人为本”。“以人文本”旨在了解用户需求，以用户为出发点。设计师是在设计网页的不能只专注于网页界面的美观，还要考虑到用户的行为及心理，更深的挖掘用户需求，才能设计出好网页。在做设计的时候避免不了用户研究，用户研究首先包括可用性研究，其目的是提高产品的可用性，在网页交互设计中则体现为网页界面应该能更容易地被人接受、使用和记忆。其次就是设计师要敏锐地去发现用户的潜在需求，为网页更好为人服务。用户研究要求设计师站在用户的角度去思考问题，并最终提出最佳的解决方案，说就是设计师要思考自己设计网页如何能让浏览者主动的喜欢上自己网站页面。用户研究的主要方法是通过分析使用者的使用语境，使用习惯等。这样才能设计出满足浏览者对网页功能期望的网页。
四、用户体验
网页界面的设计效果，会影响用户的情感。对网页交互设计产生的还会影响人的情绪和情感。因此在网页体验设计需要将人的生理本能及情感的注入到设计之中。从用户体验而谈，用户浏览网页是有什么需求？可以归纳为两点：首先是浏览信息，其次操作数据。这里的数据是指在数据库中的数据，用户在浏览信息时，不会对“数据”造成任何操作，只有用户进行点击链接、跳转页面等，才会和数据进行交互。因此，在做网页交互设计时候主要满足用户的这两方面的需求，要做到：一、要有一个漂亮的界面，及网页界面的视觉设计要美观，二、用户在操作数据时候要高效，及网页界面的交互设计灵活。
五、以用户为中心的网页交互设计
交互设计之父AlanCooper首先在他的著作《AboutFace3:交互设计精髓》中提出了目标导向设计的方法。交互设计只有从使用者的目标出发来设计，满足用户需求，这样才能使用户感到满意，并将信息推荐给其他人。以用户为中性的设计最重要的就是要了解用的目标，需求和动机是什么。在网页交互设计中不能匆忙的使用绘图软件画出漂亮的界面，设计师首先要做的是用户研究，了解用户需求。只有在充分研究用户需求之后，建立用户模型，对产品进行归纳，最后再来关注细节设计，如网页的界面风格，字体，图标，色彩等的搭配.其次要最终用互动使用习惯进行网页交互设计，用户的使用习惯并非即刻而成的，而是用户长时间的养成的生活方式。浏览者在浏览网页的会形成自己的行为习惯，其一，网页交互设计只有尊重用户的使用习惯、利用自己所学知识及长时间积累的经验才能设计出更加流畅的网页界面。其二设计师在设计的过程中必须要考虑到界面的简约，易用，不是使浏览者去记忆使用大量的流程。日本设计大师深泽之人在产品设计提出“无意识设计”理念，这种理念也同样适用于网页交互设计中，无意识的设计就是让设计师关注用户的行为习惯，设计出的产品能够使用户在轻松的使用此产品进行工作，减少不必要的记忆。网页交互设计不能有过于花哨繁缛的内容以免影响用户体验，在网页交互设计中网页界面的设计应该具有简洁性。
六、结束语
网页交互设计要达到最有效的传递信息给浏览者，其页面的视觉引导，页面的风格统一毋庸置疑是一个特别重的环节。视觉上必须要简洁。在设计中要以用户为中心进行设计。“以人为本”的创新设计是网页交互设计的核心思想，好的设计必须能够打动人，好的设计必须是美的设计，必须是为人的设计，这也是未来的网页交互设计的主要发展趋势。网页交互设计不只是单纯的给网页进行简简单单的进行一些装饰和美化工作，设计师在设计网页的时候必须要基于网页的易用性，情感等赋予独立的思想和创意，要结合浏览者的行为习惯、心理、及使用方式等因素，以为为本，基于用户体验进行网页交互设计。了解用户，站在用户的角度去思考问题，根据用户需求来设计网页界面，以用户为中心的设计是简洁、易用的网页交互设计中的重要基础。
参考文献：
[1]张静，肖玮，杜煌，论网页界面的交互性设计，[长春师范学院学报]，2013年
[2]吴飞燕，基于用户体验的网页UI设计，[电子世界]，2014年
[3]曹华宇，张阿维，基于用户体验的网页界面交互设计原则，[艺术科技]2015年
[4]秦彩宁，网站UI设计浅析，科学时代2015年底06期
关键词：扁平化拟物化ios 交互设计UI
三年前，当windows phone开始扁平化时，面对的是世人嘲笑的眼光。两年前，当安卓4.0开始扁平化时，世人只当是与苹果区别的挣扎。一年前，扁平化通过iso7.0逆袭成功，成为如今交互设计主流。“扁平化”通过三年时间在我们生活中扎根，我们可以看到质感厚重，图层样式繁多的网站越来越少，反之各种轻质感、布局大胆、创意新颖的网站越来越多地进入了人们的视野。那么将这一趋势带来的扁平化到底意味着什么，扁平化的设计理念又将会带领交互设计带往何方？
在交互设计中什么是扁平化设计
首先说说什么是扁平化设计。“扁平化设计”一词所指的是抛弃多年来流行的渐变、阴影、高光等拟真视觉效果，从而打造出一种看上去更“平”的界面。扁平化设计正是通过这种放弃任何附加效果的方式，创建了一个完全不带3D属性的设计方案。在这里，没有阴影效果、斜角、浮雕、渐变等其他方法来帮助元素产生相对于屏幕的凹凸效果。完全没有任何效果的图标和UI元素通过色块的搭配也都是看起来非常鲜明。
交互工具的界面设计为什么会选择扁平化设计？我们先来看看web UI的发展史，在互联网制作的初期，由于技术的局限，网页只是作为呈现信息的一个平台而已，毫无设计可言，随着科技的发展，CSS的广泛运用、才开始有了网页设计的概念，在这个阶段已经有大量个人网站出现了'许多网页使用Ps切图制作个性的UI效果，拟物化设计登上UI设计舞台。在javascript网页特效以及Flash流行起来后，静态的高光立体拟物效果已经满足不了大家的视觉需求了，于是开始使用简单的静态交互（javascript或flash本地交互）来产生更仿真的效果，设计师想让webUl更像是一件实物，可以带来一种更为生动的感觉。希望能消除科技产品与生活的距离感，在无论是网页，或是各种获取资讯的软件所提供的信息量相对较少的情况下，网页更倾向于UI带来的视觉冲击，软件的UI设计也更为大胆。
2005年后，web2.0的出现使得设计师更专注于内容呈现和交互，同时开始去掉了各种不必要的视觉效果。web2.0概念伴随着几何次方增长的信息而生，带来了更大的信息量和更复杂的交互，使webUI回归了它应该做的，就是以更好的体验呈现更大量的信息，让内容展现自己的生命力，而不是靠UI设计喧宾夺主。
这使我们想到在说到扁平化的同时，我们必不可少的会说到另一种设计分格――拟物化（skeuomorphism），拟物化作为与扁平化设计极度相反的设计风格，从web UI诞生起就一直占领UI设计的主流。拟物化设计的特点是界面模拟真实物体的材质、质感、细节、光亮等；人机交互也拟物化，模拟现实中的交互方式。拟物设计会让任何人都知道这个图标是用来干什么的，同时这也是拟物化最大的好处，它能让上至八十岁的老人，下至几岁的孩童都能看懂IOS里面几乎所有自带应有的图标。在ISO系统中各种按钮的视觉质感和点开之后的交互效果，有力的与现实所结合，养成用户对这类应用有统一认知和使用习惯。让用户在使用此类应有的同时感受到来自应有本身的人性化体贴。但是拟物化本身同时也是个约束，它限制功能本身的设计。在电子设计领域使用拟物原理直接导致了在苹果控制面板中的模拟时钟比电子时钟更难读，点击计算器的按键要比用键盘输入花费更多的时间。坚持使用拟物设计产生了不少的问题：由于一直使用与电子形式无关的设计标准，拟物化设计限制了创造力和功能性。将拟物化元素与少维的元素相融合时，拟物元素看起来有些不一致，而且这些模仿并没多少逻辑。比如，苹果的找朋友应用就有一个看起来像缝合皮革的背景。但该元素与现实世界没有任何关联。拟物化元素以无功能的装饰占用了宝贵的屏幕空间和载入时间，当与其他无拟物效果的元素组合时，拟物元素看起来有问题，这样就限制了整体设计和其他的元素的效果。我们可以看到现在的UI设计，也开始像当初webUI一样，回归内容的本质，开始走上由繁至简的道路。
扁平化设计成为交互设计主流风格的几大原因
扁平化对于互联网巨头直接意味这两个词：快速，突出。
快速高效是扁平化设计的一个很重要的基因，时间就是金钱，如何在信息更新如此之快的互联网即时的跟上它的脚步呢-那就是快速， 快速同时也意味着更低成本的运作，采用扁平化设计，可以再最短的时间内更新所需的页面，只需要给制作提供相应的色值就行，大大的节省了项目时间，也方便下次再更新。这也是很多互联网巨头们为什么选择扁平化设计的原因之一。
信息突出，是在信息大爆炸时代，网站取胜的关键，扁平化设计通过颜色的对比，大小不同的字号，让重要的信息放在首要位置，不重要的元素弱化，除了几个主要的动作按钮当中使用了轻微的斜面效果以外，其他界面元素全部采用扁平风格，这样的设计让访问者可以很容易的将注意力聚焦在品和信息上，而不会被网站界面上的视觉元素所干扰。从而突出核心信息和操作。这些都增强了网站的易读性和可读性。
对于用户，扁平化则是简洁明了的，简洁的东西总是让人喜爱的，在一个设计简洁逻辑清晰的网站你能很快找到自己所要的东西，从而提高用户体验。
目前大多数对于界面风格扁平化的讨论，主要在于界面与图标中材质、阴影、立体感的消失等等。实际上对于界面设计来说，正如人们对于视觉感官的新鲜需求和疲劳度是与生俱来的，各种视觉风格的流行和更迭―直在持续进行着。然而过去的很长一段时间内，界面设计的风格都处在循序渐进的改变，“扁平化”的设计却是在短短十几个月的时间内迅速流行起来。从本质上看，这不仅仅是一种视觉风格的改变，而是一种设计语言和思维方式的演化。
对于打造交互设计中扁平化设计风格的几点建议
形式遵循功能，少点再少点
一些伟大的设计中所运用的“形式跟随功能（form followfunction）”和“少即是多（1ess is more）”的理念依然是我们今天还在谈论和学习的。简单的说，在用户界面设计，常常去掉真正将界面带入生活的那些东西。在扁平化设计的世界中设计师必须专注于产品的本质，它是用来干嘛的，而不是它们要看起来像什么。
细节永远是追求的方向
设计中所谓细节决定成败，有时候一点点行距一点点色值的不相同也会对整体视觉效果照成很大的影响，细节的调整是很有必要的。字体作为扁平化设计中的重要元素。你可以使用字体帮你创建你期望的风格和基调并且使界面更加简洁。
色彩一定要酷点再酷点
由于少了些质感，所以颜色也变得尤为重要了，运用搭配合理的颜色能起到决定作用。设计界面的基础之一是定义调色板。扁平化界面设计所采用的色彩的模式与其他调色板相比倾向于更加醒目和更加明亮。当你选择好调色板后，确保给主要交互动作指定色彩：比如“提交”、“发送”、“更多”等按钮都应当是同一个色彩。理想情况下鲜明的色彩与背景形成了鲜明的对比。如果你的徽标或者商标采用主色的话，那么它应当是主要控制所使用的哪个色彩。不要自始至终过分的使用它，否则你将冒着在用户眼里这个色彩不太重要的风险。
在扁平化设计里色彩的选择尤其重要，因为当你使用扁平化按钮的时候，色彩将是帮助用户识别彼此的主要手段之一。
最关键的是创新
优秀的设计是创新。我个人比较喜欢苹果首席设计Jony Ive的方法：先打破以前的框架。比如说设计一个饭盒，那他先要把“盒”这个概念抹去，不要被这个“盒”所困住思维，只想这个器皿最佳的使用方式和设计形式。比如时间，不只是想到钟表，还可以想想有没有其他更好方式来呈现。
结论
目前大多数对于界面风格扁平化的讨论，主要在于其艺术表现形式的变化。实际上对于界面设计来说，人们对于各种视觉风格追求―直在持续进行着。然而过去的很长一段时间内，界面设计的风格都处在循序渐进的改变。“扁平化”的设计却是在短短的时间内迅速崛起，从本质上看，这不仅仅是一种视觉风格的改变，而是一种设计语言和思维方式的演化。扁平化设计风格最大的优势就是它可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生，这不仅是设计视觉风格的突破，更是功能性在交互设计风格中的重要体现。
如今各种不同尺寸和配置的产品出现，填补了不同级别间的空缺，同时要求更高的界面适应性，这些都要求我们将界面设计回归到如何理解功能内容和应用本身，但是否“扁平”并不应当成为交互界面的评价标准，良好的交互易用性、理解识别度、情感传达、操作反馈、图形隐喻、视觉舒适度、动态表现和音效设计等等方面，才能构成一个优秀的交互设计产品。
参考文献
[1]范圣玺行为与认知的设计设计的人性化[M].中国电力出版社.2009-3-1
[2][美]维克多・帕帕奈克（VictorPapanek）著，周博译为真实的世界设计[M].中信出版社.2013-1-1
[3][英]科制白恩著李松峰，秦绪文译简约至上：交互式设计四策略[M].人民邮电出版社.2011-01-01
[美]加瑞特著范晓燕译用户体验要素：以用户为中心的产品设计[M].机械工业出版社.2011-07-01
[5][美]Jeff Johnson著 张一宁译认知与设计：理解UI设计准则[M].人民邮电出版社.2011-09-01
关键词：电子书籍；新媒介；平面视觉语言；设计方法
中图分类号：TP39 文献标识码：A文章编号：1672-3198（2008）06-0324-02
1 电子书籍的媒介特征
上世纪80年代，电子信息化技术迅猛发展，应运而生的电子书籍使设计对象从静态的印刷品转变为动态、互动的多元化媒介。电脑、网络、手机、MP4等新兴事物使传统的传播模式与思维方式受到了巨大挑战。
传统的线型传播的形式特征是点对点的单向、线型传播，即是将传播的过程看成是一种单向传送信息且呈直线形态的过程，受众对信息的反应被忽略。而新兴的传播媒介如网络传播扩展了传播的广度与深度，能实现点对点、点对面、面对面、面对点的交互式传播。人们可以主动地、有选择地接受信息并及时反馈信息，新媒介赋予交互式传播形式一种非线型、交叉的网状传播结构。电子书籍正是利用了新媒介的交互式传播形式，使受众能更广泛地实施选择性接受。众多的电子书籍网站都设有互动平台，读者能随时、便捷地将意见看法出来，并不受时间地域的限制，自由地与其他读者交流。甚至在书籍的创作过程中，电子书籍网站会分章节上传书稿。此时读者能迅速与作者交流，自由地表述自己对现有内容中角色、故事结构的看法。这样的互动形式将读者由原来的单一被动接受转变为分享和主动交流。新媒介传播模式的个性化、交互性特征彰显无遗。
另一方面,传统的传播领域局限于杂志、报纸、广播、电视等形式，而新兴的媒介拥有更广泛的形式与途径。无论是方便迅速的程度还是传播覆盖率、受众面都拥有了新的局面。电脑、手机、MP4等新媒介的自助式与个性化特色极大扩充了书籍市场。世界顶尖的搜索引擎供应商GOOGLE在2006年扫描了来自世界上最大的5座图书馆的书籍，准备放到网络上以供下载。人们拥有了这些强大的平台支持，更有新媒介所具有的多种媒介功能，就能更便捷地使用网络下载阅读图书，并将这种形式的书籍带给更多人群。正如英国企鹅图书有限公司所说：“数字音频下载正在把书籍带给那些也许从来没有光顾过书店的顾客。”
更重要的是电子书籍将读者感兴趣的书籍和最先进的移动终端设备结合起来，继音乐、电影、电视、地图等数字化和使用轻巧化之后，书籍的阅读也变得便捷化。读者可以轻松地进行掌上阅读而不用手捧厚重的书本。此外，电子书籍拥有传统书籍无法比拟的新颖交互式体验。它融合了文字、音频、图像、动画、视频等手段，具有很强的视觉冲击力和新颖的表现形式。动态的画面、音频视频的运用、方便的链接为阅读增加了更多感官体验。例如对重要文字设置超级链接，并对相同文字执行相同链接，当鼠标滑过该文字段时，就能迅速弹出一交互画面，出现与链接文字相关的数条即时在线搜索信息，形似书籍的注释。而这样的注释形式内容，信息量之大也是传统印刷品无法比拟的。因此，电子书籍的发展不仅会改变人们的阅读方式，也将改变人们的阅读内容。
2 平面视觉设计语言在电子书籍中的形式
（1）图形、图像。事实上，媒介的变革已令图形、图像设计衍生出强劲的数字化艺术效果。IT与艺术的结合，涌现出了数字三维 、数字抽象艺术、动画、虚拟现实等众多种类。这些新颖艺术效果在电子书籍中均有表现舞台。
以数字抽象艺术为例，其数字化抽象图像具有非实体、动态的、瞬息万变的特征。它的基本概念是一种模拟信号，即将图像上的每个点的信息按规律进行模拟/数字转换。这样的图像除具备传统图形、图像的表达元素即点、线、面、色彩、文字等，更具备了时间特征，将时空的概念引入到平面画面当中。数字化抽象图像运用时间轴线，可将图形元素在尺寸和位置上进行不同时间点的变换；也可利用计算机技术将平面图形元素拓展为动态化表现。而数字化抽象图形、图像设计具有强烈的逻辑美感与自律性，随机组合的各种重叠、融合、透叠、扭曲变形画面或脉冲效果，又展现出动态的、瞬间万变的特征。表现元素强烈的条理秩序与偶发的、无定型的表现形态在时间维度中随意展开，尽显科技性艺术的奇妙。此外，动画的引入也为电子书籍的图形、图像表现提供了全新形式。动态画面能模拟人的动作，将传统书籍阅读中“开卷有益”的动作虚拟表现，给数字化艺术特有的新工业视觉体验加入了几分人文情感，增添了电子书籍画面的丰富性与趣味性。
由于电子书籍的使用群体现在主要集中于对网络及电子产品熟悉且依赖的人群，他们大多属于接受能力强、有革新消费欲望的年轻群体。因此数字化图形与动画等新兴的表现形式已被他们接受。设计者可以将新颖但却晦涩难懂的数字化抽象图像用作插图或动态画面。通过读者的互动体验使其理解文本与图像内容，感受一种科学与艺术有机结合的个性化艺术形式与风格。此外电子书籍带有快餐文化的痕迹，许多电子书籍的故事内容都借助于网络这个虚拟世界的特质描述虚拟的魔幻主题，数字化艺术与动画的画面风格正有利于此类主题的表达。
（2）版面。对电子书籍而言，阅读的画面是个人电脑、手机、各类个人数码工具的视频界面，相比传统的书籍版面发生了质的变化。传统的书籍主要使用纸张与印刷，纸张和其他材料为书籍构建出一个立体的空间。市场上以8开、12开、16开、20开、32开等书籍为主流形态。因此传统书籍的版面也以上述尺寸为设计范围，注重版心、天头、地脚、内边白、外边白、书眉及页码的设计。电子书籍的画面尺寸则以数码工具的视频界面大小而定。以个人电脑为例，电子书籍的版面设计包括1024*768、800*600、1280*1024等像素尺寸的画面。由于视频媒介界面的特殊性，电子书籍的画面不再具备传统书籍的立体形态，其窗口式界面无法象印刷品一览无遗，而是在1024*768或800*600像素分辨率条件下滚动纵向滚动条，因而版面设计更象是在一个长条型画面中展开设计。由于窗口界面的大小限定，使得每次滚动都是成比例地向下移动，一个长条型画面被截为多个相对独立的1024*768或800*600像素分辨率尺寸画面。版面设计应充分考虑上述特点，从功能上分区布置画面。
电子书籍的版面构成要素除包含传统书籍的文字、色彩、图像等视觉要素外，新增加了属于导航系统的构成要素和动态构成要素，包括a、链接按钮：栏目、次主题、分类菜单按钮等；b、搜索按钮：“搜索”功能按钮、关键词窗口、相关信息链接等；c、公共关系按钮：返回主页按钮、上下页按钮、帮助按钮、信息反馈等；d、动画、滚动轴、声音按钮、播放控制按钮等。多元化的构成要素各自拥有不同的功能和使命。因此在版面设计上，首先应清晰明确地分工协作，通过对诸要素有机地富有层次地安排，科学地引导视线流动。网页设计可以突出信息内容的丰富、多样，版面常常饱满且尽量在空白区域加塞广告；电子书籍的版面设计，则应当留出足够空间安排书页内文与插图，且内文版面不宜充满整个页面，对比网页版面设计更应强调留白空间的运用。足够的空白区域使用，能使读者在大篇幅的文字阅读间歇中得到视觉与心理的舒缓，并有益于读者对书籍内容的冥想与思考。因此恰如其分的版面设计可以为生冷的电子产品和新工业视觉体验加入温暖的人文关怀。
（3）色彩。相比印刷色彩，新兴的视频传播媒介也赋予色彩新的生命。传统书籍大多使用印刷品形式，印刷色彩有上百万种。而电子书籍依靠视频这种媒介，视频的色彩模式采用RGB模式，即R(red)G(green)B(blue)。RGB各有256级亮度，按照计算256级的RGB色彩总共能组合出约1678万种色彩，色彩数量就远远超过印刷的CMYK模式。因而设计师可以在极大扩充的色彩中尽情发挥。其次，同样是采用视频色彩模式的网页画面，大多数习惯使用白色为背景色，这是由于网络的特殊性形成的潜在规律。可以看到电子书籍不同于网页，信息量小于网页，因此设计中可多考虑有彩色的画面；但色彩设计不宜对比过强，色彩的种类不要太多，注重统一与简洁，以此配合版式设计的适度原则。此外由于RGB模式下色彩是通过自身发光来呈现色彩的，色彩明度与纯度的等级数量远高于印刷的CMYK模式。因此电子书籍的色彩纯度也不宜太高，否则强烈的色彩纯度、明度对比容易引起观众视觉疲劳，甚至伤害读者的视力。
（4）交互设计。交互设计是现有设计领域中最新发展起来的学科，由Bill Verplank在20世纪80年代提出。交互设计涵盖了人体工程学、认知心理学、人类语言学与人性因素等多种学科知识，因此是建立在人类与机器产生的交互关系基础之上。
电子书籍的交互设计主要是指对视觉图像传播中的交互体验设计，表现为窗口式界面与读者进行的即时对话与交流。读者也可通过视频画面接受文字、图像、音频、视频、三维图像等多位感觉信息刺激，而画面也可以根据用户的反应发生变化。在电子书籍设计上应充分利用交互体验的趣味性，给读者创造期待与好奇，使读者有机会感受到新颖的科技体验与特殊的情感体验，展现交互设计动态性与趣味性的特征。此外交互设计还能将作者与读者联系起来，打破了时间与地域限制，彼此自由地表述观点。
由于电子书籍的可选择性增强，读者是以主动积极的态度进行选择的，而网络平台将受众询问、发表的信息准确及时地反馈给信息者。因此设计上应通过准确清晰的视觉语言完成一个完整的信息流程。这样才有助于提高电子书籍的使用便捷能力。电子书籍的交互元素包括具有超级链接功能的按钮、导航条等热区和表单。这些元素的设计应当表现为人性化、统一化和简洁化。交互功能相似的可在设计风格与色彩上保持一致，使读者互动交融感觉自然且易于接受，继续接受信息服务。
