论动效设计在用户界面设计中的应用与维度分析.docVIP

论动效设计在用户界面设计中的应用与维度分析 　　论 　　摘要：文章分析动效设计在用户界面设计中的影响因素。追溯了动效设计的概念和渊源，并分析了动效设计在移动界面设计的使用的理论，阐述动效设计对用户体验的影响，最后提出了影响动效设计对用户注意力影响程度的维度。动效设计弥补了静态视觉设计的先天不足。未来的用户界面设计不仅强调界面视觉和交互设计，而且对动效的要求更加强烈。 　　关键词：动效设计；扁平化设计；用户体验；用户界面设计 　　检索：www.artdesign， 　　中国分类号：TP3 　　文献标志码：A 　　文章编号：1008-2832（2016）05-0047-03 　　引言：动效设计是平面和动画的结晶，它可被艺术爱好者应用于电影片头，也可创造字体的动态表现。由于智能手机的普及和移动应用的普及，传统用户界面之间联系的缺失性与扁平化的设计思想成为动效设计在用户界面设计使用的源动力。 　　一、动效设计的概念 　　动效设计的英文是Motion Design，是运动图形设计（MotionGraphic Design）的简称，也称为动态设计。运动图形设计遵循平面设计和视听语言的双重标准，通过视频或动画来创作成动态影像的艺术形式。严格意义上讲，运动图形设计是动效设计的一个分支，而它具有众多的艺术表现形式和作品，所以这两者的概念逐渐趋同。下文所谈的动效设计即动态设计，或运动图形设计不做细微区分。 　　虽然动效设计起源于20世纪50年，但是由于其实践性较强，所以到目前为止还没有权威的定义。由于动效设计的概念不明确性，使其内容形式越来越广泛，不仅包括字体的动态变化，运动图形的电影片头等。 　　上述实践活动停留于运动的图形的表象，而动效设计的价值在于详尽的说明事物发生的过程和内在原理。动效设计的基本表现元素不是图像，而是图形。由于图像具有直观性、明确性和具体性的特征；图像具有抽象性、普遍性、归纳性，因此可以从多张图像概括归纳形成图形，图形就上升到抽象性的概念。动效设计的杨心不在于是否配有音乐和解说，而在于通过符合的变化表达意义，用于解释和说明功能。动效设计坚守核心价值，放开表现手法后，其生命力更加旺盛，表现形式愈发丰富。 　　二、动效设计的起源 　　比利时物理学尤瑟夫普拉托（Joseph A F.Ptateau）被认为是“近代有记载的Motion Graphic第―人”。早在1832年他和他的儿子发明了叫视觉暂留转盘（Phenakistoscope）的动画装置。这种动画装置将两个圆盘安装在同一转轴，每个圆盘被均匀地分成16个扇形区域，有序地扇形区域内绘制系列的舞蹈动作图案，图案边沿有相同的裂缝，圆盘的图案面对镜子，当转动圆盘时，人们可以在圆盘背面从裂缝中看见舞蹈连贯的动作。该装置第一次让观众看到运动的幻想。 　　20世纪五六十年代，著名美国平面设计大师萨罗?巴斯（saul Bass）在动效设计领域做出了卓越的贡献。其制作了一些的动效设计的电影片头，包括《臂人》（TheManWithThe GoldenArm）、《西北偏北》（Northby Northwest）、《精神病患者》（Psycho）等。萨罗_巴斯也因此成为了电影动态片头的鼻祖。 　　20世纪80年代后，得益于电脑软件的使用，动效设计得到了空前绝后的发展，制作越发便捷，效果越发华丽。动效设计的参与者不在局限于电视台和设计师，以至于动效设计的作品在各大媒体上使用，使得动--效设计进入全新时代。 　　经典作品《功夫熊猫》就是动效设计与电影结合的表现形式，剧情中将实景与动效融合，为观众展现出一个亦真亦幻的动人世界，以至于让观众不把影片的片尾的演员名单不罢休。图1是功夫熊猫的动效设计。 　　在信息技术飞速发展，物联网和大数据技术的应用，互动营销已经成为一种趋势，经过动效设计的互动营销不仅让营销形式更加炫目，而且让客户尝试全新的视觉盛典。毕竟动态交互图文的吸引力远高于静态的文字和图像，动效设计和互动性和包容性目前还未被其它的艺术形式所超越。 　　三、动效在用户界面中的应用 　　在用户界面设计中，若将单独的页面视图视为一个节点，那么节点之间的联系通过何种方式表示：A困扰着设计师。随着扁平化设计的出现，不同页面视图之间的联系可通过页面的切换动效来表达，即通过切换动画形式来表达页面之间的过渡，从而表达页面之间的因果关系和内在联系。传统的用户界面设计，还仅限于时间关系，动效设计不仅可以表达页面的时间关系，还可以叙述因果关系。 　　2013年，苹果发布了iOS7之后，扁平化设计（Flat Design）的思想逐步深入人心。事实上，苹果并非扁平化设计的首创者，微软早于苹果之前已经将扁平化设计应用于Metro Design，但是苹果将扁平化设计得到普及，将其做