UI中的基本动效:空间扩展

自译外文 分类: 经验/观点 版权: 原作者: 原作者
22683 260 97 10
2014-05-06
0.0
首页推荐

可折叠

 

 

 

 

适用场合:当有附加内容时

运动描述:对象的内容显示,内容区域延伸,并进一步推菜单项下。

一致性:物体缩小回到常规的尺寸。

优点:显示中的物体和进一步信息的对象之间的直接连接。

用户感受:菜单就像一个可折叠的手风琴

 

翻动

适用场合:当有附加内容时

运动描述:运动物体的进一步信息。

一致性:180°翻转两面。

优点:显示中的物体和信息的对象之间的直接连接。

用户感受:附加信息在物体的背面

 

弹出预览

 

 

适用场合:当有附加内容时

运动描述:物体选择180°获得更多信息。

一致性:180°旋转两面。

优点:显示中的物体和信息的对象之间的直接连接。

用户感受:物体在上方移动显示。

 

半翻转

 

 

适用场合:当有附加内容时

运动描述:物体从二维空间旋转到三围空间的进一步信息。

一致性:_

优点:显示中的物体和信息的对象之间的直接连接。

用户感受:2 d对象在空间旋转显示3 d放置信息的可能性。

 

折页

适用场合:当有附加内容时

运动描述:两个或两个以上的交互对象。

一致性:折叠-展开

优点:物体的一部分是显示的,可通过此动效来看到物体的整体大小。

用户感受:物体似乎被折叠。

 

对象展开

适用场合:当有附加内容时

运动描述:物体被扩大发现其隐藏的内容。

一致性:物体收缩会正常的大小。

优点:通过缩放对象的遮罩来显示隐藏的内容。

用户感受:其他的内容被隐藏在物体的后面。

 

放大

 

 

适用场合:当用户有感兴趣的对象时

运动描述:你感兴趣的对象将放大显示更详细的信息。

一致性:放大-缩小。

优点:通过缩放对象的遮罩来显示隐藏的内容。

用户感受:物体更可能地接近和显示更详情的信息。

 

文字截断

 

 

适用场合:当有隐藏的文本时

运动描述:如果文本比其文本字段越长,文本则会被截断,并显示通过与用户的阅读顺势而动。

一致性:移动截断文本的方向取决于文本的流量。

优点:利用更少的空间显示更多的文本内容。

用户感受:_

 

区域分割

 

 

适用场合:当有附加内容时

运动描述:区域分割显示详细信息。

一致性:分裂-合并。

优点:显示中的物体和信息的对象之间的直接连接。

用户感受:屏幕跟实际显示的内容似乎分裂了。

 

更多的文本输入

 

适用场合:当用户需要更多的空间来显示输入的文本

运动描述:输入框的大小取决于用户需要输入文本的长度。

一致性:删除输入减少输入文本。

优点:根据输入的文本长度来看文本框的大小。

用户感受:输入框根据用户输入的文本来变化大小。


diana.deng

高调做事,低调做人。

110粉丝/24关注

tramsmart智能路由器UI中的基本动效:前馈
6
liuaga

动效都是看起来有意思,开发却不愿意去做的东西

精彩!

diana.deng

diana.deng

高调做事,低调做人。

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2018 UI.CN