话点 言语峰

扁平化设计(flat design)概念究竟从何而来

转载文章

向好友分享此话题 7人分享

分享话题后, 信息将显示于动态内。

最近这段时间如果你去打听下网页设计的流行趋势,大概每次你都能遇到扁平化设计(flat design)这个概念。扁平化设计这个概念的兴起实际上也就是最近几年的事情,但是由于一些大型公司和组织在网页设计这件事上,都将风格偏向了它,所以扁平化设计就因此获得了巨大的流行。

9XyvhNZg.jpg

但是很少有人知道扁平化设计这个概念由何而来?为什么将这个概念用在了网页设计上?对于设计的新概念来说,搞清楚一个风格和一项技术的历史背景很重要,因为在我们觉得是否采用这个新的设计概念的时候,对它来由的了解可以帮助我们做出更明智的决定。所以我们需要来看一看扁平化设计得来龙去脉。


到底什么才是扁平化设计?

对于那些从来没有听说过的人,可以简单解释下,所谓扁平化设计,就是在进行设计的过程中,去除所有具有三维突出效果的风格和属性。也就是说,去除掉下落式阴影、梯度变化、表面质地差别,以及所有具有三维效果的设计效果。


扁平化设计在如今备受设计师们的青睐,是因为通过这种风格可以让设计更具有现代感,另外可以强有力的突出设计中最为重要的内容:内容和信息。其实那些具有三维效果的属性,本身都是某段时间的流行风格,所以去除掉了这些信息,就能让你的设计不那么容易过时。更何况还能突出内容本身。所以这种设计风格还是有很多好处的。


其实要讨论扁平化设计就不能不提,它的相反面,也就是rich design丰富设计风格。所谓rich design就是通过添加各种设计装饰,比如下落阴影、梯度等,让整体设计显得很丰富。这种设计风格可以让用户在网页上进行导航时,更加自如。另外rich design和拟真设计风格也不同,后者是通过模拟物理实物来让设计更加逼真。


扁平化设计从何而来?

其实网页设计的很多风格都可以从印刷艺术品上找到影子。但是很难确认扁平化设计的最初源头。应该说是从多个设计风格和时期中,都得到了相应的灵感最终形成了扁平化设计这回事,比如下面这些:

Sl6h37bM.jpg

Swiss Style是扁平化设计历史上最值得讨论的。这种设计风格兴起于瑞士,时间上贯穿了1940年代到1950年代。Swiss Style风格的特点是大量使用网格的设计元素,另外内容和布局都很简洁,在那个年代经常可以看到一幅大照片配上简单的几个文字,这就是典型的Swiss Style设计。其实跟扁平化风格一样,Swiss Style在取得大规模的流行之前,也已经出现了一段时间了,几乎可以追溯到1920年代的德国,但是之后在瑞士取得了巨大的流行。

OKLgOoG5.jpg

另外还有Minimalism Design,其实它基本是扁平化设计的同名词,有人还将他们混用,但是它的出现要早的多,之前已经应用在建筑和视觉设计上。Minimalism Design的特点是去除所有没有用的东西,只留下需要的元素,通常都是几个几何形状、一些明亮的颜色。所以基本上是上面这两种设计风格影响了扁平化设计的形成。


扁平化设计在IT领域的出现

虽然现如今很多的设计师都在采用扁平化风格进行网页设计,但是可以说如果没有微软和苹果这两家科技巨头的推动,扁平化设计不会发展到现在这样流行。

hJzanLkG.jpg

首先是微软和它的Metro Design,2006年微软为了和苹果的iPod播放器进行竞争,推出了Zune音乐播放器,并从那时起开始了名为Metro的设计风格。这种风格突出字体大的文字并配合背景图片。这种风格跟当时微软传统的windows风格有很大的不同。2010年推出的Window Phone 7系统实际也是从Zune的设计中积累了很多的经验。由此Metro的名字被流传开去,它是如此的流行,以至于微软还把它应用在了之后的Windows 8上。另外这种设计风格还被用在了其他的软件上,比如Xbox360等等。

Rb7knZqG.jpg

另外,当然还有苹果和它的拟真风格,就在微软准备自己的设计风格时,苹果已经做出了改变,他们放弃了拟真风格,而直接采用了扁平化设计。并在2013年夏天的iOS7推出上市。因为涉及的产品很多,所以迅速的流行开了。苹果对设计领域的影响很大,设计师迅速喜欢上了这种扁平化风格,可以让他们的产品显得更加现代。


扁平化设计的未来

没有人有能够预测未来的水晶球,所以我们几乎可以说,扁平化设计最终也还是会消失的,会被别的设计风格取代。但是设计师们会不断的计划和尝试,并最终将它进化到一个新的风格。其实谷歌公司现在正在尝试将它和传统的rich design,充分利用他们各自的特点。总之设计行业永远处于变化之中。


