论坛首页 Web前端技术论坛

2014年的13种产品设计趋势

浏览 3528 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2014-09-17  

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

1.平面化设计

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

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

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

2.更少按钮 (更多手势)

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

3.功能可见的辅助动画

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

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

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的分辨率就有些浪费。最专业的UI前端框架!

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.人性化设计

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

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

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

12.新鲜的颜色

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

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

13.矢量自适应

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

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

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

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics