动效设计在用户体验中的作用

龙源期刊网

论动效设计在设计中的作用与趋势

作者：龚新源 庄一兵

来源：《世界家苑》2018年第09期

摘 要：动效设计在扁平化迅速崛起后也得到了快速发展，扁平化设计的发展时至今日已有一段时间，其简约的设计无疑是给用户在使用上带来了更多的纯粹体验，使用户不被过多的设计所干扰，其返璞归真的设计理念是对的，但是扁平化设计的发展也面临着一些新的问题，例如界面间复杂的层级关系该如何展现？用户如何被更好的引导和吸引？如何使得界面过渡更加流畅自然？这些都是在手机硬件性能足够强大的今天所面临的问题。

关键词：动效；设计；趋势

在我们日常生活中，我们发现许多手机应用的动效反馈与现实世界中的自然感受并不一致，其原由是因为并没有考虑到物理世界中的客观规律。当Google推出Android 5.0 Lollipop（棒棒糖）的时候，其意义是重大的，因为正是在此时推出了Material Design全新的设计语言，核心理念是将物理世界的体验带入屏幕，消除现实生活中的杂质和随机性。 保持其原始的初始形式，空间关系，变化和过渡，与虚拟世界的灵活性保持一致，恢复最真实的体验，实现简单直观的效果。所以说它在一定程度上解决了扁平化设计所带来的一些弊端，通过其空间关系、变化与过渡，配合虚拟世界的灵活特性来解决复杂的层级关系，将用户更加自然的被引导与代入。Material design设计风格充分利用了Z轴的深度感，通过分层设计和动态效果的结合，在扁平化的基础上更直观地理解层次关系。使设计能够提高用户使用的参与度。

那么，目前現有的动效能给我们带来哪些作用呢？

一、增加使用体验舒适度

随着手机硬件性能的不断提高，单纯的静帧扁平化页面在高性能的手机面前已经显得略有单薄，甚至是性能过剩，因此动效的加入，会让体验变的更加舒适和丰富，同时又能更好的发挥其手机现有的性能。其具体体现在以下几个方面：

如何运用动效果增强呈现效果

动效是一种重要的设计元素，可以通过运用动效来增强呈现效果。无论是在网页设计、移动应用开发还是多媒体展示中，动效都能为用户带来更好的视觉体验。本文将探讨如何运用动效来增强呈现效果，帮助读者更好地应用动效，提升设计的吸引力和效果。

一、动效的定义与分类

动效是指在设计中运用时间和空间的变化，以营造一种视觉上的动态效果的技术手段。它可以分为两类：微动效和过渡动效。微动效主要用于突出某一元素的特点或吸引用户的注意力，而过渡动效则是在不同屏幕或场景之间进行切换时使用，使过渡更加流畅。

二、增强用户体验的关键点

1. 合理运用动效：动效的存在应该具有意义和价值，不应仅仅是为了装饰或增加复杂性。设计师应该深入了解用户需求与行为，合理运用动效，提升用户体验。

2. 简洁而不单调：动效的设计要求简洁明了，不应过于复杂或刺眼。同时，设计师需要避免使用过多相似的动效，以免降低用户的兴趣和体验。

3. 合理的时长与速度：动效的时长和速度应该把握好，不应过快或过慢，以免影响用户对界面操作的理解和反应。 4. 与品牌风格一致：动效的风格应与品牌形象保持一致，这样可以提高品牌的辨识度，加深用户对品牌的记忆。

三、运用动效提升页面设计效果

1. 引导用户关注：运用微动效可以吸引用户的注意力，通过元素的适时移动或放大，引导用户注意到重要的信息或互动元素。

2. 提高信息的清晰度：通过动效的运用，可以清晰地展示信息的层次和关联。比如，在菜单切换时，可以使用过渡动效来显示下拉菜单的出现和消失，使信息的切换更加连贯。

3. 增强页面的交互性：动效可以增加用户与页面的交互性，比如在按钮点击或页面加载时加入适当的过渡动效，提升用户探索页面的兴趣。

4. 展示产品或服务的特点：通过动效的运用可以更好地展示产品或服务的特点和优势。比如，在产品展示页面中，可以使用微动效来突出产品的细节或功能。

四、动效在移动应用开发中的应用

