扁平化设计肿么流行起来的

近两年,苹果、微软等公司把扁平化设计炒的风生水起。人们不禁要问了,扁平化设计是啥?这一概念缘何而来?今天小编就带大家回溯一下扁平化设计简史。

  何谓扁平化设计?

  简言之,舍弃一切3D元素的设计,阴影、纹理、透视神马的统统不要。这种设计简洁高效、富有现代感。

  与之相反的风格叫做复合设计(Rich
Design),即使用尽可能多的效果元素(如反射、投影和纹理变化等),给用户带来一种触觉感知。这种设计风格在实际应用或浏览网页时很实用。不过,与拟物化设计(Skeuomorphism)不同之处在于,复合设计能使作品更接近实际物体,让他们看起来有种很熟悉的感觉。

  OK,回到主题,那它是咋冒出来的呢?

  实际上,现在网上流行的设计元素几乎都源于印刷品和传统艺术。而扁平设计也一样,具体来讲,它主要源于瑞士风格与极简主义。

  1.瑞士风格

  (也叫国际主义平面设计风格),源于德国,在瑞士得以发扬光大,并于20世纪四五十年代成为设计主流。

  它注重网格及无衬线字体,层次分明。其标志性特征为大图加小字。其中最受喜爱的Helvetica字体于1957年应运而生,时至今日仍被广泛应用与各类设计之中。

  2.极简设计

  (Minimalist Design)

  顾名思义,抛开杂七杂八的,只剩下必要成分:几何图形、简单元素、明亮色彩和干净的线条。尽管现在这一风格常与扁平设计捆绑出现,但早在网络时代之前,极简设计实际上已被广泛应用于建筑及视觉艺术领域。

  然而事实上,真正将扁平设计发扬光大的当属苹果与微软两大巨头。

  微软Metro

  2006年为与苹果公司的iPod竞争,微软推出了Zune播放器及系列桌面软件。而此次新品的设计风格一改往日Windows系列风格,突出了大号小,使Zune成为最具特点的扁平式微软系列产品。

  随后,在2010年发布的Windows Phone
7中,微软吸取了Zune设计经验,最终创造出一种融合了大号、明亮、网格形状、简洁扁平图标为一体的Metro风格。同时,微软此后也将其继续延用在Win 8及其他产品(如Xbox360)等。

  不甘示弱的苹果

0

  苹果公司庞大的粉丝群是2013年iOS7扁平设计爆红的功臣。

  除了手机系统,苹果公司同时也摒弃了网站和App应用方面的拟物设计风格,对旗下产品进行了颠覆性的调整。不得不说,苹果设计是大部分网站、App设计风向标呀。

  响应式设计

  不得不一起提的概念还有响应式设计。

   随着越来越多的设备可与网络连接,但由于它们有着各自不同的尺寸、浏览器限制,因而继续在小屏幕上采用传统的设计风格(包含各类纹理、阴影),那么其显
示效果就会非常不理想。与此同时,鉴于越来越高的分辨率也需要简洁的图标,所以,为减少不同屏幕图标设计不同的麻烦,扁平设计应运而生。此外,它还能明显
加快网络加载速度。

  扁平设计的未来

  任何潮流都是浮云,终将会被替代。那么未来在哪儿?

  谷歌似乎很好平衡了扁平化设计与复合设计的优势,并未完全取消投影、纹理,但这样就能说,谷歌的设计将代表未来吗?

  尽管扁平设计看似新颖脱俗且愈有逐年流行之势,但纵观设计史,它也并未有什么新意可言。在瑞士风格和极简主义的衬托下,扁平主义设计充其量只是一此“别样的翻新”。

获取更多更新的行业资讯请关注微信公众平台:蓝蓝设计

时间: 2024-10-29 04:27:54

扁平化设计肿么流行起来的的相关文章

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

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

扁平化设计与配色方案Flat UI

这篇文章将展示很多很酷的范例,甚至还提供了一个免费的用户界面工具包供你下载和使用.但如果是你自己的话,你打算怎么做?给点提示,色彩是扁平化趋势中最重要的一部分. 扁平化设计进修 扁平化设计你可以通俗的理解为:使用简单特效,或者无特效来创建的设计方案,它不包含三维属性.诸如投影.斜面.浮雕.渐变等特效都不要在设计中使用. 扁平化设计给人的感觉通常都很简洁,即使它可以做的很复杂.简单.直接.友好的特性也使得它广受移动界面和时尚网站设计的青睐. 想了解更多扁平化设计趋势,可以看之前的这篇文章.分享一个

扁平化设计2.0

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

扁平化设计的历史

[摘要]"扁平化设计"是一种设计风格术语,它抛弃任何能使得作品突显3D效果的特性. 如今一提到网站设计,就会不可避免地碰到"扁平化设计"(flat design)这个词.近几年扁平化设计趋势风生水起,也受到很多大公司的青睐. 但扁平化设计来源是哪里?为什么它风靡网站设计?在设计中,我们只有知道一种风格和技术的来源以及它背后的历史,我们在使用这种美学风格时才能更加得心应手.下面让我们追根溯源,了解扁平化设计的前世今生. 究竟什么是扁平化设计 对于没接触过的人来说,&q

扁平化设计发展

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

扁平化设计的优势

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

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

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

扁平化2.0:扁平化设计以前从未有的6个设计风格

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

扁平化设计的 HTML5 &amp; CSS3 网站模板

Persona – HTML5 Parallax Portfolio Theme 充满吸引力的一款网站模板,扁平化设计风格,动感的视差滚动效果. 在线演示     模板下载 Superb – Responsive One-Page Portfolio Superb 是一个基于 HTML5 & CSS3 的响应式单页作品集网站模板. 在线演示     模板下载 Next – Unique & Easy Portfolio Template 这款精美的网站模板提供了三套风格的设计:全屏背景.单