APP动效设计需要遵守哪些原则？

　　随着动态沉浸式体验的广泛普及，丰富而细腻的APP动效是考察UI设计师专业技能的因素之一。很多UI新手想知道APP动效设计需要遵守哪些原则，以下小编就给大家介绍一下。

　　1、具备个性化的动效设计。

　　这是动效设计最重要的原则之一，任何动效或动画都应该追求个性化，通过个性化盘活界面设计元素。应用不应该具有死板、机械的转换动效，应用的动效应该让用户感受到愉悦和优雅。

　　2、具备导向功能

　　动效设计的目的不是为了炫，而是能够帮助用户理解，达成更佳的操作体验。动效应该指导用户下一步操作，给予用户清晰的指示。动效应该构建一种应用内的“物理空间感”、防止用户迷失在应用的操作流程中。

　　3、与用户产生共鸣

　　UI动效的目的是与用户互动，并产生共鸣，而非令他们困惑甚至感到意外。UI动效和用户操作之间的关系应该是互补的，两者共同促成交互完成。动效应该反应迅捷且直观易懂，通过对用户交互行为的及时反应，来让用户感到安心，“迅捷”但是也要平滑，以免让用户感受到突兀。

　　4、给动效赋予情感

　　好的UI动效是能够唤起积极的情绪反应的，平滑流畅的滚动能带来舒适感，而有效的动作执行往往能带来令人兴奋的愉悦和快感。太多的动效会让用户眼花缭乱，同时感到分心。设计师应该学会动静结合，有所谓而有所不为。

　　5、牢记应用动效的目的

　　APP动效是用来保持用户的关注点、引导用户操作的，不要为了动效而动效。好的动效果设计，可以让用户清晰的感受到内容之间的脉络关系，了解到各个元素的物理状态，与此同时还能够知晓元素当前所处的环境。滥用特效则会让用户分心，一定要把握好这个微妙的平衡。

　　以上就是UI设计师在进行APP动效设计时应该注意的几个原则。

APP动效设计需要遵守哪些原则？相关推荐

UI实用素材|APP动效设计
app动效设计,现在已是各位APP设计师学习和临摹的方向.大家也会收集一些好看的APP动效设计作品. 学习app动效设计,不是盲目的让界面动起来那么简单,一定不能滥用. 先看下一组搜UI (soou ...
APP动效设计如何做得流畅又实用？
动画效果如今已经深入到 UI界面的每个角落.屏与屏之间的切换因为动效而显得更加连贯,交互的上下文逻辑也因为动效的加持而更加清晰.动效对于产品和用户而言,都是一个不可多得的重要组成部分. 这篇文章当中, ...
App动效原理和应用设计
时下对动效的追捧,疯狂至可以用一句话形容--"没有动效的APP,简直不是好的APP".优秀的动效设计在提升产品体验.用户粘性方面的积极作用有目共睹,已然成为现下Web.APP产品交 ...
前端读者 | 前端用户体验-UI动效设计
本文来自互联网 @羯瑞整理 UI动效现如今在 APP 和网页中几乎已经成为了基本的组成部分,经过仔细打磨的 UI动效对于整个界面的提升是显著的. 动效呈现出状态切换的过程,展现了元素之间的逻辑关系, ...
APP动效之美需内外兼修（转载自伯乐在线）
APP动效之美需内外兼修 2014/08/06 | 分类: 设计 | 0 条评论 | 标签: 交换设计分享到: 12 原文出处: 百度MUX 欢迎分享原创到伯乐头条移动互联网时代已经到来,AP ...
动效设计的物理法则：动画的一切皆在于时间点和空间幅度（转）
动效作为当今提升网页感官效果的利器,在各种类型的网页中已经全面开花,如何做到自然流畅让用户感觉舒适的动画效果呢?今天就来跟大家聊一聊动效设计的物理法则,以及它是如何应用的. 首先来一发大师金句,迪士尼 ...
uniapp image图片切换动效_动效设计从概念到落地
一.什么是动效设计聚焦于产品中的动效,我们常说的动效设计可以分为3类: 1.交互动效交互动效承载了产品流程.交互行为的串联,不论可实际操作的交互原型还是纯做 demo 展示的动效过场都可以算作交互 ...
如何准确的向工程师传达动效设计？
转自:http://www.cocoachina.com/design/20150305/11237.html 如何准确的向工程师传达动效设计? 2015-03-05 09:47编辑:pockry分类 ...
停止不必要的UI动效设计
前言:这篇短文将会探讨UI设计中动画的过度使用,并将其与早期的视觉设计进行对比,提出一些对于有效的GUI动效设计的建议. 我们将在下文中,简单探讨如何改善下面的这个交互. UI动效设计的反面案例(线上 ...

APP动效设计需要遵守哪些原则？

APP动效设计需要遵守哪些原则？相关推荐

最新文章

热门文章