当前位置:首页> 快速建站资讯> 网站建设——速度决定成败

网站建设——速度决定成败

发布时间:2021-08-30 14:00:00

当使用某些移动应用程序或PC软件时,我们通常会进行一些界面切换操作,尤其是在移动设备上。由于屏幕规模和交互方式的特点,这些切换操作会更多地呈现,突然从一个界面切换到另一个界面会给用户带来混乱,因此在触发这些操作时,往往需要过渡动画来指导用户如何从一个界面切换到另一个界面。让我们来看看一些常用的接口转换方法。

淡入淡出过渡函数是最常用的处理方法。该函数通常可以直观地反映从一张图片到另一张图片的变化过程。它在视觉体现上比较软,但通常局限于需求转换的两个接口,具有一定的特点。

另一个例子是Windows7平台上的aeropeek功能。将鼠标移动到桌面右下角的“显示桌面”按钮时,窗口内容将淡入淡出,效果将从不透明过渡到完全透明。

IOS的音乐界面也使用了这种效果。从“播放”界面切换到上方界面时,顶部的状态栏和标题栏会使用淡入淡出的效果,将播放界面的深色转换为列表界面的浅色。

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

让我们来看看苹果卡的应用。从选择卡片到进入卡片编辑界面,卡片慢慢飞入皮革桌面。

另一个例子是IOS中的“通过电子邮件发送照片”,它也使用这种效果(照片移动,电子邮件界面从底部滑入屏幕)。

这种转换效果不适用于需要频繁切换的页面。等待时间过长会让用户感到焦虑。

翻转界面的方式在IOS平台上非常常见。通常,翻转前后两个接口之间存在一定的连接。常用于设置界面和列表界面。

在“播放”界面和“相册列表”界面之间切换,如下图所示。

使用iPhone的学生可以一起做测试。当将iPhone的壁纸和锁屏界面设置为两张不同的照片时(注意,必须是不同的),当您打开解锁按钮时,屏幕会淡入淡出一段时间,然后慢慢亮回主界面。

有时我们可以在游戏中看到这样的效果。例如,当您打开CutterOpe应用程序时,您还将在单击设置按钮后在黑屏中切换界面。

在IOS中打开的文件夹将以箭头的形式展开,展开的部分最终缺少小三角形区域。让我们放慢速度,看看IOS是如何自然地隐藏小三角形的:

打开文件夹后,我们可以清楚地看到小箭头逐渐减少,直到完全消失。虽然此处的变形速度非常快,人眼很难检测到其变化过程,但合理自然的变形过程以达到最终所需的形状结果也是反映细节的一部分。

这种动画的实施例通常与淡入淡出功能配合。更常见的是window7的任务栏预览窗格。当鼠标从一个图标移动到另一个图标时,由于预览窗口的大小不一致,窗口将瞄准内容的大小并主动缩放到适当的大小,内容将使用淡入淡出的方法进行更改。

在Mac平台上,这种页面切换的过渡模式更为常见。例如,在Mac上打开系统配置并切换系统配置中的任何设置项都会产生这种效果。

放大效应通常出现在从较小元素到较大界面的过渡过程中,有时伴随着淡入淡出效应。例如,在garageband中,选择一种乐器,进入该乐器的编辑界面。

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

例如,在上图中的lion系统中,当iTunes全屏时,您可以看到桌面场景正在左右切换。ITunes扮演着淡入淡出的角色,并扩展到全屏,而基座向下移动为ITunes全屏腾出空间。

这样做的目的是将iTunes界面转换为全屏。2.切换布景意味着全屏iTunes作为一个单独的空间存储在MAC屏幕上。还可以看出,什么样的动画过渡效果用于完成界面的转换,这实际上是告诉用户这样切换意味着什么。

除了上面列出的这些过渡效果之外,还有更多的过渡效果没有在这里列出。您可以进一步探索并找到更多。动画不仅可以减少界面的刚性,还可以让用户直观地了解界面之间的关系以及如何切换,从而增加用户在使用过程中的流畅性,进而提高用户的体验。