首页 > 前端技术 > [转]UI设计的风向标:越来越扁平化的界面设计风格
2013
05-21

[转]UI设计的风向标:越来越扁平化的界面设计风格

 

某迪语:业界内设计领域的王者不用说,那就是御三家:微软、苹果和谷歌。PC端一直是微软是老大,其设计风格已经是事实上的工业标准,但PC端日益受到移动领域的严重威胁。事实上很多时候我宁愿打开淘宝的手机/平板应用,而不愿意登录PC端的淘宝网站了。因为PC端网站里还充斥的大量无关的内容和边角料,又复杂又让人迷惑,90%的导航栏菜单链接我从来没有点过。与这个移动时代的简约直白格格不入,所以很多人像我一样,只要不是需要进行复杂的操作的买家,都更愿意用简单直白的移动端应用。在移动端,毫无疑问,苹果的设计一直是各方模仿的对象,人们一致的评语是精致,细腻,用户体验好。google的android也无力超越,其实google的设计一直以简约实用著称,跟苹果比精致并不是其所长。面对威胁,微软发动了帝国反击战,为代表的metro UI那相当火,甚至影响到了苹果的设计。比尔盖茨最近表示,metro不是一种设计风格,而是一种哲学——好吧,是不是因为基友老乔死了大门你要继承遗志,也把哲学挂嘴上?不过不得不说,整个移动界面的发展似乎都在向着更加直观、扁平的方向发展。事实上由于很多人已经适应了移动端的应用,因此一些需要文字提示的地方,现在只需要一个图标代替。而图标本身,也不需要那么多华丽的点缀,否则只能让界面变得更加混乱。下文就是这样一篇介绍性质的文章,看看最近的风向标吧!

来源:http://www.damndigital.com | 发布时间: 2013-05-20 19:19 |

被业界人士众说纷纷的iOS 7将在下个月的2013WWDC大会上推出,到那时可能将会有更多关于iOS 7的设计概念公布。而近来各种媒体对于苹果公司新帅首席设计师乔纳森·艾维(Jony Ive)将在iOS 7中放弃拟物设计,转而使用扁平设计的预测也不绝于耳,这意味着iOS 7将有一个翻天覆地的变化。我们来看看本文作者 Tim Green对此的前瞻见解吧!

“完全扁平化”、“像安卓”、“微软式”!⋯⋯等等

关于苹果将“扁”化用户界面风格的传闻已经越演越烈,所以我决定也和大家分享一些动态,当然不是所谓的“内部小道消息”,而是从目前排名较前的一些iOS应用来分析。

iOS设计的未来?

上图所显示的icon,都是最受欢迎、最广为人知或者在iOS平台屡获好评的应用程序——没有纹理以及特殊的光泽。是的,我们可以从包括Spotify, Path, Everonote在内的icon设计中看到扁平化的趋势,不过,大多数的icon还是采取了其他的处理方式,如Facebook, Google Drive, Dropbox, Flipboard, 尽管它们的设计中依然带有“顶部发光”的效果,但都可以发现微妙的梯度和曲线设计,以增强透视感和立体感。

在我看来,这些都表明着iOS的设计风格正朝着某一特定方向转变。我所说的并不是指“扁平化设计”本身,当然也不是特指Metro UI那样具有极强的引导性,而是一套更成熟的视觉指示标系统,能够更好地引导人们在点击它们的同时思考这些图标背后的想法。为什么这么说?因为,现在不再是2007年,人们对于各种媒介工具和使用过程非常了解,不需要华丽的手把手的指导说明,只需要简单的一个符号和颜色就可以让大家明白这是个什么样的app,简化人机互动。目前,Google 和Facebook已经将这种设计浪潮引入iOS应用平台,并且进一步进行了更美观、优雅的设计改进

另外,目前越来越普遍的是运用一种类似“卡片式”的设计版式(cards pattern),通常都是以中性或者灰色为背景。这与后台切换显示内容的iOS标准有所不同。个人认为Pinterest已经开始往这个方向发展了,但是大部分的应用还是利用它作为呈现简洁信息内容的一种方式。(如上图, 还有Mailbox, Gmail等)

另一个不太常见的方式是垂直式的层叠卡片,你可以在Evernote和Google Chrome的设计中看到。不同的屏幕分层排列在Y轴上,这虽然有趣但体验并不是很好。所以,我并不认为会有更多的应用程序会使用这样的设计作为导航工具。

iOS设计的未来?

另一个趋势则是从应用中移除按钮框,只留下可以点击的icon。也许这被看成是模仿安卓系统,不过恰当点来说,需要一个按钮框使点击icon融入背景的想法有些过时了。这种做法渐渐在开发者中流行起来了,我不认为苹果会对现有的独特样式中做出大量的按钮移除,至少,不会很明显地强调这一点。

iOS设计的未来?
最近我发现许多应用已经开始被重新设计,比如Facebook和iOS原生音乐播放器,它们都删除了后退按钮(箭头形状的按键上面写着“后退”),取而代之的是一个简单的箭头icon。从中可以看出,在用户的操作中,我们可以使用更多的icon作为视觉提示,而非使用文字引导。目前的UI图像中也能看出这种趋势,通过他们就能够指导用户去完成下一步点击。iOS设计的未来?

说了那么多,我决定选择“Messages”这个icon作为例子,对其进行重新设计。我认为有三个方面将会在iOS设计中做出明显的改进:光泽,条纹和艳丽的颜色。结合之前我提到的几点外,还做了一个简单的改变,将标签文本向下拉了点,并大胆的改成26像素的Helvetica Neue字体,使之清晰度更高,更流畅,可读性更强。同时,在色调方面,我认为目前普遍比较流行的柔和色调并不是苹果的作风,所以色彩处理依然会比较鲜亮,但至少会做一些调暗的处理。

iOS设计的未来?

留下一个回复

你的email不会被公开。