什么才是扁平化设计?

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


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

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

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

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

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

  扁平化设计从何而来?

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


  Swiss Style

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


  Minimalism Design

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

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

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


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


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

  扁平化设计的未来

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

时间: 2024-12-21 00:40:37

什么才是扁平化设计?的相关文章

迷失在扁平化设计风潮

  文章对现在风靡全球的扁平化设计给予了深刻的思考.牡丹花确实是很美,但如果世界上都剩下了牡丹花了,你又会作何感想呢? 本文源自Medium,本文发稿时原文在短短几天时间内已经获得了364个推荐,中文版本由天地会珠海分舵进行编译.文章对现在风靡全球的扁平化设计给予了深刻的思考.牡丹花确实是很美,但如果世界上都剩下了牡丹花了,你又会作何感想呢?这里让我们从著名乐队别安的<光辉岁月>的一句歌词开始:"缤纷色彩闪出的美丽,只因它没有,分开每种色彩--" 扁平化的盛行 伟大的UI设

做好扁平化设计-视觉篇

  1.去掉特效 先来看一组对比图片 同样是镜头的设计,在扁平化中去祛除了渐变,阴影,质感,等各种修饰手法,仅用简单的形体来表达,显的干净利落. 做减法,这第一步应该是最容易的. 2.简化提取 首先我们来看看做简化和提取的一个典型例子 毕加索画的牛 一头牛从最初的写实到最后仅仅只用几根线条来表示,整个简化的过程也经历了好几个步骤,当然这里对设计师观察和提炼能力要求很高,要充分了解对象物的本质,懂得巧妙的取舍,用极简的要素,在没有更多特效装饰的情况下表达清楚内容,在界线与轮廓的高对比下,表现出物体

扁平化设计美学:以Facebook为例的设计趋势

最近一个在网页和UI设计上逐渐增长的趋势是"扁平化设计"的使用,而且现在已经是一个非常热门的话题了.满大街的现场讨论会以及大量的教程.我常常被吸引到极简主义设计中,所以扁平化设计是一种很自然的给我启发的设计美学,特别是在最近的一个项目的重新设计中. 在本文中,我将讨论下什么是扁平化设计.回顾其它设计方式,并提供如何在你自己的设计中实现的一些技巧. 什么是扁平化设计? 实际上,扁平化设计意味着在设计中不使用常用的渐变.像素完美的阴影,然后通常是近年来蔓延的用来实现看起来"平面&

扁平化设计:你在这趋势中收获了什么?

扁平化设计-这个早在多年前非常流行的设计领域-又再一次卷土重来了.许多新网站以及需要重新设计的网站都纷纷采用了扁平化设计的方案,这种趋势无论是在网页设计或者移动端的设计方面都已经蔓延开了. 随着融汇了扁平化设计美学的windows8以及新版谷歌的推出,以及其他人气网站纷纷采用这种扁平化的主题设计,这种扁平化的趋势将很有可能受到更加多的亲睐. 你是否考虑过?你能够把它运用到你的项目当中吗?这种设计方案是否能够给你带来更加轻松的工作体验? 扁平化设计具有着一种让人心醉的美丽.没有大量的修饰,它能以一

2013年网站建设设计新趋势 扁平化设计

自诺基亚推出新的手机UI后,就引起了很大的争议.很多不理解的用户甚至埋汰诺基亚手机UI设计师是不是没有灵感了.但是现在再看,却得到了广泛认可.这种设计思路具有多重意义,它摒弃了以往的设计风格所展现的绚丽.浮华.多彩的特点.将简约.精准在平面设计中的美学表现的淋漓尽致!不少设计师说扁平化设计所体现的更是一种更加直观的表现形式.和以前的设计形式可以说形成了鲜明的对比.更加符合现代人快节奏的生活.忙碌的人们已经没有太多的时间去发掘以往的美学表现形式.人们需要更加直白的表现形式来宣泄自己的对快节奏生活的

用户界面大量使用扁平化设计?小心为妙!

很高兴 iOS 7 终于把手电筒和系统功能快捷开关加上去了,但是大量滥用的扁平化设计深深刺痛了我这个果粉的心,我相信老乔此刻也在九泉之下吐血.我不是扁平化设计的反对者,也不是拟物化设计的拥护者,只是认为,在不同场合.不同需求的情况下,应该用不同的设计手法,比如用户界面就不适宜大量使用扁平化设计 . 从用户体验的角度 先说我女儿.在她两岁的时候,我就分别把 iPad 和 Nexus 7 给她玩.她会很主动地伸手去点 iPad 界面上突出来的按钮,她能够区分清楚什么是能够点击的,哪些区域是不会有反应

让扁平化设计也爆发视觉冲击力

扁平化设计无疑是当前讨论最多,最火的设计形式,自ios7面世以来更是将扁平化设计的讨论推向风口浪尖. 在这里我不想分析拟物设计和扁平化设计的优劣,更不想说谁更好!在形式服从内容的今天,我只能说哪种设计风格更适合你的产品,就像你问我水和酒哪个好喝一样,我没有办法回答,只能看此时你最需要什么. 首先我们来看看为什么会出现扁平化设计,有人说是对拟物设计审美疲劳了,有人说是一群高级设计师为寻求突破做出来的设计潮流,有人说,是从平面设计中演化而来- 我认为这些都对,扁平化设计是设计发展的必然规律. 举例:

拟真设计与扁平化设计

2013年的WWDC全球开发者大会上,万众期待的苹果ios7系统解开了神秘的面纱,就如同当年苹果ios主管Scott Forstall离职前大家所猜测的那样,曾经在苹果的设计中主导了近三十年的拟真设计(Skeuomorphism)终于告别了用户的眼睛,取而代之的是风格上更为接近扁平化设计(flat design)的界面风格.虽然被广大用户吐槽ios7是五味杂陈的混合体,但是舍弃了拟真设计的思路却是非常明显,接下来就让我们一起来看看两种设计思路的差异. 根据维基百科上对拟真设计(Skeuomorp

再谈2013年网站建设设计新趋势 扁平化设计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 自诺基亚推出新的手机UI后,就引起了很大的争议.很多不理解的用户甚至埋汰诺基亚手机UI设计师是不是没有灵感了.但是现在再看,却得到了广泛认可.这种设计思路具有多重意义,它摒弃了以往的设计风格所展现的绚丽.浮华.多彩的特点.将简约.精准在平面设计中的美学表现的淋漓尽致!不少设计师说扁平化设计所体现的更是一种更加直观的表现形式.和以前的设计形式可