手机过场动画的含义

分类:交互设计, 经验共享 日期:2011-12-14 作者:sofeeling Tags: ,

智能手机平台界面之间的切换都有过场动画,而越来越多的软件商也看中了这其中的商机,纷纷在过场动画中做了很多的特效以增加产品的趣味性。但过场动画表现的仅仅是特效和趣味性吗?其实并不全是,过场动画隐藏着菜单之间切换的层级关系,有着提示性作用。
在众多智能手机平台中,以安卓平台的过场动画最多样化,所以下面以安卓平台为例来说明。

同级切换过场动画:

1.默认样式动画(IPhone也是采用这种方式,也是最常见的一种)

这种过场动画给用户感觉就是所有界面都像是在一张长长的纸上,我们通过滑动它来浏览。

2.扇形样式动画

这种过场动画给用户感觉就是界面是扇型排列或者圆型排列。

3.立方体动画(HTC SENSE3.0里新增的过场动画)

这种过场动画给用户感觉是所有界面就像是一个立方体的其中一面。

这三种过场动画都有一个共通点,虽然呈现方式不同,但给用户感觉是一个整体,所有界面构成的关系是有整体联系的。

层级切换过场动画:
最常见的就是“打开”和“关闭”这种过场动画。用户点击一个应用或程序时就是“打开”,动画表现是从无到有。

用户退出一个应用或程序是就是“关闭”,动画表现是从有到无。

最后举一个例子,就是在同一界面不同操作所表现出来的过场动画的区别以及给用户的感觉。
1.在短信详情界面,我们按“返回”,看到的过场动画是界面往左或往右移,出现上一个界面。

这给用户的感觉是我还在这个程序里面,并没有“出去”。

2.在短信详情界面,我们按“HOME”,看到的过场动画是界面从有到无。

这给用户的感觉是我已经“关闭”了这个程序,回到了“HOME”界面。

不仅是安卓平台如此,WP7平台在同个界面做两种不同操作所呈现的过场动画也是不同的。

不同的过场动画所展现出来的反馈信息是不同的,交互设计师在设计动态过场时必须考虑清楚界面之间的层级关系,避免所设计的过场动画带给用户错误的信息。

 

 

0 comments

暂时没有评论!

*必填

*必填

你可以插入表情哦~ emoticons