欢迎访问宝鸡世纪网络官网,宝鸡网站建设已累计服务超过900家企业!  咨询热线:0917-3535180 3536690

10年建站历程,900家客户的选择,值得信赖!


常见界面切换的过渡方式(细节决定成败)

作者:佚名      发布时间:2014-08-12      浏览:1713

62.9K


宝鸡世纪网络宝鸡网站建设专业服务商专注于宝鸡网站建设,宝鸡网站设计,宝鸡网络优化宝鸡网站推广。欢迎来电咨询。

在使用一些移动端的App或PC端的软件的时候,我们常常会有一些界面之间切换的操作,尤其是在移动端的设备上,因为屏幕尺寸和交互方式的特性,就更多的会出现这些切换的操作,而很突然地从一个界面切换到另一个界面会给用户带来困扰,所以在触发这些操作的同时,往往需要过渡形式的动画来引导用户是如何从一个界面切换到另一个界面的,我们来看看一些常见的界面切换的过渡方式吧。

一、淡入淡出

淡入淡出的过渡效果是最为常见的处理手法,这种效果往往能很直观的表现从一个画面到另一个画面变化的过程,视觉表现上比较柔和,但同时通常会局限在需要过渡的两个界面之间有一定的共同特点。

二、场景切换

场景切换通常用于两个不同的界面之间,视觉效果会看起来很酷,缺点是会需要因为切换场景而需要等待时间。

此类过渡效果不太适用于需要经常切换的页面之间,过多的等待时间会让用户感到焦躁。

三、翻转界面

翻转界面的方式在iOS平台相当常见,通常翻转前后的两个界面存在一定的联系。常见于设置界面和列表界面。

四、黑屏

有iPhone的同学可以一起来做个测试,把iPhone的壁纸和锁屏界面设置为两张不一样的照片时(注意,一定要不一样哦),当你划开解锁按钮以后,屏幕会先以淡入淡出的方式黑屏一下,然后再慢慢亮回来回到主界面。

有时候我们也会在游戏里看到这样的效果,比如打开CuttheRope应用,当点击设置按钮后,也会以黑屏的方式切换界面。

五、变形

六、形式追随内容的缩放

此类动画的表现通常还会伴随淡入淡出的效果配合,比较常见的是Window7的任务栏预览窗格,当鼠标从一个图标移动到另外一个图标的时候,因为预览窗口的大小不一致,所以窗口会针对内容的大小自动缩放至适当的大小,而内容则会伴随以淡入淡出的方式变化。

七、放大

放大的效果常见于从一个较小的元素进入到一个较大的界面时候的过渡,有时候也会伴随淡入淡出的效果作为配合。如GarageBand中,选择一个乐器进入该乐器的编辑界面时所使用的效果。

八、多种效果同时使用

在有些复杂的界面切换过程中,有时候仅仅使用一种方式来实现界面的切换是远远不够的,为了能够更生动而自然的在界面中进行切换,需要同时运用几种过渡效果。

这样做的目的 1:是很好的将iTunes界面过渡到全屏的状态,2:是背景的切换,代表着全屏的iTunes作为一个单独的Space存放在Mac的屏幕里。也由此可见,以怎样的动画过渡效果去实现界面的转换实际上也在告知用户,我这样切换意味着什么。

以上内容就是由宝鸡网站建设宝鸡网络公司宝鸡世纪网络为您编辑整理的《常见界面切换的过渡方式(细节决定成败)》的全部内容。我公司是在宝鸡市工商局注册的专业提供网站建设网站优化网站推广,软件开发的高新技术企业,一直致力于面向宝鸡地区党政机关、企事业单位提供大中型门户网站解决方案、 OA 办公自动化系统解决方案,以及中小型应用软件开发及其它信息化外包业务。目前已承建宝鸡地区近760多家政府网站、企业网站,是宝鸡网站建设行业规模最大、客户数量最多、技术力量雄厚的宝鸡网络公司。欢迎您来电咨询。

业务咨询QQ:3091 83243



0