扁平化设计的历史

[摘要]“扁平化设计”是一种设计风格术语,它抛弃任何能使得作品突显3D效果的特性。

如今一提到网站设计,就会不可避免地碰到“扁平化设计”(flat design)这个词。近几年扁平化设计趋势风生水起,也受到很多大公司的青睐。

但扁平化设计来源是哪里?为什么它风靡网站设计?在设计中,我们只有知道一种风格和技术的来源以及它背后的历史,我们在使用这种美学风格时才能更加得心应手。下面让我们追根溯源,了解扁平化设计的前世今生。

究竟什么是扁平化设计

对于没接触过的人来说,“扁平化设计”是一种设计风格术语,它抛弃任何能使得作品突显3D效果的特性。通俗地说,设计中不使用透视、纹理、阴影等效果。

设计师们如今似乎正朝扁平化风格倾斜,因为这种风格干净利索,现代气息浓郁,而且能让设计师专注最重要的内容和信息要素。这样设计出来的作品不容易过时,而且看起来简洁、高效

谈到扁平化设计,我们不得不提及它的对立面:复合设计(Rich design)。这种设计方法使用尽可能多的效果元素,如反射、投影和纹理变化等等。它带给用户一种触觉感知,在使用应用或浏览网页时也很实用。

值得注意的是,复合设计不是拟物化设计(Skeuomorphism)。拟物化设计是使作品更接近实际的物体,故意让他们看起来有种很熟悉的感觉。

扁平化设计源自何处

我们在网站或数字世界里看到的设计元素大多源自印刷出版物和美学先驱。我们现在很难精确界定扁平化设计的起源时间及地点,不过有几个艺术设计时期是扁平化设计灵感的来源。

瑞士风格(Swiss Style)

在扁平化设计的发展历程中,瑞士风格(也叫国际主义平面设计风格)值得一提。瑞士风格源自瑞士,在20世纪四五十年代发展为主流。

瑞士风格注重网格以及无衬线字体的使用,层次分明。在那个年代,瑞士风格通常是一张很大的图片,配上简洁、极小的字体。

由于印刷字体样式是瑞士风格的重要元素,广受喜爱的Helvetica字体于1957年应运而生,并得到广泛使用。

就像扁平化风格在流行之前沉寂过一段时间一样,瑞士风格设计最早可追溯到20世纪20年代的德国。但瑞士人真正使得它发扬光大。

极简设计(Minimalist Design)

另一个对扁平化设计有深远影响的是极简设计。“极简”这个词现在经常和扁平化设计捆绑出现,但极简的历史更长,而且涉及建筑、视觉艺术多个领域,远早于网络出现之前。

虽然极简设计的历史很长、覆盖的媒介很多,但它真正产生艺术魅力的地方还是视觉艺术表达领域。所谓极简就是移除事物多种元素,只留下必要的成分。几何图形、少数的元素、明亮的色彩和干净的线条主导多数极简风格设计。

可以说瑞士风格和极简设计共同成就了扁平化设计。

扁平化设计在数字世界里的兴起

历史不断重演,这一点也适用于当前的扁平化设计趋势。由上可见,扁平化设计可追溯到20世纪20年代,并一直影响到现在。虽然很多设计师在设计网站和其他艺术品时都青睐扁平化设计,但真正将它推向主流的还是微软苹果等科技巨头。

微软和它的Metro Design

2006年末,微软为了和苹果的iPod播放器竞争,推出了Zune音乐播放器。从那时起,微软也提出一种名为Metro的设计风格。这种风格突出字大号的图片及小写字母菜单。Zune的桌面软件也配合Zune采用相同的设计,创造一种完整的用户体验。

Zune系统的设计风格跟当时微软传统的Windows风格有很大的不同。当2010年推出Windows Phone 7系统时,微软利用从Zune设计中积累的经验,改良了新版操作系统Windows Phone 7的设计,大号、明亮、网格形状、简洁的自已和扁平的图标主宰了全部风格,由此Metro风格流传开来。它是如此的流行,以至于微软还把它应用在了之后的Windows 8,更别提其他的软件、当前的网站及其他产品(如:Xbox360)等等。

苹果和它的拟物化设计

