APP动效设计是最完美的APP交互设计的原型图 – 25学堂

25学堂  •  扫码分享
我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

之前25学堂也跟大家聊过了很多 APP动效设计 的文章和案例欣赏啦。今天跟大家分享的APP动效设计将来会是手机APP设计的一大趋势。也算是APP交互设计的原型图。

移动web设计草图

APP中的动效可以划分为两类:

一类是转场动效,应用在页面的切换、加载等,这类动效可以柔和页面的过度效果,增加切换、加载、等待过程的趣味性。

另一类是反馈提醒,通过界面内元素的动效,增强用户的交互感知或引导用户完成任务。

因为动效可以把这些我们设计出来的漂亮的界面衔接起来。非常直观的理解。

ui8-wireframekit

什么样的APP设计动效的才是好的移动交互设计效果。或者说动效设计会成为未来移动APP设计的趋势?

或者我们说,制作好APP动效设计也是对APP原型图的延伸,也是APP原型图的充分体现。

为什么说APP动效设计是最完美的APP交互设计的原型图,可以从以下六个方面来解析:

 

1 、过渡流畅

过渡流畅是我们对于动效的认识里对容易想到也最被认可的一点,通过界面及其元素的出现和消失,以及大小、位置和透明度的变化,使用户和产品的交互过程更流畅。 在AppFlow中,页面的滑动、元素的出现整个操作如水般流畅。

 

2 、高效反馈

高效反馈可以说是移动应用最原始的需求,其通过动效让用户了解程序当前状态,同时对用户操作(平移、放大、缩小、删除)做出及时反馈。

 

3、引导作用

移动APP不比PC端的应用,移动APP可用的空间就屏幕那么大点儿,很多功能的入口可能都是隐藏的,此时动效的作用就来了。其通过动效对功能的方向、位置、唤出操作、路径等进行暗示和指导,以便用户在有限的移动屏幕内发现更多功能。

iOS 7概念设计视频

4、层级展现

随着移动应用越来越复杂,承载的功能越来越多,原来的三层结构原则 已经不能完全适用,合理清晰的结构层级对用户理解应用和使用应用有着至关重要的作用。具体的方式为:通过焦点缩放、覆盖、滑出等动效帮助用户构建空间感受。

 

5、 增强操纵感

一些动效通过动效对现实世界的模拟并且不需要任何提示,迎合用户的意识认知。使产品的交互方式更接近真实世界。 用户通过对现实世界的认知来理解动效,增强了用户对应用的操纵感和带入感。

 

6 、创新体验

随着大家对设计越来越重视,大家的体验越来越趋于统一水平范围内的时候,体验的差异化就越来越小。那在可用性良好的前提下,通过细节设计和交互方式创新为产品增加亮点,可以带来更惊喜的体验和表达产品的气质与态度(X格)。

51ad9dfd03e0437a86000001

最后,好的动效设计关键是保证物体运动的物理感,同时不牺牲物体运动的优雅感、简约感、美感,让物体的运动充满魔力,打造无缝式的用户体验

动效的迅捷反馈,可以让用户充满信任感和愉悦感。当用户与应用交互时,所反馈的动效不但极具美感,符合物理逻辑,而且能够愉悦用户。反馈动效的设计必须深思熟虑且具有目的性,而不能随性设计,反馈动效应温和 ,不让用户分心。

所以,25学堂今天跟大家分享的动效设计知识,从另外一个角度来阐述了APP动效设计是最完美的APP交互设计的原型图。

 

之前分享的: APP设计的新领域:3种常见的APP动效设计方案 和 16种常见的APP动效设计技巧和动效案例欣赏

 

其次:作为优秀的APP设计师,懂得怎么去给APPUI界面添加动效效果。

25学堂给大家的3点参考:比如

1、等待都需要一个有意义的动效。面对等待,我们总是缺少耐心。充满个性,有趣的动效可以让用户对你的设计更添一份喜爱:至少这个设计还不错。

2、如果你希望用户点击某个地方,请给它一个动效。

3、如果你希望你的点击效果不一样,请给它一个动效。

 

 

再来回顾下 ,移动APP设计师使用动效的优点和好处:

1、由于动画让用户更容易理解界面之间的关系,所以减轻了很多认知负担。

2、通过消除屏幕上的跳变,让界面不让用户吃惊并费解,从而让体验更加愉快。

3、将物理世界的运动用在动画中,缩短了用户和界面之间的鸿沟,让用户更专注于任务而不是理解界面。

4、动画展示效果远远超过了静态展示,甚至比静态展示更直接的阐释了界面。动画并不一定是缓慢的,或者会分散用户注意力的东西。通过悉心调整,动画可以让界面可理解,有魅力的。同时使用起来的体验是愉快的。

无觅相关文章插件,快速提升流量

随意打赏

提交建议
微信扫一扫,分享给好友吧。