Skip to main content

随着计算机的普及,拟物化设计逐渐成为向新用户介绍设计概念的重要手段。通常,用户界面(UI)内的所有仿真元素都遵循拟物化设计理念。比如被设计成垃圾桶模样的回收站图标,使用户在删除文件时不由地联想到自己在生活中扔垃圾的动作。

由于3D渲染技术和设计概念更紧密地结合,拟物化设计也变得愈来愈贴近真实。但许多设计师对此颇有微词,他们认为,今天的用户对IT世界已经非常熟悉,设计者没有必要在真实性上大费周章;而且,一个2D的垃圾桶图标也不会因为经过了3D渲染产生额外价值。

扁平化设计摒弃了很多拟物化3D元素,在UI设计中避免过度使用营造3D效果的手法,比如渐变、纹理和阴影,而专注于简单的平面元素、排版和色彩方案。需要注意的是,扁平化设计只是强调在平面上以简约风格表现设计元素,并没有完全抵制拟物化设计,这一点与现下流行的观点不同。


作者/版权所有者:crassuscz。

扁平化设计包罗万象,只要你观察得够仔细,在设计中随处都可以见到它的应用。比如,上图的这些表情。

除了美学特点,扁平化设计还有一个优势:在响应式设计中,二维对象更易于缩放,对不同屏幕或浏览器的适应性更强。在移动网络普及的今天,这个优势非常重要。

扁平化设计简史

扁平化设计并不是一个完全新生的概念,它源于三种已有的艺术形式:瑞士风格(或国际排版风格)、包豪斯(Bauhaus)风格和现代主义。其中,瑞士风格对扁平化设计的影响可能是最大的。扁平化设计早在20世纪50至60年代就开始在现实世界中流行,在数字世界中的发展速度却慢得多。

在数字世界中,扁平化设计的早期应用可以追溯到2006年微软发布的Zune MP3。小写单色的字母,大字号排版,廓形风格的logo使这款产品的界面既简约又清爽。


作者/版权所有者:Bkwparadox。

虽然Zune品牌已经成为过去式,但它的UI风格先后被Windows Phone和Windows 8操作系统继承(虽然Win8广受吐槽,但这明显不是扁平化设计的锅)。

尽管Zune在迎合便携式播放器市场的需求方面失败了,但它给扁平化设计领域留下了宝贵的遗产。

2013年,苹果发布的iOS7有意放弃了先前的拟物化设计理念,开始加入扁平化设计的行列。苹果设计总监Jony Ive说:“去年11月,我们开始构思iOS7的时候就意识到,人们已经习惯了触摸屏,他们不想要实体按键,他们很清楚触摸屏的好处,”Ive说,“所以我们在刻意模拟现实世界,这给了我们一种前所未有的自由。我们努力创造一个不那么具象的环境,它使我们的设计摆脱了固有的束缚。”

扁平化设计很乏味吗?

嗯…微软和苹果可都不这样认为。确实有些人认为扁平化设计很难出彩,但实际上极简主义的设计风格很受欢迎,清除冗余的元素也有利于提高设计的可用性。如果某个元素对可用性没有帮助,反而会影响用户体验,它就应该被剔除。


作者/版权所有者:alexlasek。

一旦应用了扁平化设计,你就会发现它的吸引力。比如,使用明亮色调(或者高反差)凸显核心图标、图像等。巧妙地应用扁平化设计还可以把用户的注意力牢牢吸引在设计师想要的位置。

扁平化设计有可能会陷入单一和乏味,但一位好的设计师也完全可以将它用得出神入化,你可以通过用户测试看看你的扁平化设计成果是否合乎他们的胃口。

其实我们很容易理解,扁平化设计如此实用就是因为它的简单和直观。承载信息的界面越简单,信息传递就越高效。

扁平化设计对UI设计师意味着什么?

扁平化设计的理念使UI设计师从功能性角度思考自己的工作。人们不再强调美学上的吸引力,而用“给用户带来多少价值”来评判他们的设计作品。许多UI设计师认为,这种转变使他们能够把更多的精力放在用户体验,而不是图形设计上,这既利于有利于用户,也有助于他们的商业成就。

什么是扁平化设计?

扁平化设计易于应用。设计师致力于简化用户完成任务的过程,可以使用:

  • 强烈的对比,以凸显图标、插图等的细节
  • 采用大字号、易于阅读的无衬线字体,直观地说明图标或插图的用途
  • 清爽的UI元素,易于查看和理解

扁平化设计应该能产出功能性和视觉性相统一的UI成果。


作者/版权所有者:dtafalonso。

iOS7向我们展示了优秀的设计师可以通过扁平化设计创造出多美妙的作品。

扁平化设计是一种极简主义UI设计方法,它致力于降低设计的复杂性,提高用户体验。当然,UI的设计方法并不唯一,材料设计和拟物化设计(以丰富设计的形式)同样是可以考虑的。归根结底,最重要的是你要通过实际的调研,弄清楚用户想要的是什么。在此之前,不要相信任何所谓的“标准”UI设计方法。

原文链接:https://www.interaction-design.org/literature/article/flat-design-an-introduction
翻译:马克笔设计留学
如果对于设计专业留学和作品集有任何疑问,可以随时和我们联系,微信:13718574833,知无不言言无不尽!

0 0 vote
Article Rating
订阅
提醒
guest
0 评论
Inline Feedbacks
View all comments