2014年1月8日,苹果发布iOS7.1beta3。开发者已经可以通过OTA升级的方式下载这个新版本的iOS系统。除了修复部分BUG、进一步增强语音辅助功能外,新版用户界面(UI)系统的变化更为引人注目。iOS7发布后,人们对其“扁平化”设计褒贬不一,风格各异。在过去的六个月里,iOS7的每一次升级都体现了苹果UI设计团队对“扁平化”理解的不断加深。.新版iOS7.1beta3首先对键盘做了调整:字体加粗,删除、大写等按键进一步变灰,FaceTime和下栏应用也不同程度变暗:为什么要这样调整?因为所谓的扁平化设计风格,并不是直接一刀切去除UI的质感。它的设计理念源于设计师希望人们的注意力从过度关注界面元素回归到关注内容本身,复杂的纹理只会干扰内容的顺序。但扁平化设计的前提是对内容的信息架构有要求。为保证扁平化界面的易用性,首先需要理顺内容的层级结构,让用户识别交互对象。在做好这项基本功的前提下,所谓“拟物化”与“扁平化”的争论并不重要。从上图的键盘变化可以看出,苹果正在加强过于“扁平”而影响视线扫描的部分。iOS7.1beta3从“扁平化”提升到略带质感,是对完全“扁平化”的证明和革命。反面例子可以参考国内某科技博客的首页设计,最近改版接近“扁平化”。你会发现,层级结构没搞好,“追求卓越”的后果——信息散乱,模块交互。产生了排斥。再来一张iOS7Beta3的图,同样的道理,苹果在保证信息结构后,进一步尝试通过增加对比度来增强交互元素的表现力:配色、字体大小、位置布局等都是元素可以改变,为交互提供必要的视觉线索和反馈效果,帮助用户建立认知。iOS7的三大设计原则:整合、清晰、深度得到了很好的诠释:iOS7.1beta3对“扁平化”的调整和改变,不仅仅是UI问题。可以延伸到另外一个考虑:如何让内容更直接的呈现,功能的完成成本更低。我想到了之前的照片社交产品Civo。Civo在iOS7发布之前就采用了扁平化设计,这在概念上非常契合,但这不是重点。在新版本中,我们可以发现这款产品在同一个feed流接口上有了很大的改进,内容(图片)是从头像中“提取”出来的。简而言之,它采用了更直接的内容呈现方式,降低了操作层面,这又是一个例子。(左侧为原版)“突出内容”也可以体现在功能模块位置的设置上。以下是三个财务信息应用程序。我们可以发现它们也是行情交易软件。腾讯自选股进入首页,首先显示股票行情。四个选项的个人主页对于一个需要用户与时间赛跑,以市场交易的瞬时变化为操作要求的产品来说,是高效果断的。同样,财经资讯工具“雪球财经”的客户端也反映了上述问题:在未能将资讯架构分类(提供过多且不重要的选项)的基础上,跟风采用扁平化设计,有选项中没有视觉优化,下方磨砂玻璃的纹理进一步干扰了内容。这些无疑增加了用户的交互和认知成本。与视觉风格相比,iOS7的精髓更注重交互层面的内容。“拟物化”与“扁平化”的冲突与中和,背后隐藏着一套完整的设计逻辑。如何利用这套设计逻辑,为用户带来最合适的体验,才是最关键的。当对设计理念有足够的认识时,留下的是一套严谨的生产标准,而不是随波逐流。
