不需要的动效设计



不合理的动效设计案例


设计所包含的方方面面在MengTo的《Design+Code》上与很好的归纳,我时常发现,经过一段时间的设计之后很容易在设计的过程中有所迷失,原因就在于我们很容易在意细节,保持阅读的习惯并试图用相对宏观的视角去看设计是一个很不错的做法。动效设计让页面元素能够非常自如的被操纵而不仅仅是静态呈现时,我们会直觉的想到让其去模拟现实世界的规则,现实世界的运动规则因其载体不同而有不同的选择,在设计和模仿的同时还应该考虑更多。


如下图其实就是IBM的设计,设计师试图将机械运动的风格给予这个动效视觉。


0.png



不必要的动效设计可能有以下几个特点


过多的对现实世界的模拟


这样的模拟很可能只会带来不必要的视觉负担。如下案例的动效设计就是对现实世界某种机械装置的模拟,无论是它的运动曲线还是景度都调的很好,但是它依旧是一个不好的例子,因为它的列表在模拟装置中,所以每个卡片拖动的时候,必须要去固定像素的定位,用户无法做到上下固定预览,滑动停止在任意位置的手势,就跟我们的手势有一定的违背。


在大的页面切换做过多动效


动效要适可而止。如图案例,越是用户进来操作变化越大的页面,我们越不应该做更多的动效处理。动效设计不应该只是对一个动效时间上操纵,加入不应该大于1秒钟,或者不大于0.5秒,这十分有了一个数学的意味。人心里的焦躁程度会改变,只谈一个动效的具体设计没有太大的意义,而用户更加关心它在什么时间做了什么事情。所以动效设计要尽量克制,一方面用户的操作频率会比较高,如果考虑到页面元素的切换,程序可能无法对用户当前正在看的点做出相应的判断,所以也涉及到另外一个元素进场;另一方面来说,可能会使用户浪费更多的时间,这可能会是一个很大的负担。


1.png


手势操作与系统全局操作冲突


如下案例,从板式上来看,这个页面还是很不错的,但是它可能会与系统的全局键有些冲突。因为手势可以更方便的被运用。最近许多更新的运用普遍都是采用手势操作,但是可能会误操作,这也是动效设计与交互设计分割的后果。比如往下滑的时候,可能会把通知栏也滑下来,往上滑可能会把IOS下面的控制栏滑上来。因为手机边缘的上滑下滑已经被系统占用了,不能让原本带来的便捷手势给用户带来更多的麻烦。


2.png


3.png



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

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

麦子大聚惠,豪华礼包你领了吗?

客服热线 400-862-8862

回到顶部