广东快3>WIKI库>学习AE>AE设计之丰富动效原则

AE设计之丰富动效原则



移动应用丰富动效的六点原则


转场


由于手机屏幕空间有限,更多的内容会被隐藏在屏幕后边,或者屏幕的左边、右边、下边,转场动效能帮助应用营造一种空间方位感。如图第一个就是3D右翻转,可能通过这种方式进入下一个页面。平常见到最多的可能就是淡入和淡出,可能打开某个东西,会淡入淡出呈现一个广告或其他页面。


0.png


广东快3                                                                                                                                                                                                    

广东快3    

邀请


广东快3直接提供邀请,告知用户可以做的事,效果最直观,引导性最好。比如下面界面,按住待办事项之后,拖到分页上面,这个就是直接引导,效果非常直观。值得注意的是,操作邀请的时候一定要突出主要的功能或任务,不能所有的功能都邀请用户尝试。


1.png


过渡


当应用正在加载数据的时候,一定要给予过渡,让用户知道应用正在努力工作。信用级的过渡分为两种,一种是比较常见的进度条,比如手机里面打开某个软件或页面的时候会有一个进度条;第二个就是楼顶的菊花转。两者不同,进度条可预知完成进度和剩下时间的情况下才会有,而楼顶的菊花转是没有时间的,并不知道什么时间会转完。如图是IOS6的一个系统,苹果里面邮件从收件箱移动到垃圾邮件里面都会有一个很好的过渡的功效,让用户知道当前一个应用跳转到另外一个应用、或者从一个文件夹到另一个文件夹是怎样操作的。当然并不是所有的情况下,都告知用户加载的进度。


2.png


反馈


广东快3如果是成功类的提醒,往往只是告知状态就可以了,用户无需执行操作,反馈就可以自己消失。比如在淘宝里面添加购物车,然后就会提醒物品已经添加到购物车。包括下图的阴影,如果点了下面一排按钮之后,就会出现一个相应的反馈,当然反馈也一定要在合适的时间去引起用户的注意,简洁明了的传达操作的结果。如果是失败的反馈要引起关注,可以相对强势一些,反馈的位置可以考虑相关性,比如账号错误时,错误的反馈可以出现在账号旁边,密码错误可以出现在密码旁边,采用相对警示的颜色进行提示。


3.png


缩放


每个功能模块都是一个盒子,在你不需要用到的时候,它只是一个盒子,上面贴着标签,你知道里面装的是袜子,当你需要的时候,你就可以打开盒子,露出里面很多双袜子。比如我要发送信息,这时点一下中间的输入框,这时有拍照或地理开关位置的选择,平时这个是在盒子里面的,并不需要展开,当我们需要把它们点开的时候再用。


4.png


吸附


广东快3吸附是网络系统中一个很具有美学色彩的设计,当你拖拽着一个应用切换位置的时候,这个应用会被自动吸附到对齐网格的位置,保证界面整洁利索。iPhone和安卓都是有一个自动吸附的,以及平时我们所用电脑的桌面,也可以选择自动对齐。


5.png



本节课重点


任何的动效,都需要经过场景和需求的思考,在什么样的特殊场景下,解决了什么样的问题,不要为了动而动,即不要为了特异去做动效而去做动效,一定要考虑到整个场景。除了界面本身的动效之外,还需要包含震动、声音、手势等因素一起去考虑,好的动效配合着合适的音效、合理的手势,才是最自然的交互方式。



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

分享到:

目录