微软终于获得UI设计之道了?

screenshot

一向以杂乱不堪闻名的微软是不是开始懂得了UI设计中需要做到风格一致性这一基本定律了呢?微软会成为一家在设计领域的明星公司吗,就像苹果那样?

与过去的失败相比,最近微软所传递出来的崭新设计新风向可能会使每一个人(不管你是一个果粉用户还是一个普通pc用户)感到惊讶,这个来自雷德蒙德(美国华盛顿州城市,微软总部)的男孩到底走了多远。

粗鄙的过去

我是一个微软设计团队的fans这件事已经是一个尽人皆知的秘密了,2010年我写过一篇长文叫做  “我们能出微软设计师那里学到的东西-通过不重复他们所犯的错......”

这并不是一个果粉的向微软的吐槽,这只是一个观察者所看到的事实:微软一直以来都忽略了视觉设计的重要性,整个看来他们在视觉设计上做到的唯一一致性就是从来没有一致过。.

screenshot

window的改变

这个问题是微软的新闻吗?我敢打赌在微软内部的那些让人抓狂的设计师们比谁都了解问题的所在,不过好消息是:他们终于开始着手改变了。在众多的变化中,最吸引人眼球的是就是微软新推出的Windows8平台以及他大胆的 “Metro” 界面。

screenshot

不同于我们最近几年所看到的任何视窗设计,“Metro”大胆而且相当具有独创性,他做了其竞争对手没有做过的事。这种设计绝妙的融合了简约主义的布局和排版原则与微软技术的配色方案,使得它看起来有趣,触手可及。

 即使是来自苹果fans中的批判者们也不得不淡定下来并且承认微软确实做了很多伟大的工作。“Metro”风格虽然还没有证明是另外一种久经考验的设计实践,却是微软展现自己全新形象的一个起点。今天我们的话题是从网页设计的角度看他们的新战略如何影响到他的品牌形象。 

Microsoft.com 微软官网

有了Metro,我们就能轻易的明白为什么现在的微软官网Microsoft.com是它现在的样子。网站上那些矩形和框框都是出自重新设计过的Windows核心设计。

screenshot

这似乎是显而易见的,所以你可能很不满意。微软将他们的网站做的跟他们的软件一样!他们正在建立一个品牌,让人在不同的地方和平台也能一眼就能认出来。简而言之,他们开始明白刚学一年设计的菜鸟们所知道的了。我只是开个玩笑,但是这确实是在正确的方向上迈出了很大一步。

与Windows 8一样,我发现Microsoft.com主页是很干净,有吸引力的。使用简单的容器和盒子是布局多样化和易于浏览。而不是我在以前文章中抱怨的典型的混乱,我们发现这里显然是有组织的内容。

为了看清它是如何工作的,我们将基本框架抽离出来如下:

screenshot

看到了吧,如此的简单,难道数亿美元的公司为设计问题带来的解决方案就是几个盒子吗,事情不可能这么简单的对吧?为了获得你的支持我们看看Apple.com用到的典型框架布局。

screenshot

没什么区别是吧?这种布局排版表现如此出色的原因是它解决了模块化和简单化之间的平衡。盒子布局可以让你突出重点,而不是混乱不堪。

避免过度设计

因为metro的出现,微软终于将他们的设计简单化-只突必要的。这不仅仅更好的突出了内容,也让工作量大大的减少。下面是两年前他们的网站,有很多方块图片。里面有些文字内容,相信做了很多工作但是我找不到究竟是些什么, 除非很认真的去看。

screenshot

和现在主页的内容盒子和方框相比,那些剪纸艺术和90s图片的堆砌已经一去不复返了。在新主页里你能找到浓烈的颜色,基本但有效的产品图片,以及排版的紧凑感。

screenshot

这种设计策略是常见的,因为你可以看到被用在几乎所有的品牌中 - 强烈、简约、清爽干净的设计。

我是不是在暗示微软在剽窃苹果的成功? 完全不是。 他们的色彩风格使产品看起来完全与众不同,何况他们并没有采用苹果的圆角设计。我所讲的是微软终于走上了简约设计风格这个其他公司已经采用了数十年的主潮流。我也并不是说所有的品牌都需要简约、干净的风格。但是对于像微软这样的公司来说,显然是适合的。他们成功的融合了这种设计和生活气息,使产品看起来更友好、更人性化。

screenshot

更多的

如果你浏览微软的其他网络产品,你会发现还有很多是乱七八招,缺乏设计感的,在克服困扰他们多年的UI设计方面,他们似乎还有很长的路要走。我其实是在说,微软并不骄傲,而且很虚心,事实上他们成长十分的迅速。从Metro 界面和微软主页到其他项目,有很多能让微软骄傲的例子。我对那种因为对设计的无知而认为设计是没有必要的公司嗤之以鼻,很幸运微软并不是这样的公司,他们正在摆脱以往的耻辱,并取得了很大的进展,好样的,继续保持下去!