《戏剧之家》2018年第19期 总第283期159美术视点UI是User Interface（用户界面）的简称。常指用户操作界面，包括手机端的APP、电脑网页，以及现在很火的智能穿戴设备等。UI设计最初指界面的样式、美观程度等。随着时代的发展，其定义也不尽适合现在的需求。现在，UI不仅关注的是界面，而是对于软件的人机交互、操作逻辑、界面美观等整体性把控，一个好的UI设计不仅仅是让一款软件变得美观好看，同时还要考虑用户操作的舒适性、简单性、便捷性等，能够充分体现产品的调性与风格。在当今UI快速发展的同时，也面临着诸多问题，如从业者水平参差不齐，公司的设计重视程度高低有别，培训机构的量化教学等，让现在的UI设计大多只停留在界面设计这个维度，而较少考虑到更深层次的交互设计。我们时常会看到许多优秀的作品集中都会有较为完整的项目，无论从界面到动效都非常炫酷，但是很少涉及到项目的背景、用户研究等。交互的工作不仅仅是画原型图那么简单，原型图只是最后体现设计者思考的产物，重要的是将思考过程运用设计方法进行可视化，体现设计思维。我们如何向用户传达使用体验，也是要重点考虑的，而不仅仅是我们看到的用户界面。好多人认为软件技能很重要，其实软件用的再好也只是一个工具，只是实现某种功能的手段。工具的炫酷没有壁垒，只有独特的洞察力才是不可替代的核心竞争力。在UI设计中，用户体验可以说是产品设计的灵魂所在，通过分析用户模型、产品功能需求来设计任务流程，运用交互的相关知识来构建产品的核心架构，在此过程中应该要考虑的产品的可用性和易用性。所以在UI设计中，我们首先要做的就是搞清用户需求，用户需求包括目标用户使用场景和用户目标，简单说就是目标用户在合理场景下的用户目标。就是谁在什么场景下，想要解决什么问题，也就是我们常常说的5W原则。UE在设计中有几个设计原则，第一，尊重用户习惯，降低学习成本。软件系统应与真实世界相符合，使用用户习惯的词汇和概念，而不是高深莫测的技术术语，为用户提供新的、易于学习的交互方式。第二，降低操作难度，复杂操作无声进行。让用户有权自主中断后继续当前进程，尽可能避免重复或错误发生，减少操作的内容和门槛，让复杂的内容在用户看不到的地方进行。第三，了解状态差异化干扰内容。在任何时候都能提供适当的反馈，让用户能够随时了解系统运行的状态，提供易于检索、便于学习的帮助信息，如果出现大量信息罗列的情况，一定要做内容的区分整理，使得用户轻易区分和检索所需要的信息。第四，标准化设计，贯穿整个产品形象和元素。设计界面时使用相似的操作，并且为相似的任务使用相似的元素，保证自己的设计元素和产品相关联，风格一致的设计会提升品质感，并且使得软件更加具有可用性和易用性。第五，图形化设计，简化设计元素。把不必要的元素去掉，这样能够使动作和选项都清晰可见，而且标示性很强，通过图形来作为文字描述的补充，这样更容易使用户接受和识别。UI在设计中，需求分析也是必不可少的部分，需求产生于设计产品前，首先我们应该明确产品能否帮助用户实现目标。马斯洛的需求理论是从生理、安全、社交、尊重、实现这五个维度来展现的，这种需求是有高下之分的。我们在使用网络的过程中如果网站泄露了我们个人的安全信息，这是不能被接受的，因为这会使得信任体系崩塌，会给产品带来毁灭性的打击。我们还要关注用户的目标是什么，用户想要成为什么样的人？这决定着UI的整体调性和风格，用户的最基本目标是体验目标，属于本能层次。其次是最终目标，属于行为层次。最终为人生目标，属于反思层次。例如淘宝卖家的人生目标是成为千万富翁；站酷用户的人生目标则是成为顶尖的设计大师；知乎用户的人生目标则是成为专业领域的“大神”等。每个产品都会有自己的调性，从而体现用户的不同需求和目标。因此在UI的设计过程中，仅仅关注用户界面的美观与否是不够的，我们在兼顾美观的同时还应该关注用户的需求、产品的定位和调性，只有这样我们才能设计出更好的作品。参考文献：[1]龙诗磊.UI设计与用户体验在产品中的重要性[M].西部皮革，2016.[2]杨猛，李秋.浅谈产品设计中可用性设计的基本原则[M].美术大观，2013(01).[3]姚井君.马斯洛需求层次理论下学生情境教育[M].教育与职业，2013.浅谈UI设计中的用户体验研究龚新源，庄一兵 （北京化工大学　北京 100080）

第2期2017年1月No.2January，2017

1 UI设计中交互体验

1.1 界面操作方式

通常UI界面上的操作方式主要有单击、拖动、滑动、横

扫、下拉、缩小、放大、长按等。通过以上简单操作，可以体验

移动设备的操控性。

1.2 界面切换方式

由于手机在其屏幕尺寸大小以及交互方式与PC端的差

异性，用户在与界面交互时常常需要面对界面切换的操作，

界面通过用户的点击或者滑动等手势来完成切换。为了给用

户带来好的交互体验，设计师一般会采用平滑过渡的方式

来引导用户完成界面的切换。主要有平行滑动、旋转、变形、

黑色背景、放大、多种方式同时使用等。

1.3 界面反馈

界面中的反馈是对用户当前操作的一个响应，如果不给

用户一个正确的回馈，用户可能会以为没有操作成功或界面

没有其所需要的功能，最终可能放弃此操作。提示框、按钮、

图标、动画、声音等界面的反馈，都应该及时反馈给用户，让

用户流畅地完成交互。2 UI设计中情感体验

优秀的界面设计不但关注功能，更关注用户的情感。只

有当用户与界面的长期交互中建立起来的认知、情感，才能

使界面充分表达自身的品牌文化与意义，这个时期界面的设

计不仅满足了用户的基础功能需求，还充当设计公司的品牌

文化载体，用户对设计公司也会有很高的忠诚度。最终带来

满意的用户体验。3 UI设计中的视觉体验

3.1 视觉体验

视觉是光作用于视觉器官，使其感受细胞兴奋，其信息

经视觉神经系统加工后便产生视觉。通过眼睛人们可感受

物体的外观、光线的明暗、色彩的炫丽等。视觉还受到个人

的认知能力、文化修养、生活经验、周围环境等因素的影

响。视觉体验是个人主观意识与客观条件的综合作用下的

结果。

3.2 UI设计中的视觉流程

界面上的视觉元素对用户的视线起着向导的作用，界面的布局、色彩、图标等设计都会吸引用户的眼球。一般情况

下，用户的视觉轨迹按照从上到下与从左到右的运动规律，

用户在使用某个软件时，通常会先按照视觉流程的规律全观

整体的界面，然后被界面中的设计亮点吸引，视线停留在亮