[Page: ]
2.色彩将凸显其功能性 随着界面设计的发展,整体的设计风格正在向极简的方向前进。越来越要求设计基础,这时候,色彩站出来了。 在设计中,色彩的心理学作用经常被提及,但是鲜有设计师去认真研究这玩意儿。好看是他们对色彩的唯一要求。然而,我们每天都需要接触应用,应用的色彩毫无疑问的会对我们的体验造成影响。 USA Today的重设计令人惊艳。色彩承载更多的功能,不同的色彩代表不同的新闻种类,提高报纸的可读性,减少用户的认知负载。 纸媒已经开始行动,界面设计同样需要形同。当我们迈过拟物设计年代,不再沉溺于元素的写实化时,我们必须把目光转移到色彩上面去。极简设计缺乏具体的实物联系,在隐喻上也不及拟物设计,但是我们可以通过色彩,来提高界面的可用性与用户操作效率。Mailbox和Shake在这方面做得就很棒。(上图Mailbox) Mailbox利用颜色来暗示邮件的状态。归档是绿色,删除是红三色,添加提醒是黄色,棕色是制定列表。而红、绿、蓝这三种颜色的使用非常符合人们的日常认知——红绿灯。 而Elevatr采用了另外一种方式,Elevatr是一款效率应用,能够帮助你规划工作,提出理念和目标,以便日常提醒。在Elevatr中有5中不同的颜色。从淡蓝色到橙色,非常简单,而且步骤很明晰,从理念到市场推广到产品到商业模式再到执行,面面俱到。(下图Elvatr) 随着界面的不断简化,色彩将承载一部分功能性,让用户更有效率的工作。[Page: ]
3.应用的深度与层次 随着iOS7的变革——视觉上的扁平化暂且不谈——引发了一种层次感的变革,第三方应用应该遵循这一点。 屏幕往往是平面的,这其中的界面往往很难体现层级感。但是通过一些小技巧、小暗示,可以打造出层次感。 最明显的例子便是iOS的主屏幕,除了上下左右的“X-Y轴变化”,还提供了一种伪3D的感觉,通过动效,让打开文件夹和应用的感觉像是“Z轴移动” 如果你仔细观察主屏幕,你会发现,3个层面是可以Z轴移动的,壁纸界面、文件夹和应用。 这只是3D层级的一个小小应用,还有更多的可能性有待探索,至今我尚未看到有应用利用这一特性,但是我估计,这是个很好的挖掘点。[Page: ]
4.视差 很多人认为这只不过是小花招,不过我认为视差效果很不错,为界面添加了更多的可能性和趣味性。 第三条是给界面添加一种视觉层级感,而视差却能为这些层级添加新式交互方式。倘若两者结合,真是潜力无穷 Hatch为什么精品?除了有神级设计师David Lanham的鼎立相助,层级效果+视差效果的双重配合打造了一种独一无二的沉浸式用户体验。 游戏App Store要12元,但是很值,各位不妨下载下来研究一下David Lanham的设计,和整体的效果。 网页设计的案例是Medium,在一些文章中会有图像,当你滚动时,图像会变得越来越模糊, 已经到了2014,很多网页都采用了视差滚动效果,但是移动UI中并不常见。充分发掘你的想象与潜力,尝试一下。[Page: ]
5.模糊,更多的模糊 无需过多解释,越来越多的界面设计采用了模糊背景。这是一种符合逻辑且体验自然的设计解决方案,能够保持界面简约,同时保持元素的层级感,应该也是iOS7的初衷吧。 Rdio在这方面比iOS7先行一步。漂亮的专辑封面模糊为背景,显示播放列表,既能体现美学造诣,又能体现实际功能感。 很多设计师只是为了模糊而模糊,却没有考虑到模糊对于层级感塑造的重要性,这一点值得注意。 随着CSS3的深入学习,相信模糊效果会更容易打造。[Page: ]
6.导航系统的进一步实验Navicon式导航
侧拉菜单导航?顶部固定导航?Navicon导航? iOS7对于界面设计的冲击可不止是扁平化,想想上文提到的层级感、模糊效果、视差,这些都可以作为导航的辅助手段。未来的趋势是没有导航,自然交互。诸君可尽情思考,如何利用界面效果更自然的引导用户,而不是利用文本、标签、图标来导航。[Page: ]
7.动效/转换效果的进一步发展
除了干净、简约,界面还需要能够流畅运转,切换自然。
[Page: ]
8.注重细节小细节关乎成败,交互设计的小细节会产生蝴蝶效应,影响用户的使用体验。用户的品味越来越高了,界面不但要好看、能用,而且还要有效、有趣、有意思。 比方说Medium这个网站,你可能会忽略一个小细节,在文章标题的后面,会给出文章阅读所需大致时间,比方说“4分钟阅读”,正是众多这样的小细节,打造了Medium的完美阅读体验。 还有一个是iA.net。在阅读他们的博客时,滑动栏会弹出气泡,提示阅读完本文还需多少时间。
iA和Medium做的都是小细节,但是对于阅读体验来说,真的是大优化。如果你时间不够充裕,你又不知道读完本文需要多久时,这些小细节就很有用。 阅读细节只不过是众多细节的一类,如果你能更多的思考用户需求,更细腻的观察界面设计的目的,你会找到很多可以添加的小细节。更细腻的体验,由你来创造。
[Page: ]
9.Snapchat引领的崭新内容模式——阅后即焚[Page: ]
10.传感器设计 越来越多的硬件设备加入了传感器,不充分利用起来可真是浪费。 5S的A7芯片导致了手机计算功能的跃进,而且能与传感器更好的结合。 最出名的可能是Moves,告诉你每天的活动量。让你的日常生活充满了故事性,提供分析。通过分析,你可以分析自己的每一天,然后作出调整,改善健康。 而智能手表也参与了进来,更多的传感器整合入其中,能够阅读手机上的信息。 可穿戴设备这一热点趋势,将使得更多的设计师关注和传感器有关的设计。[Page: ]
11.专用页面 我自己也不知道这种趋势是怎么来的,但是这个我颇为喜欢。这个理念是,当网站拥有一些不错的优质内容时,它不会按照传统的方式发表。而是专门给这些内容设计一个页面,专门摆放此类内容。 Snowfall,Ny Times,SB Nation都采用了这种模式,有兴趣可以看看SB Nation2013的年度专题页。 这是一种很有趣的实验,能够打造有特点的故事,能够持续搜集某一类信息。而且整个页面还从属于网站。[Page: ]
12.浏览器与系统的进一步整合 OS X Mavericks中再度提倡了一种老式理念,但是采用了新的执行方法。就是能够通过Safari推送网站的内容更新通知。一旦新内容发布时,用户就能接受到通知。 我每天都看的网站有两个:9to5 Mac和NY Time。而现在只需要通过小Safari对话框提示,就能接受信息通知。非常便捷。 其实没什么特别的,和RSS阅读器差不多,很高兴在系统级界面中看到这点改动,确实优化了很大一部分人的使用体验。[Page: ]
13.产品配合应用 你发现没有,现在但凡是有点档次的公司,推出产品时,都会相应的推出应用。 我相信这个趋势会在2014年持续下去。 当然,也有反其道行之的,推出产品以配合固有的应用。比如说FiftyThree的推出的Pencil,就是为了配合Paper 应用。 硬件结合软件,整合出更美好的使用体验。本来就应该这样。 不过目前我看到推出产品以配合应用的只有FiftyThree出的Pencil产品,这是个热点,不容错过。[Page: ]
14.完完全全的体验综上所述,不管是技术、理念、交互设计、产品设计,其实都是为了用户体验而量身打造。 如果希望让他们的硬件隐形,但用户依然可以与之交互。而Dieter Rams也希望能够打造隐形的设计。 过去的十年里,一切均是围绕体验展开。沉浸式、无干扰、隐形,一直是这几年来体验设计的关键词。 所以,2014年界面设计的终极趋势是——围绕用户体验而展开的设计。