界面设计吹新风

极客

现在流行小清新

每个事物,都需要包装,应用软件和网站也不例外。它们的界面,就如同女人的脸,只有会打扮的女人,才会成为“舞会”上的焦点,勾搭用户百试不爽。

小清新:小清新最初指的是一种以清新唯美、随意创作风格见长的音乐类型,后来逐渐扩散到文学、电影、摄影等各种文化艺术领域,成为一种独特的文化,深受年轻人喜欢。小清新的特点是:淡雅、自然、朴实、超脱、静谧。

谷歌化身小清新

提要:小清新界面走的是人性化的简洁路线

谷歌的界面设计理念一直是追求简洁,少给用户添麻烦,让用户自己决定要干什么,这个理念贯穿了谷歌的全部产品。不过也有例外,那就是谷歌的Logo,这个经常要变,目的不同设计的风格也不同。

自从2011年拉里·佩奇(Larry Page)出任谷歌 CEO后,谷歌对界面设计更加重视,Google Reader阅读器和Gmail界面改版,选择的都是小清新风格,统一的风格也提高了用户的操作体验。

例如在新版Gmail中,你可以设置邮件的显示密度(有三种不同的密度可供选择,它们是标准、适中和紧凑),不同的显示密度适合不同屏幕大小的人,这个界面功能显得比较贴心。在我看来,谷歌的小清新界面依然是基于简洁设计理念的,在这个基础上融入了更多的人性化设计和视觉设计,这些才是本次谷歌界面改版的本质。

04-f11-02.jpg

可以调节显示密度

04-f11-03.jpg

新增了互动功能

小清新是一种潮流

提要:除了谷歌产品,还有其他采用小清新界面的产品

浏览器界面

其实,界面小清新之风吹得最旺的不是网站界面,而是浏览器界面。以前的浏览器界面比较臃肿,在界面中设置了很多功能按钮,粗看比较方便,实质很少有用户点击这些按钮。自从Chrome浏览器面世后,它就带动了浏览器界面简洁化的趋势。

你仔细观察,绝大部分的浏览器首页,没有一堆按钮了,界面都比较清爽。此外,大多数浏览器(特别是国产浏览器),都准备了丰富皮肤,用户可以选择自己喜好的皮肤。我曾经分析过这些皮肤,很多都可以归为小清新范畴。

Xbox360界面

Xbox360 dashboard界面,也是小清新界面,整个界面设计比较简洁,用户一眼就知道界面的全部功能。在人性化方面,功能与功能之间的切换自然,无多余的操作,把握用户需求到位。

每当微软、谷歌等知名大牌公司界面风格有了较大转变,在一段时间后,众多应用软件,界面也都会跟进这一趋势,例如Live Messenger新界面取消了标题栏,取而代之的是与菜单栏、软件框架、整体背景融为一体的背景图形,没有多久QQ也采取了同样的设计。因此,我预计,在未来小清新界面会成为一种新的潮流,让我们拭目以待吧。

04-f11-04.jpg

Xbox360 的dashboard界面

小清新的“情敌们”

提要:目前新兴的界面风格有多种,小清新有竞争对手了

追求酷炫的触控界面

触控界面近几年才流行,但已经是当前最热门的界面。它的出现改变了很多移动设备用户的操作习惯,也改变了UI设计师的观念——仅仅实用、好用是不够的,还可以让界面用起来更酷更动感。

触控界面在移动领域已经笑傲江湖了,成为智能手机的标志;在PC电脑中,Windows 8的Metro触控界面,也比较抢眼,极有可能改变PC电脑用户的操作习惯;在软件方面,很多软件也采用了触控界面,例如卡巴斯基安全部队2012的界面、WebQQ等,只不过这里的触控变成了鼠标点击,但原理是一样的。

此外,在一些国外的网站中,还有一种变异的触控界面——旋转界面,整个界面就是一个旋转的球形界面,所有功能按钮都在缓慢旋转,只有当鼠标移动到球体中时才停止,此时用户可以选择自己想要的功能。

追求视觉冲击的图片界面

图片界面的灵魂是用一张巨幅图片吸引用户眼球。这张图片可以是清凉的少女或者香艳的美女,也可以是迷人的风情,根据产品的定位设计师会作出不同的选择。一般来说,界面中的图片要有特效,要么是动态的,要么是造型特别的,总之要创造一种令人难忘的视觉冲击。图片界面多见于网站,是小清新界面的主要威胁之一。

追求华丽的杂志界面

杂志界面的风格是华丽,此外在界面中呈现了丰富的元素,特别是罗列了很多重要信息。这种风格的界面,主要用于一些娱乐网站、个人博客和一些内容呈现类的APP中。以我的观察,杂志界面的使用率越来越高,是小清新界面的重要挑战者。

追求个性的手绘界面

手绘界面是一种前沿设计,这种界面主要靠手工绘制,带有UI设计师的个性,能直观地体现设计师的思想,因此受到很多UI设计师的推崇,不过目前采用手绘界面的产品较少,主要是一些国外的网站在使用,但我看好这种界面。我认为手绘界面是小清新界面的未来竞争对手。

04-f11-05.jpg

触控界面一般都比较酷炫

04-f11-06.jpg

华丽的杂志界面

04-f11-07.jpg

个性的手绘界面