当微软研究它的扁平化风格设计时,苹果也不甘示弱。它不断暗示将放弃拟物化的使用。2013年iOS7发布后,苹果彻底放弃拟物化设计。

由于苹果用户人数较多,iOS7的发布使得扁平化设计一夜爆红。不得不承认,苹果的设计美学是大部分网站和应用程序的设计风向标。很多设计师认为苹果的设计更加现代、更吸引人。因此,当苹果选择扁平化的风格时,拟物化设计几乎瞬间过时。使用这种风格设计的网站和开发者很快发现他们需要重新设计。

这一点从iOS7中更新的应用中就可以看出来,他们都追随了扁平化的风格,也逐渐被用户所熟悉和接受。

响应性设计(Responsive Design)

近几年扁平化设计之所以如此流行,和响应性设计的发展密不可分。随着越来越多的设备接入网站,加之各种设备屏幕大小、浏览器的限制,设计师们发现,当他们的设计风格过分依赖纹理、投影时,如果画面收缩为更小的尺寸,效果不是很理想。

扁平化设计能让网站设计更加高效。由于没有太多的设计元素,网站加载速度更快、收缩弹性更强。

另外,设备屏幕的分辨率越来越高,所以需要显示更加简洁明快的图案。显示简单的图形和字体总比为不同的屏幕设计不用的图案方便得多。

扁平化设计的未来

我们都没有水晶球,无法准确预知扁平化设计最终走向什么轨迹,又将被什么样的设计所取代。

但是扁平化设计在数字世界的确有几个显而易见的缺点(比如去除了必要的线索要素,你无法分辨一个按钮是否被点击)。随着设计师们不断的实验、测试和学习,扁平化设计最终将演变成一种新的风格。

我们目前可以发现的线索之一就是当前谷歌(微博)的设计。虽然谷歌的设计也有扁平化设计的痕迹,但它并未移除投影等元素,而且它依然以巧妙的方式运用纹理。这家公司似乎很好地平衡了扁平化设计与复合设计的优势。

总的来说,扁平化设计正得到快速发展。它只是印刷出版美学在当今数字世界的一次重现。

时间: 2024-10-06 01:50:24

扁平化设计的历史的相关文章

扁平化设计发展

[PConline 欣赏]现在说起网页.UI设计,都会谈论扁平化设计(Flat Design)这个概念,一些大型公司和组织在网页设计都将风格偏向了它,而iOS 7又推上了一个高峰. 在苹果与微软的青睐与推动下,扁平化设计日益盛行,但是很少有人知道扁平化设计这个概念由何而来?为什么将这个概念用在了网页设计上?对于设计的新概念来说,搞清楚一个风格和一项技术的历史背景很重要,因为在我们觉得是否采用这个新的设计概念的时候,对它来由的了解可以帮助我们做出更明智的决定. 到底什么是扁平化设计? 对于那些从来

扁平化设计的优势

目前,在市场上的视觉设计中,扁平化的设计的占比在持续上升,这其中究竟藏着有什么样的秘密,今天就来一起探讨一下吧. 首先,研究一样东西,我觉得都要从它的历史开始,因为可以了解它,并且清楚知道它的变化在哪里. 一.扁平化的开始和发展 在很多国内的人的心里,对扁平化的认识估计就是从微软的WINDOWS 8 和 WINDOWS PHONE 等界面开始,而后苹果的产品中也开始使用这样扁平化的视觉设计,由于微软和苹果产品在市场上的占比比较高,因此也一定程度上推动了整个移动端扁平化的设计进程. 二.扁平化的定

扁平化设计2.0

时至今日,扁平化已不再是流行一时的设计风潮,而是一种美学风格.扁平化大胆的用色,简洁明快的界面风格一度让大家耳目一新,当它对元素效果抛弃的如此彻底之际,它又将效果捡起来,改装成另一番模样,使得扁平化进化为扁平化2.0. 扁平化设计特质 对于扁平化的定义,依然没有一个固定范式,但概括起来有下面四个特征: 1)没有多余的效果,例如投影.凹凸或渐变等 2)使用简洁风格的元素和图标 3)大胆丰富且明亮的配色风格 4)尽量减少装饰的极简设计 扁平化所追随的细节依然不变,然而这些"规范"开始松懈了

