关注迅速公众平台

关注迅速公众平台

关注迅速公众平台

关注微信联系人

企业电话:021-64391578

开发设计APP动态效果的两个关键





动态效果显然已经成为移动互联网产品的新趋势,如何设计出有趣、有吸引力的动态效果成为设计师的新课题。不同的产品适合不同类型的动态效果。有些产品适合酷炫的动态效果,有些则不适合。切记不要把动态效果设计成华而不实的花哨,而是作为增强用户体验的新方式。移动互联网时代已经到来,应用就像天上的星星,应用不计其数。

 


一、APP动效的外在美一、APP动态效果的外在美

 


首先,动态效果需要生动有趣,不仅要有好看的外观,还要有流畅的体验。要做到这一点,就要给动态效果注入活力。有以下几种方法:

 


1.1模拟惯性

 


现实中物体的运动是有惯性的。比如公交车突然刹车,乘客会突然向前摔倒。仔细观察以下三种运动效果后,图像会在变化结束时“超出”一点点(放大、缩小、翻转),然后立即“反弹”。这种处理方式使整个运动效果充满活力和趣味性。

 


1.2模拟重力

 


和惯性一样,引力是一种真实的现象。没有向上的支撑,所有物体都会掉下来,比如倒垃圾。一般APP删卡的动态效果是横向滑动直到消失,但后面的动态效果增加了重力效果。也就是卡片水平滑动的时候,也是翻转落下,就像现实中把垃圾倒进垃圾桶一样。不仅使整个动态效果生动有趣,还方便用户理解操作的含义。

 


1.3均匀变速

 


一个优秀的动态效果肯定不会匀速运动。匀速运动的物体看起来很僵硬,僵硬,就像机器人一样。为了让一个图像运动得轰轰烈烈,就要“设计”它运动的速度。仔细观察下图所示的动态效果。虽然界面中不同元素的移动速度不同,但它们的移动都遵循一定的原则,其中之一就是匀速变化,所以要记得“快起床”。也就是说,运动中的界面元素的初速度应该为0,应该开始匀速运动,但在运动结束时可以突然停止。

 


1.4碎片运动

 


让一个应用程序充满个性的好方法就是给它添加酷炫的动态效果,而让一个动态效果酷炫的常用方法就是碎片运动。简单来说就是把界面里的图像拆成碎片,然后让它们异步移动,利用时间间隔和速度变化产生酷炫效果。就像下面的动态效果一样,图像中不同的元素有节奏的呈现,利用时间差来营造效果。
 



 


二、APP动态效果的内在美

 


真正优秀的动态效果,不仅仅是一个外形美观的花瓶,还具有优化互动、增强体验的功能。下面总结三种动态效果的“内在美”,即引导、简化、强化反馈。

 


2.1引导

 


图形界面难以理解和抽象,增强引导是降低软件操作难度、提高用户体验的好方法。

 


2.1.1动态聚焦

 


通过动态处理引导用户将注意力集中在界面的关键部位,使体验更加流畅。青蛙能很快抓住移动的物体,人眼也有类似的特征。移动的物体总是会引起潜意识的注意。如下图所示,屏幕顶部的数字并不直接显示一个数值,而是从0迅速增加到该数值,刻意表现出一种动态效果,目的是吸引用户的注意力和注意力。中国的支付宝钱包APP也利用了这样的特效。

 


2.1.2示意性过渡

 


过渡效果是在界面的变化中加入平滑过渡,目的是引导用户确切地了解发生了什么,而不会让用户感到不知所措。如下图所示,添加卡片的过程模拟的很形象,让用户很容易理解发生了什么。试想一下,如果页面没有滑动,而是直接生硬地跳下去,岂不是更糟糕?

 


2.1.3空间过渡

 


过渡效果是设计师关注的特殊效果,它的作用是引导用户更好的理解页面跳转,知道自己在哪里。下图所示的动态效果是一个漂亮的过渡动态效果。为了避免两个页面之间的跳转过于生硬,采用动态效果填充页面跳转的中间过程,使得体验更加流畅自然。

 


2.2简化

 


有时候好的设计就是好的简化。简化界面信息和交互级别,可以降低操作难度,提升用户体验。

 


2.2.1隐藏二次操作项目

 


利用动态效果,可以隐藏界面中的一些信息,隐藏的内容经过一些操作后会动态展开,从而达到简化初始界面,使界面简洁大气的目的。

 


2.2.2按钮激活

 


激活按钮可以使界面的重要信息动态地出现在同一个按钮上,使用户的眼睛紧紧盯着按钮,减弱了跳页带来的干扰,使体验更加流畅。

 


2.3增强反馈

 


软件的反馈对于改善体验非常重要,增强反馈可以起到更好的提示作用,让体验过程更加轻松愉快。抖动是增强反馈的方法之一。用动态反馈代替图形、文字的静态提示更自然,更引人注目。下图所示的动态效果来自苹果的Pages软件。进入编辑状态后,被编辑对象进入持续晃动状态,起到了很好的引导作用。

 


总结

 


动态效果显然已经成为移动互联网产品的新趋势,如何设计出有趣、有吸引力的动态效果成为设计师的新课题。不同的产品适合不同类型的动态效果。有些产品适合酷炫的动态效果,有些则不适合。切记不要把动态效果设计成华而不实的花哨,而是作为增强用户体验的新方式。

 


app开发
不知道找谁好?在这里当然推荐迅速网络,迅速网络不仅有十年的app开发、
小程序
开发经验,同时拥有上百人的开发团队和上千的开发案例。如果您有
app定制
开发

小程序定制
开发
这方面的需求,可以联系迅速网络客服。

相关推荐
app开发需要汇聚哪些开发人员?
舞蹈教学app开发为许多舞蹈学习者和爱好者提供在线学习渠道
二次元社交app开发胃年轻人打造更多年轻化玩法
团购APP开发成品系统_源码交付
金融app开发市场优势如何?

特别申明:本站的主旨在于收集互联网运营相关的干货知识,给运营小伙伴提供便利。 网站所收集到的公开内容均来自于互联网或用户投稿,并不代表本站认同其观点, 也不对网站内容的真实性负责,如有侵权,请联系站长删除

您可以联系我们

彼此协助, 彼此信任

方能将美好的蓝图兑现