2013年的13种产品设计趋势

新年新气象，产品设计师们也将会有更多新的灵感。既然适逢13年，我们就来看看今年可能获得用户青睐、引领应用设计潮流的是哪13种风格吧。

**1.**平面化设计

这个风格似乎将会是最受欢迎的选择。平面化设计其实是对过度拟物化的反弹。虽然这种风格由来已久，但将它发扬光大的则是微软公司。

Win8似乎以平面化设计建立了一个全新的操作系统——以方块拼成的Metro。虽然这种风格已在XBOX上率先使用，但它成为全新的Windows风格还真是出人意料。目前人们对Metro褒贬不一，不过改革总是要经历这个阶段。

平面化设计并非适用于所有应用，但毋庸质疑的是，崇尚极简主义的设计师和开发者们将会很喜欢这样的风格，并在新的一年里做更多尝试。

**2.**更少按钮 （更多手势）

当设计师尝试制造图标整洁，视野宽阔的App之时，必然会借助于手势。Google将前者和后者都成功运用到了新版的谷歌地图中。虽然并非所有人都认为手势是最优解，但2013年的前沿设计必然有它一席之地。

**3.**功能可见的辅助动画

当你找不到按钮或选项时，你可能会不知道如何继续操控app。目前这样的尴尬尚不多见，不过一旦出现，通俗易懂的动画将能引导用户执行下一步操作。

笔者找到的最好例子便是iOS锁屏状态下的相机按钮。不熟悉iOS的用户可能基本上只会按它，却不会按着它向上滑动。如果你不是仅仅按着它，它会稍微上下弹跳，提示相机即将启动。这就教会了新用户如何合理使用这个按钮。因为有了清楚的提示，用户点选的效率将会高很多。连老人家也能一次学会。使用辅助动画能够减少按钮的出现，是往简洁交互界面变革的一条可行路线。

**4.**左侧导航菜单

已经有不少应用选择这一方案，不过笔者认为左侧导航菜单将被更广泛地使用。这是一种简便的显示选项列表的方法，而且只需要几条平行线就能构成。

The Magazine在这个基础上做出有趣的变动。如果你按住按钮三秒以上，左侧导航栏按钮（“Hamburger” Menu Drawer）就真的会变成一个汉堡包。很惊喜的彩蛋，是一个不错的营销手段。

虽然不是一个全新的风格，但它值得更广泛地应用。

**5.**更多原生设计

虽然不少产品在不同平台上都有专用APP，但很多产品也能不安装APP，直接在网页上使用。鉴于越来越多平台都变得更封闭以证明自己的高端（虽然有时候会适得其反），原生设计的APP可以让用户体验变得更好，Google、Facebook就一直在Native化上发力。

**6.**响应式设计

对不同的平台进行统一适配，与上一项正好走相对路线，但仍然是设计师常用的选项。当你希望吸引更多平台的受众，只针对某几个专有平台开发就不是个好选择。

典型的例子就是Quartz，它在各种设备都能无障碍运行，无论是iPhone、iMac还是Surface，运行效果都是一样的，给人一种统一的美感。

响应式设计正在成为表现web内容的首选方式。为每个不同的设备都做开发出不同的APP需要花费大量人力物力，使用统一的界面也未尝不能良好地实现跨平台运行。

**7.**更宽的网页

笔者最近看到不少与这种风格相反的设计，很多笔者常去的博客今日都把页面变窄了。这种风格有一定的特别之处，但当你在Retina屏幕或27英寸的iMac上浏览这类网页的时候，700px宽度的网页会使两边的空白过多。

使用更宽的页面，同样能够在文字中突出媒体元素。一图胜千言虽然是名言，但图片再漂亮，只有700px的分辨率就有些浪费。

8. 更大的字号

长久以来，12～14px大小的字体似乎成为了网页正文的标准，不过笔者最近看到不少网站的正文开始使用16～18px大小的字体，这里就有一个例子：http://trentwalton.com/

这将表明，字体排印在产品内容的可读性方面占有重要地位。当18px的字体在iPhone上显示时，会比12px的字体易读得多。不过如果使用低像素的设备阅读较长的内容，仍然使用大号字体，就会降低阅读体验了。

**9.**更大的搜索框

搜索功能正在成为很多产品的焦点。不管是社交网络还是公共媒体，如果没有搜索功能来帮助用户筛选内容，用户体验将会降低很多。

The Noun Project和新的Myspace都利用更大的搜索框上做文章。去年Google搜索达到了新的高峰，简单大方的搜索界面比门户网站繁杂的排版要受欢迎得多。

值得一提的是，Path虽然没有将搜索框放大，却也将搜索功能修改得更简洁以提升搜索体验。

**10.**更多GIF素材的运用

Twitter正是这么做的。GIF给人一种鲜活的感觉，相比之下，PNG格式似乎比较稳妥但缺乏变化。动态的图像能更加凸显特定元素，也更加直观。

可惜的是，很多移动设备对GIF的支持都不够好，不过这些问题应该会随着移动设备的逐步升级而得到改善。

**11.**人性化设计

与其说人性化设计是一种可能的趋势，不如说它是一种态度。设计感不仅仅体现在视觉的美感上面，还包括在不同应用场景下，为用户提供使用方便。

典型的例子就是苹果的Lightning接口，由此前传统的30针减少为8针，其接口内部与数据线两侧均排布有触点，从此接线时无需再区分正反面。USB借口的正反面设计一直为人所诟病，苹果的新专利很好地解决了这一点。虽然这样一来家里的线恐怕会又不够用了。

优秀的产品将会在视觉和物理上都照顾到用户的需求，人性化设计显然是追求完美的设计者需要考虑的问题。

**12.**新鲜的颜色

虽然蓝色很优雅，很有科技感，但如果App Store上半数的应用都是蓝色的图标，用户如何分辨出哪个是你开发的呢？

不仅仅图标颜色成问题，网页配色也是如此，Tumblr上的设计师们很喜欢大量使用蓝色。配色是一种时尚的技巧，跳出既有的框框，尝试新的颜色，才是设计师们应该做的。这一项看起来不像是趋势预测，而是笔者的一个恳求，笔者很认真地希望在颜色的运用上，能看到更多新意。

**13.**矢量自适应

设计师有了更好的软硬件设备，就能更加容易将图形矢量化。笔者并非专业设计师，但不得不说Sketch的矢量化功能非常强大，是设计师们的利器。

有了矢量自适应，同一产品在不同分辨率的屏幕下的显示就不成问题了，安卓平台尤其需要这样的设计。

总而言之，随着电子工业的发展、设备性能的提升，2013年将是产品设计师们大显身手的好时代。只要以用户体验和美学为出发点，摒弃庸俗的商业思维，不管哪些风格即将流行，哪些趋于小众，这些风格多多少少能让我们的世界变得更美。且让我们拭目以待今年的产品设计将会有哪些突破吧！