扁平化设计

扁平化概念的核心意义是:去除冗余.厚重和繁杂的装饰效果.而具体表现在去掉了多余的透视.纹理.渐变以及能做出3D效果的元素,这样可以让“信息”本身重新作为核心被凸显出来.同时在设计元素上,则强调了抽象.极简和符号化. 例如:Windows.Mac OS.iOS.Android等操作系统的设计已经往“扁平化设计”发展.其设计语言主要有Material Design.Modern UI等. 扁平化的设计,尤其是手机的系统直接体现在:更少的按钮和选项,这样使得UI界面变得更加干净整齐,使用起来格外简洁,

扁平化设计的流行配色方案

扁平化设计的流行配色方案 扁平化设计从2012年开始就已经流行起来,我觉得flat design有点类似极简主义设计,同样是追求简洁.简约,不同的是,扁平化设计是一项运用简单效果,或者是刻意进行一个不使用三维效果的设计方案.一个好的扁平化设计必然不可能出现阴影.浮雕和渐变等效果. 扁平化设计看上去非常简单.直观,并且使用方便,所以在手机界面和网页设计中变得越来越受欢迎. 让我们来学习一下,如何进行扁平化设计吧. 什么是扁平化设计?<探讨扁平化设计之美><使用扁平化设计的网页设计欣赏>

扁平化设计:赶一种叫“简约”的时髦

人可以说是一种受感官支配的动物,我们被食物的香味吸引,被悦耳的音乐吸引,更容易吸引我们的是透过视觉看到的东西.因此人也可以说是一种视觉动物,我们很容易通过视觉来判断很多的东西,美丑甚至是善恶.再进一步来说,色彩是抓住我们视觉的核心. 互联网技术发达的今天,我们打开电脑.手机就能看到许多的网站.应用,最先吸引我们的应该不是它们的性能而是色彩.因此对于网站设计来说,界面色彩的设计也是不得马虎的重要环节. 说到设计,扁平化设计应该算是现下的设计热门词,无论是一个网站还是一个应用程序,扁平化和极简的设计

子数涵数&#183;UI设计——扁平化设计

一.基本资料 1.由来 扁平化设计这个概念,是由Google(谷歌)在2008年提出的:它的首个实践者是microsoft(微软),microsoft在2012年发行了win8系统,这个系统的外观主题就是扁平化设计. 2.核心 去除冗余.厚重和繁杂的装饰效果.而具体表现在去掉了多余的透视.纹理.渐变以及能做出3D效果的元素,这样可以让"信息"本身重新作为核心被凸显出来.同时在设计元素上,则强调了抽象.极简和符号化. 3..优劣 优:降低硬件需求,延长待机时间.信息的展示更为简洁,减少了

网站扁平化设计对于用户和搜索引擎的好处在哪里

个人官网:www.duomiluo.net 当我们访问一个网站的时候,都想最好最快的找到自己所要的信息,如果是一个内容少的网站还好,但是对于一个有一万的页面的网站来说,想迅速的达到自己所需的内容,对于网站结构的设计就会由所要求了,不仅对于用户,对于搜索引擎也是一样的. 扁平化设计,能够很好的提高网站的搜索友好性,从首页开始点击,应该最多三次点击就可以到达方可所需的内容页面 如下图: 但如果网站是如下图的 结构设计的话,找到所需要的内容可能需要很多次点击: 例如我们可以看看 新浪网,这么一个庞大数

PPT扁平化设计

要求: 一:尽可能的压缩内容 PPT一贯强调通过图形化表达来更有效地向听众传达信息.近年来信息图示化(Infographic)和数据可视化(Data Visualization)越来越受到人们的关注和应用,我们在学习PPT设计的同时可以更多地引入这两方面的理论和实践经验. 二.由过度使用页面内动画逐步转向使用幻灯片切换动画 适当减少单张幻灯片内的动画效果,有机地增强前后幻灯片之间的版式关联,使幻灯片所展示的内容更具连贯性和整体性. 三.减少页面内图形的视觉干扰 页面内图形的视觉干扰来自于两方面,