原文地址:http://news.mydrivers.com/1/297/297702.htm

56条回复

1
Q

扁平化的目的不是更高效地集成时,就已经偏离了设计意图了。

2
摩卡贝尔

只是设计师的偷懒有理的借口吧

3
司马欠扁

喜欢扁平化纯粹是因为觉得简洁大方,拟物化的图标对我来说太过华丽了。。。

4
Grace

@Q 扁平化不是Jobs引领的潮流么?

5
伯昏无人

扁平化还不是因为一群平胸控的嗜好

6
八风不动

扁平化设计的最大好处是:工程师可以进行设计了!

7
Euychus

@摩卡贝尔 扁平化也不好做。iOS7的信息和音乐图标就很丑

8
Print

先是单任务独占式的操作大行其道
然后又开始界面扁平化
简直是回到了win31时代。

9
榴芒茶

我喜欢拟物风咋办。

10
加立顿

我个人感觉扁平化还是wp比较正宗

11
终南樵夫

现在想想,微软wp真是太超前了

12
×××

小米表示不服!!!雷神出了miuiV5苹果才有的扁平化!!!!

13
北十三

Chrome的图标拍扁之后,我才知道什么叫扁平化

14
Amnecer

扁平化是我拒绝WP和WIN8的理由之一。就上面两个水果的对比图来看,明显左边好看的多。印象最深就是,当初看到扁平化的QQ图标的时候,我第一感觉是,我什么时候装了老版本的QQ。

15
鹰柳Airin

现代社会信息量太大 东西要简洁可见 指那打那

16
半夏

面对时代的潮流颤抖吧巨乳控们,贫乳才是大♂势所趋

17
Lancae

一窝蜂的扁平化实在是接受不能。

18
AlceRao

个人意见, iOS7 比 iOS6 好看...
而且 WP 那种扁平感觉和 iOS 的扁平完全都不是一回事嘛...

19
十三香

其实就是看一种风格看腻了换换口味而已

20
Joes

苹果的拟物确实是做到极致了,Mac的图标放大看怎么看怎么漂亮!

21
黛西春子

微软的扁平化才具有标志性,其他的只能算好看的跟风

22
什木之沙

忘记是谁说的了,说扁平化,其实就是一帮懒人不会做立体的,也是就这么交稿的产物

23
梵树

@摩卡贝尔 ……扁平化的设计更需要优秀的设计师,简洁的设计要比堆砌效果的设计难得多

24
CockWizard

个人觉得扁平好看,

25
伊西多拉

我觉得苹果的扁平化好失败,wp磁铁所以扁平化能显示信息,苹果的扁平能干啥?

26
Lovr

@伊西多拉 苹果的扁平从来就没有说要突出内容,苹果一直走的是设计路线,扁平也是为了设计。微软那种除了自家的应用能遵照它原本的设计理念来设计,其他第三方做出来不丑就算好了

27
童画

@Grace Jobs活着的时候往死里反对扁平化,挂掉后库克才扁的

28
Donna

@梵树 +1 原研哉还是谁记不清了 说过,最好的设计就是没有设计,现在设计界主流

29
蝸殼

@伊西多拉 zombie。就是这个功能

30
幽兰之迷

@Donna 这不是金庸说的吗 无招胜有招

31
kona

@梵树 就是,就如苹果的硬件产品,外观设计从来不花巧,就简单的设计组合,只要设计出来了任何一个公司都很容易模仿出来,但就不是任何一个公司都能设计出来。

32
兰嘉洛

@Donna 这是雷军说的,小米手机刚出来的时候就说,最好的设计就是没设计!

33
黑谷山女

在扁平化设计上
我国领先国外60年

34
田园风光

微软的扁平化还凑合着能看,苹果的扁平化丑的1B(个人感受)

35
モコナ

怎么觉得应该是最好的设计应该是让人感觉不出刻意设计,仿佛天生就是如此。。王自如评测时候就经常提到类似的观点,最好的科技就是让人感觉不到它存在,好吧具体我也忘了

36
西岛别名

作为极简主义者的我来说黑白图形就够了

37
Must

@加立顿 +1不知道为什么,还是喜欢wp,同时也觉得很man很大气···

38
琥珀色月牙

@摩卡贝尔 说得容易,总是各种要求,我画草图的时候都很好,杂七杂八加进去就不好看了

39
风野原

@幽兰之迷 金庸还是古龙说的,你要纸上没图,心中有图才能跟世界一流的设计师一较高下

40
闻花未名

