专栏名称: 设计新知
以创意设计类干货分享为主,扯淡为辅,偶尔也当当知心大姐
目录
相关文章推荐
51好读  ›  专栏  ›  设计新知

这5个牢不可破的设计规则,是你打造优秀动效的标准

设计新知  · 公众号  ·  · 2017-07-23 19:02

正文

请到「今天看啥」查看全文


2、高效的UI动效是层次分明的


一个层次分明的动效通常能够清晰地展示状态的变化,抓住用户的注意力。 这一点和人类的意识有关系,用户对焦点的关注和持续性都与此相关。良好的过渡动效有助于在正确的时间点,将用户的注意到吸引到关键的内容上,而这取决于动效是否能够在正确的时间强调对的内容。



3、关联是过渡动效的重要功能


既然是过渡,自然就牵涉到变化前后元素之间的关联。 良好的过渡动效连接着新出现的界面元素和之前的交互与触发元素,这种关联逻辑让用户清楚变化的过程,以及界面中所发生的前后变化。


下面的两个案例都是交互触发的界面变化,第一个案例中,动效发生的位置距离交互触发点较远,这一点违反了相近关联的原则。



第二个案例中,动效的发生点和交互的触发点是非常靠近的,这个动效无疑阐述了两者之间的因果联系。








请到「今天看啥」查看全文