在实际当中,“扁平化设计”一词所指的是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,从而打造出一种看上去更“平”的界面。
几乎完全采用了Squarespace平视觉样式的新版本,仅用于一些相关的细节,突出重要的互动元素的传统方式。尝试你会发现,事实上,他们的产品上的逻辑功能是相当复杂的,但这一切背后隐含的简单和简单的界面,你真的可以隐约感觉到设计团队的努力。
Rdio
Rdio最新版本的网站及产品界面中都采用了很彻底的最小化、扁平化的设计风格,你很难找到使用了阴影、渐变等效果的界面元素。
相关阅读:最小化可用性设计
Nest
我曾作为一个在网站设计的前端工程师参与,现在还记得他们的设计师的热情追求的平面风格。在他们的网站上,实际的产品和相关的应用环境照片作为“真正的”元素进入扁平风格的媒介载体,组合,让游客可以轻松地专注于产品,而不受网站界面的视觉元素的干扰。
Beforweb
译者小站乱入…译者@C7210注
对拟物化的逆袭
正如20世纪建筑界当中的极简主义运动,扁平化设计风格的逐渐兴起也可以被看作是对多年以来过度设计、过度雕琢的界面风格的逆袭;尤其是最近一段时间,苹果一直以来的拟物风格被诟病的蛮犀利的。
Wikipedia对拟物化的定义是:
原有物件中某些必需的形式在新的设计中已不再必要,但新设计仍模仿旧有形式,以使新的外观让人感觉熟悉和亲切。
举个例子,我们通常会为界面当中的按钮添加渐变和投影效果,因为现实当中的按钮就是具有这些视觉特征的,即使这些效果对于界面元素的功能来说没有任何实际意义。又譬如有些天气方面的应用会使用温度计的形式来展示气温;在现实世界中,这种实体的存在是必需的,而在应用软件当中,温度计的形象则纯粹是装饰性的。
日历应用当中皮革质地的设计元素是必需的吗?如果按钮上不使用3D质感,用户是否还知道它们可以被点击?有多少装饰性的元素是真正必要的?
“在现实生活中,当按钮被按下时,你可以清楚的感受到它的弹性,但在桌面设备或移动设备的显示屏上,你无法感觉到这种物理回馈。看上去是实体的东西却无法让人感受到实体本该具有的反馈效应,至少对我来说这是一种很蹩脚的、不符合预期的体验。”–AllanYu
形式服务于功能