扁平化有一个非常重要的核心:“突出信息本身”,可是现在国内国外好多二流扁平化设计,搞得需要突出的信息因为糟糕的设计反而使得信息很难辨别。如果做不到信息本身突出,那么这种扁平化就是笑话(举例:爱奇艺的频道图标简直没有存在感,每次找类别都是看文字,而且图标反而碍眼了)

41
Rubile

竟然没人提HOLO & android design

42
朱丽亚

个人觉得扁平化的盛行和当下数字类产品越来越大的信息量有关,要展现的图像文字越来越多,要是还是走之前强拟物化风格的话,信息和形式的冲突就太严重了。相比之下,形式当然还是要让位与内容了,所以就开始精简视觉元素,让信息更好的展现。WP8那个METRO风格的信息展现效果比iOS7那种扁平法更极端,信息展现效果是很好,但是似乎过了点,都有点抹杀个性的感觉了。所以接下来就看他们怎么平衡了。

43
蒙奇奇

科技、设计乃至时尚界的发展都是一个类似于螺旋上升式的结构,在这个圆形周期中每每发展到一个节点都会回到原来的位置再升高一点,所以说世界就是一个矛盾螺旋

44
Mavisn

从设计发展的角度来说,删繁化简的转变其实是必然的,可以从欧式建筑风格的转变看得出设计风格的转变演化史,从简单的满足功能的石头堆砌建筑,到讲求庄重威严的希腊古典建筑,后来罗马帝国时期的建筑风格则是因罗马的强大和社会奢靡风气的影响开始变得华丽,装饰姓的东西也就更多了,从后进入中世纪欧洲萎靡期,建筑风格由追求奢靡转为了功能性(主要是防御功能)更加强化的堡垒式风格,随后文艺复兴开始萌芽,新的技术崛起,建筑风格抛弃了阴沉厚重的堡垒式风格,新技术的发展和宗教影响同时作用下,哥特式建筑迅速发展,然后进一步对摆脱宗教思想束缚的诉求,大批艺术家呼吁回归古希腊,于是新古典艺术开始发展,同时期法王路易十五追求奢靡的思想,让繁复娇柔的洛可可艺术诞生了,十五世纪后期,奢靡风大行其道,故意为繁复而繁复的巴洛克风格诞生。随后约十七世纪,抽象艺术开始诞生,但还不具备完全的影响力。接着到十九和二十世纪,工业得到长足的发展,建筑风格也开始受到工业发展的影响而渐渐减繁复的装饰,慢慢变成简约的现代风格。二十世纪西方资本主义世界大规模的经济危机、战乱,诞生了各种各样的对社会的哲学思考,最后抽象艺术乘机得到发展,后现代艺术风格那种非但要丢弃装饰,还要剥离出内在的建筑风格诞生,而在城市化爆炸性发展的20世纪末和二十一世纪初,追求功能简洁和大方美观的简约现代式建筑大量诞生,在城市化发展约激烈的将来,外观件月功能强大这一诉求将会越来越受到支持。

所以设计和艺术风格的发展会因为现代社会的高速发展和社会压力越来越追求简洁的

45

@琥珀色月牙 我感觉单纯的静态图不用多复杂,扁平之后更注重整体的动画呈现效果,动画设计好简单的静态图表现也很好看,你们不觉得现在扁平化后,多了很多动画效果出来?

46
Meow

我们班级在做手机UI设计练习的时候,有很多同学都不约而同的选择了扁平化设计(当时的扁平化还没有流行起来),有的确实是为了偷懒,有的只是觉得视觉上很舒服,或者个人喜好就是这样,的确很少人考虑为什么要这么设计,后来随着iOS7的出现带来的扁平化浪潮,大家知道了扁平化的好处,例如最关键的信息量,当上一个时代的人们习惯了某些按钮、图标的意义,自然而然的就给扁平化代表的信息量为主铺平了道路,(ip的拟物化设计就是为了让用户在虚拟屏幕上有实体按钮的感觉,方便感知等)。当然也有坏处,比如给设计师偷懒找借口- -

但我相信,扁平化发展到极限的时候拟物化或者别的什么东西会卷土重来,某些程度上也和商业运作有一些关系

- -片面勿喷

47
伊斯雷特

扁平化只说明苹果的审美在退化。。

48
LVZAK

@Donna 不管是谁说的,这句话都挺扯淡的。按此逻辑,扁平化肯定不是什么好设计,因为不加以设计的话,图标就该是代表程序的事物原本的样子——就不是扁平的……

49
青城儿

扁平化设计有种轻灵的后现代感。

50
Eden

苹果其实扁平化设计整体做得不错,但是那些个图标真心太丑了。。。

邀请好友加入启维

输入想邀请的好友邮箱, 启维将第一时间发送邀请码

好友1
好友2
好友3
好友4
好友5

邀请邮件已发送, 感谢您使用启维!