从新推出的 WWDC 2013 应用能看出 iOS 7 的设计风格转变方向吗?

关注者
334
被浏览
17,097

11 个回答

收录于 编辑推荐 ·
2013.06.11 更新
iOS 7 正式公布了,回头来回顾这篇答案很有意思,直接看一下哪些猜对了哪些猜错了:

猜错了:
  • 基调:改视觉不改交互,这是 iOS 7 的基调。
  • Tab Bar:提供两种配色的 Tab Bar,WWDC 的白色和 App Store 的黑色

猜对了:
  • 图标:大胆推断 iOS 7 中大部分图标会改成 WWDC 这种纯色渐变加基本图形的样式
  • 界面视觉:使用灰白配色,放弃高光,减弱渐变幅度,少用阴影
  • 微质感:iOS 7 不会是 Windows 8 那种极致扁平,还是会有阴影渐变高光这些手法,更收敛更节制
  • 手势:全局引入侧滑后退手势动作

以下为原文。

————
睡不着,正好睡前下了 WWDC 的应用,试着整理一下,抛砖引玉。

1. 图标的变化
  • 放弃使用了一贯的高光遮罩
  • 只有渐变和 logo 基本图形,元素更为简洁
挑选了 iOS 几个有代表性的图标做对比,可以看到 WWDC 没有了标志性的高光遮罩,没有「拟物」,没有阴影,只有基本图形和渐变色。

2. Tab Bar 的变化
  • 传统的黑色背景色变为白色
  • 没有导航栏背景的高光渐变
  • 没有阴影
  • 选中状态没有圆角背景
Tab Bar 对比:从上往下,依次为历次 Tab Bar 样式,最下为 WWDC。
关于 Tab Bar,可以翻阅@鄭紫陽 的回答,更多细节对比:zhihu.com/question/2115

3. 导航栏的变化
提醒:这部分不太有说服力,看了下 WWDC 2012 的应用设计,已经很接近 2013 这个风格了。抱歉,没做好功课,大家看看就好。
  • 传统的普蓝渐变背景色变为白色
  • 按钮的渐变减弱,且渐变方向变为径向渐变
  • 导航栏标题字体颜色从「白色」变为「黑色」(不严谨说法)
4. 对比案例:日历和 WWDC
下面选择目前系统中的日历(控件元素和 WWDC 有可比性)作为对比,详细说明。
Table View 对比:注意导航栏背景、导航栏按钮,列表小标题的变化。

注意圆点标签颜色、背景颜色,单元格样式的变化。

空页面对比变化:基本图形,没有质感纹理,阴影减弱。

5. 所以?
从 WWDC 这个应用,我的结论是:
  • 基调:改视觉不改交互,这是 iOS 7 的基调
  • 图标:大胆推断 iOS 7 中大部分图标会改成 WWDC 这种纯色渐变加基本图形的样式
  • Tab Bar:提供两种配色的 Tab Bar,WWDC 的白色和 App Store 的黑色
  • 界面视觉:使用灰白配色,放弃高光,减弱渐变幅度,少用阴影
  • 微质感:iOS 7 不会是 Windows 8 那种极致扁平,还是会有阴影渐变高光这些手法,更收敛更节制
所以,WWDC logo 原来是想告诉大家,我们也要换图标!图标变化才是 iOS 7 最大的亮点吗?哭。
开个玩笑,希望不止如此,不过很有意思,评论里有人说 MIUI V5 引领潮流了。 XD

6. 最后
这是不是 iOS 7 的趋势?
是的,这是 iOS 7 的设计语言,而且 iOS 7 就是这个样子,不会让你惊叹。
想想从去年 App Store 的界面更新,到今年3月 Podcast 新设计,再到最近 iTunes 的持续变化吧。

那设计上还有没有惊喜?
改视觉时不改交互。交互层面上不会有太多改动了,主要是视觉上的优化。我自己感觉手势动作算是最有可能引入的新特性,比如全局引入侧滑后退手势。不过能不能在发布前将所有系统应用都更新可能都是问题。

记得 3 月份和@Hynuza 在试玩新版 Path 时,闲扯时说 iOS 需要迎合消费者做一次视觉更新。短短几个月之内,Flat UI 成了业内装腔必备词汇,大家纷纷也在猜测 iOS 7 可能会发生的变革。其实也能理解,iOS 虽然石破天惊,但毕竟已经 5 岁多了,iOS 再好也抵不过人们喜新厌旧。

「It’s very easy to be different, but very difficult to be better」,这是 Jonathan Ive 说的。

所以,你觉得 iOS 7 会让你看到「很不一样」而惊呼?还是让用户不知不觉虽然改了视觉但操作逻辑还是一致的顺畅升级?

以上。如有不符,纯属瞎扯。
能看出。但希望不仅如此。

2012 年苹果也为 WWDC 做了一款 app(itunes.apple.com/us/app),
当时 cultofmac 便猜测,这会不会是 iOS 6 的设计风格预览呢?

事实证明,是的。

左为 WWDC 2011 app,右为 WWDC 2012 app。iOS 5 和 iOS 6 的设计风格区别,你们感受一下。


但 2013 年的 WWDC app 与 WWDC 2012 相对比,并没有如此令人交口称赞的设计风格改进。
可看截图:itunes.apple.com/us/app

猜有两种可能:
  1. Jony Ive 老师在玩保密,随后便有惊喜;
  2. 朋友你想多了,iOS 7 就只是这样。

希望是前者。

Reference: Apple's Official WWDC 2012 App Could Be Your First Glimpse At iOS 6's New iPhone Look