您现在的位置是:主页 > 娱乐新闻 >

网页设计也可打造出iOS 7主屏幕视差效果(组图)

2021-09-25 22:04      点击次数:

苹果在介绍iOS7的时候,并没有使用扁平这样词,而是强调它的深度(depth)。我们可以从下面的动态效果中清晰地看到iOS7中的深层次效果。有人可能很想知道,苹果是如何做到的?使用网页设计的技术能否达到这样的效果呢? 首先要解释一下,这种深层次的效果称

  苹果在介绍iOS7的时候,并没有使用“扁平”这样词,而是强调它的“深度(depth)”。我们可以从下面的动态效果中清晰地看到iOS7中的深层次效果。有人可能很想知道,苹果是如何做到的?使用网页设计的技术能否达到这样的效果呢?

  首先要解释一下,这种深层次的效果称之为“视差效果”。这是2D和2.5D游戏主要使用的效果,也就是在各个对象之间添加距离感,从而让人产生视差。多年来,这些效果在网页设计中也经常被用到。

  那么,怎样才能打造出让人乍看还以为是3D的效果呢?如果你安装有iOS7测试版,你可能会注意到,在观看2D渲染(比如一个视频)时,这种效果特别吸引人。

  视差效果很好理解。望向窗外,物体以不同的相对速度运动着,拉开不同的距离。靠得越近的物体看起来运动的速度越快,越远的就让人感觉运动得越慢。

  在iOS7主屏幕中,具有两个层次,香港一码免费中特香港一个是屏幕表面,另一个是背景图片。如果你仔细观察上面的动态效果,你会看到图标相对于屏幕表面来说是静止的。要实现这种效果,只需相对于图标移动背景图片。留意到了吗,在iOS7,当我们将iPhone从右向左倾斜,背景图片(壁纸)往右边移动,反之从左向右倾斜iPhone将看到壁纸往左边移动。

Power by DedeCms