细看iOS 7：动画效果与扁平界面共同创造了一种空间感

iOS 7 测试版的用户界面发生了很大改变 不仅是界面元素 系统中很多动画效果也发生 了重大改变 虽然有很多人表示对虽然有很多人表示对 Jony Ive 的扁平图标设计和的扁平图标设计和 Helvetica Neue Ultra Thin 字体不喜欢 不过其实字体不喜欢 不过其实 iOS 7 中还有很多内容值得我们去发现 中还有很多内容值得我们去发现 动 画系通过是设计师们打造良好用户体验最基本也是最必要的工具 比如 iOS 系统中的 橡皮圈功能 也就是大用户界面到达边缘时产生的反弹效果 这种动画效果在 2007 年第 一代 iPhone 发布时就存在了 这种动画效果看起来不起眼 不过用户在文档中导航时会 获得回馈信息 也能增加整个系统的响应性 iOS 7 的其他动画效果还有很多比如长按 App 图标后进入的编辑模式 所有图标都会抖动 iOS 7 测试版发布之后 系统中出现了很多全新的而且有趣的动画效果 当然有些很微小 不容易被察觉 下面我们一起看看究竟 iOS 7 新增了哪些效果 锁屏界面锁屏界面 从锁屏界面开始 苹果改变的元素就很多了 包括 滑动来解锁 轨道条消失 用户仍然需 要从左向右滑动来解锁 iPhone 不过动画效果改变称整个锁屏界面的移动 而不是之前 的滑动条 此外 锁屏界面当 iPhone 唤醒时还会慢慢从黑色渐变 通知中心在 iOS 7 中已经可以从锁屏界面激活 通知中心面板会与屏幕底部撞击 产生回 弹效果 当然 这种效果没有普通的橡皮圈回弹那么明显 不过用户快速滑动时反弹效果 也会更大 从屏幕底部向上滑动可以激活控制中心 通知中心激活时的动画效果并没有橡 皮圈效果那样明显 控制中心顶部和通知中心底部会有很小的动态线条 当面板静止时 线条变成向上或者向 下 当面板移动时 线条变成横线 当用户在锁屏状态下时 小箭头还能引导用户激活通 知中心和控制中心 Home 主屏主屏 当用户解锁之后 图标载入的动画效果有了全新的变化 应用图标看起来似乎是从屏幕上 方直接飞过来的 Dock 从屏幕底部滑动上来 在 iOS 6 中 所有图片是从屏幕周围移动 过来的 苹果在 WWDC 2013 大会上演示 iOS 7 时 有一种所谓的 视差 主屏显示 这种动画效 果依靠 iPhone 内部传感器决定用户的位置 然后改变壁纸 结果非常有趣 看起来好像 是图标悬浮在壁纸上 除了视差 苹果还在打开应用或者应用文件夹时加入了 缩放 动画 效果 对 于应用来说 该功能很直接 用户点击图标时 系统会自动缩放进入应用 iOS 6 中的 动画效果则是应用窗口一直扩展到整个屏幕 应用文件夹的图标也是采用这种整体缩放的 效果 在 iOS 6 中则是开启 popover 界面 全新的多任务管理界面同样有新的动画效果 左右滑动可以在应用预览之间切换 当用户需要关闭 App 时 只需使用手指向上 滑动即 可 App 特定动画特定动画 多 年之后 iOS 7 的时钟图标终于会动了 在 iOS 7 中 时钟图标可以显示出真实的时 间 用户可以看到走动的秒针 此外 日历图标的字体和风格也发生了改变 对于苹果应 用内部的动画 天气应用的改变最大 当然信息等应用也有为微妙的动画效果 当用户发 送信息时 整段的文字就像被扔了上去 聊天的气泡在用户