谷歌Material Design动画设计

无意中发现了Google Material Design 这样一个项目。

地址:https://material.google.com/

主要看了其中motion部分,觉得它的设计真的非常不错。

material design重视动画效果,它反复强调一点:动画不只是装饰,它有含义,能表达元素、界面之间的关系,具备功能上的作用。

easing

动画要贴近真实世界,就要重视easing。物理世界中的运动和变化都是有加速和减速过程的,忽然开始、忽然停止的匀速动画显得机械而不真实。考虑动画的easing,要先考虑它在现实世界中的运动规律。

水波反馈

所有可点击的元素,都应该有这样的反馈效果。通过这个动画,将点击的位置与所操作的元素关联起来,体现了material design动画的功能性。

转场效果

通过过渡动画,表达界面之间的空间与层级关系,并且跨界面传递信息。

从父界面进入子界面,需要抬升子元素的海拔高度,并展开至整个屏幕,反之亦然。

多个相似元素,动画的设计要有先后次序,起到引导视线的作用。

相似元素的运动,要符合统一的规律。

通过图标的变化和一些细节来达到令人愉悦的效果。

摘自:http://colachan.com/post/3416

搭建自己的Blog

买了个云服务器几个月了,仅仅搭建了一个ss服务器,有点太浪费了,终于有点空闲时间来鼓捣一个blog。

使用Vultr在硅谷的服务器,总体使用起来比较稳定,需要朋友可以去注册一个。

后续我会发布在Vultr基于CentOS7系统如何搭建ss,LEMP的文章。

有任何不懂的问题都可以留言或者关注公众号ryantechtop与我进行交流。

qrcode