设计趋势思考：扁平和简约来袭.docVIP

设计趋势思考：扁平和简约来袭 By 黑板报值日生 ｜ 2014/02/13 [核心提示] 在过去几年里，软件和 APP 的界面设计风格发生了迅速变化，由 3D、拟物发展到扁平、简约。尽管这一趋势普遍存在，我们还是思考下是如何发展至此的，以及它对整个界面设计领域有何影响。 编者注：本文转自腾讯 CDC，作者 Adrian Taylor 是一位交互创意总监并且是 Pushstart Creative 的创办人, 专注于多种研究，如物理聚合、人机交互技术和品牌体验等。尽管他目前工作的重点是产品研发、战略发展、UX 等，但是对 pixels 却一往情深。了解更多可以去 或关注他的 Twitter（译者 zera）。 原文地址：/2013/09/03/flat-and-thin-are-in/ 在过去几年里，软件和 APP 的界面设计风格发生了迅速变化，由 3D、拟物发展到扁平、简约。尽管这一趋势普遍存在，我们还是思考下是如何发展至此的，以及它对整个界面设计领域有何影响。另外，我会分享扁平界面设计的一些技巧和注意问题。 Windows Phone 8 和 Apple iOS 7 的用户界面 发生了什么？ 那么，为什么群体意识从喜爱带纹理、有透视和阴影的设计转变喜爱扁平色彩和极简图形的设计呢？当然导致这一转变有很多因素，但是有一些因素更为突出。 信息过载 随着世界联系越来越紧密，我们不断地接受大量信息，一些信息是重要的、相关的，但大部分不是。我们不断地评估其价值，过滤无用信息，或创建新的内容，所有这些都使我们精疲力竭。还有，大部分内容消费已转移到小屏幕设备，更是加剧了超负荷现象。这样我们就很容易就淹没在信息中，砍掉用户界面（UI）的繁杂元素才是视觉设计的王道。 摆脱混乱: Geckoboard 的设计使关键数据被一目了然呈现，并易于理解 简约就是金科玉律 同样有个趋势就是，颠覆性的网页应用和服务正提供高度专用化的工具，只设计少数功能。虽然传统软件开发员倾向于为产品加载过多功能，以期获得高价定位；但目前变化趋势专注于微应用，偏爱功能简洁。简单的应用意味着有简单的界面。 美观且精致：由 Oak.设计的 Blue 天气应用程序 又一次，以内容核心 新设备和新技术涌入市场时，常常会出现这样的情况，我们热衷于思考于它们能做什么，我们又怎样才能提高交互性。但关注界面设计这一狂热之后又回归专注于内容。媒体资源的消费，不论文字、音乐还是视频、音视频，等我们设备上最常用的活动，在你乐享其中时，肯定不希望被无关的界面元素打扰。 技术水平 随着智能手机和平板电脑已渗透到千家万户，显性操作正在逐渐减少。过去，如果弹窗没有从屏幕跳出来，我们曾担心用户会错过操作，而现在，我们更愿意让用户去探索这种细微的交互体验。鉴于此，很多互联网产品已经支持没有任何视觉引导的触碰指令。 Fitbit 的仪表盘的视觉设计清爽、胆大, 和亲和力 技术的影响 大部分软件受限于运行平台。屏幕尺寸和像素密度也受限于硬件设备条件。一个简约的界面需要十分有限的设计元素，这意味着每一个元素都要有所发挥。排版布局和字体粗细在很大程度上决定了扁平设计的美观和易用性。 如果你的目标设备不能处理好这方面的细微差别，你就不太幸运了。随着屏幕尺寸和像素密度不断增加，更细、更小的样式也能呈现最佳的清晰度。当然，对 @font-face 属性的支持，提高了对文字间距的集中处理，也增加了极简排版的吸引力。 Wallmob 的市场数据监控应用：从任何一个有一个浏览器的设备上都可以检测到数据 响应式设计 随着各种尺寸联网设备的普及，交互界面变得更需要强调适配性，响应式设计也就应运而生。虽然响应式设计并不要求特定风格，但扁平的交互界面显然比其它样式要更容易处理。简约设计的另一种优势就是，能见降低页面重量和缩短加载时间。 无重量的响应设计：OnSite 勇于实践 好了，不唠叨理论了。让我们看看实践上的操作吧。设计一个有效的简约风格很具有挑战的。当你抛弃界面上那些花哨的装饰元素（下拉阴影，透视关系，纹理材质等），立马就会意识到剩余的元素关键且重要。以下几个技巧在设计中普遍很实用，特别是针对扁平 UI 设计： 开始设计之前 任何项目开始第一步，就是确保你选对风格。深入设计之前，确保风格符合目标用户的感知需求，适应目标平台、承载设备和应用类型。如果该方案风格与项目不匹配，那么接下来的导向则毫无意义。 流程 设计流程非常重要，无论选择何种样式！简约设计时记住以下几点： 设计 minimal 界面时，我会从 pre-pc 时代寻求灵感，那个时候的艺术大师，用少量的资源做了大量的设计。例如：Josef Müller-Brockmann 和 Wim Crouwel，重温这些大师的作品是很好的学习机会。但是有时我也会参考 minimal