究竟什么是扁平化风格设计风格

> 什么是扁平设计?如何创建扁平化设计风格?
什么是扁平设计?如何创建扁平化设计风格?
扁平化设计或者说扁平化的UI风格,是今年最受关注的一个web和平面设计的发展趋势。而经常被拿来与扁平化做比较的是拟物化设计,两者的设计原则和设计风格完全相反。
设计师们或许会有疑惑,这究竟是一种能持续下去的设计趋势呢?还是只能是风行一时,昙花一现。暂且不谈未来和不管这些反对的声音,大多数设计师还是很想在自己的工作中尝试使用这一设计趋势。在这里,我们将深入了解什么是扁平化风格,追踪扁平化设计的历史根源,并介绍如何开始我们的扁平化设计。
在开始之前我必须给读者们一个提醒或者说警告:扁平化设计,可以用来设计非常漂亮而又简单的界面,但它不一定适合每一个项目。请用心想想你到底想实现什么样的视觉效果,你到底想要向用户传达什么。
什么是扁平设计?
顾名思义,扁平设计是根据平面的样式来定义的:通过移除额外的元素比如阴影,斜边,纹理和创建3D样式的梯度等等来简化界面。
这个想法用来创建一个完成好的图案,它只在二维空间上存在,没有遗弃任何&常规&界面提供的功能。扁平设计给设计师带来了一个新的挑战,因为去掉界面的装饰和效果,就很难在设计中定义主要行为和元素。
扁平设计源于希望创建更多的数字化界面,在数码设备上为界面改革创建更多开放的画布。在这里有一些很有名的MAC图标在自身的基础上被重新绘制为扁平版本。你可以很容易地看到图标是如何维持他们的样式和形状,尽管它们去掉了一些细节,阴影和纹理。
扁平化设计的演变
历史地看,设计的趋势像风格的趋势一样在复杂和简单之间不断地摇摆。这在可视化设计领域,尤其是web和多媒体界面设计领域表现地更加明显,在这个领域里设计持续地更加短暂,而且不像传统的印刷设计那样持久。
术语&扁平化设计&是由Allan Grinshtein在设计者的版本控制系统 LayerVault中创造和推广的。Allan说&优雅的界面是用最少的元素达到最佳的效果的界面&。这个理念是与更多修饰、更复杂的界面相比用最简化的界面更适合于界面的功能。社团在去年一直用仿真界面炮轰这个理念的基础上采纳了这个理念。
从那时起,扁平化设计得到了快速成长。大多数扁平化设计模式具有五个特征-不添加效果、简单的设计和UI元素,注重字体、注重色彩和总体最小化设计。你还可能需要下载
扁平化设计与微软
扁平化设计的最大玩家并且第一个把扁平化设计风格带到一线的是微软。2006年,微软启动了Zune音乐播放器。它非常昂贵、而且把DRM应用到音乐文件,不过它是一次商业失败。然而即使Zune商业方面没有成功,它也是确定后续几年微软设计的第一步。Zune的界面非常简洁,并且是注重轻量和大的字体、没有多余的细节和元素的界面。
从2006年到今天,微软已经用Zune做为基础开发了图像和可视化界面,使它们更明晰化和更扁平化。微软的其他产品也受到这种风格影响,比如Xbox 360面板,使用了简单的图标和排版的基于矩形的界面。Windows 8的&Metro UI&可能是微软最大的界面修改之一。它的简单几何界面不久在Windows Phone 7,即比Windows 8 界面更小的和移动版本上得到了复制。
怎样创建一个扁平设计? 按钮
当使用边框,梯度和下阴影来创建一个按钮,就是使得这些元素在背景与内容中很显眼。这使按钮很好辨认为一个可以点击的元素。
当创建一个扁平的按钮,你就不能应用这些细节,所以我们的焦点应该放在布局的组织和颜色的差异上。当然,你只要你能保持按钮的扁平外观,你也可以使用斜边和阴影,但是你会想使这些控件变得尽可能的简洁。
在扁平设计里,表格是一个关键的元素。文本区域,输入栏和下拉栏都不能按照它们默认的做法插入阴影。如果你想完全地控制这些元素,你可以使用一个支持主题的插件,比如并应用你想要的主题样式,甚至可以自己创建一些主题。
字体是扁平化设计里非常重要的元素。由于界面更加简洁,你可以使用字体帮你创建你期望的风格和基调。你可以对扁平化设计的框架只使用定制的并且特定的字体来设置基调。由于背景简单,字体就会突出并且本身就设置了风格。
设计界面的基础之一是定义调色板。扁平化界面设计所采用的色彩的模式与其他调色板相比倾向于更加醒目和更加明亮。在思想上就是用这样的理念开发的,而且是下载今天扁平化设计里所用的某些最佳(和最流行)的色彩的好去处。
当你选择好调色板后,记住要想想色彩是怎样帮助用户对整个站点进行导航的。确保给站点的主要动作指定色彩:比如&提交&、&发送&、&更多&等按钮都应当是同一个色彩。理想情况下鲜明的色彩与背景形成了鲜明的对比。如果你的徽标或者商标采用主色的话,那么它应当是主要控制所使用的哪个色彩。不要自始至终过分的使用它,否则你将冒着在用户眼里这个色彩不太重要的风险。
你还应该选择按钮的辅助色彩,通常是浅灰色。这样的话你可以把两个按钮排成一行,例如&提交&和&取消&,&提交&作为主要动作而&取消&是辅助动作。在扁平化设计里色彩的选择尤其重要,因为当你使用扁平化按钮的时候,色彩将是帮助用户识别彼此的主要手段之一。天极传媒:天极网全国分站
您现在的位置:
& &&扁平化设计(flat design)从何而来
扁平化设计(flat design)概念究竟从何而来天极网软件频道 11:14
  【天极软件频道消息】“扁平化设计(flat design)”这个概念近几年非常流行,一些大型公司和组织在界面设计中将风格偏向了它,扁平化设计因此获得了巨大的流行。
  但是很少有人知道扁平化设计这个概念由何而来?为什么将这个概念用在了网页设计上?对于设计的新概念来说,搞清楚一个风格和一项技术的历史背景很重要,因为在我们觉得是否采用这个新的设计概念的时候,对它来由的了解可以帮助我们做出更明智的决定。所以我们需要来看一看扁平化设计的来龙去脉。
  到底什么才是扁平化设计?
  对于那些从来没有听说过的人,可以简单解释下,所谓扁平化设计,就是在进行设计的过程中,去除所有具有三维突出效果的风格和属性。也就是说,去除掉下落式阴影、梯度变化、表面质地差别,以及所有具有三维效果的设计效果。
  扁平化设计在如今备受设计师们的青睐,是因为通过这种风格可以让设计更具有现代感,另外可以强有力的突出设计中最为重要的内容:内容和信息。其实那些具有三维效果的属性,本身都是某段时间的流行风格,所以去除掉了这些信息,就能让你的设计不那么容易过时。更何况还能突出内容本身。所以这种设计风格还是有很多好处的。
  其实要讨论扁平化设计就不能不提,它的相反面,也就是rich design丰富设计风格。所谓rich design就是通过添加各种设计装饰,比如下落阴影、梯度等,让整体设计显得很丰富。这种设计风格可以让用户在网页上进行导航时,更加自如。另外rich design和拟真设计风格也不同,后者是通过模拟物理实物来让设计更加逼真。
  扁平化设计从何而来?
  其实网页设计的很多风格都可以从印刷艺术品上找到影子。但是很难确认扁平化设计的最初源头。应该说是从多个设计风格和时期中,都得到了相应的灵感最终形成了扁平化设计这回事,比如下面这些:
  Swiss Style是扁平化设计历史上最值得讨论的。这种设计风格兴起于瑞士,时间上贯穿了1940年代到1950年代。Swiss Style风格的特点是大量使用网格的设计元素,另外内容和布局都很简洁,在那个年代经常可以看到一幅大照片配上简单的几个文字,这就是典型的Swiss Style设计。其实跟扁平化风格一样,Swiss Style在取得大规模的流行之前,也已经出现了一段时间了,几乎可以追溯到1920年代的德国,但是之后在瑞士取得了巨大的流行。
  另外还有Minimalism Design,其实它基本是扁平化设计的同名词,有人还将他们混用,但是它的出现要早的多,之前已经应用在建筑和视觉设计上。Minimalism Design的特点是去除所有没有用的东西,只留下需要的元素,通常都是几个几何形状、一些明亮的颜色。所以基本上是上面这两种设计风格影响了扁平化设计的形成。
  扁平化设计在IT领域的出现
  虽然现如今很多的设计师都在采用扁平化风格进行网页设计,但是可以说如果没有和这两家科技巨头的推动,扁平化设计不会发展到现在这样流行。
  首先是微软和它的Metro Design,2006年微软为了和苹果的iPod播放器进行竞争,推出了Zune,并从那时起开始了名为Metro的设计风格。这种风格突出字体大的文字并配合背景图片。这种风格跟当时微软传统的风格有很大的不同。2010年推出的Window Phone 7系统实际也是从Zune的设计中积累了很多的经验。由此Metro的名字被流传开去,它是如此的流行,以至于微软还把它应用在了之后的上。另外这种设计风格还被用在了其他的软件上,比如Xbox360等等。
  另外,当然还有苹果和它的拟真风格,就在微软准备自己的设计风格时,苹果已经做出了改变,他们放弃了拟真风格,而直接采用了扁平化设计。并在2013年夏天的iOS7推出上市。因为涉及的产品很多,所以迅速的流行开了。苹果对设计领域的影响很大,设计师迅速喜欢上了这种扁平化风格,可以让他们的产品显得更加现代。
  扁平化设计的未来
  没有人有能够预测未来的水晶球,所以我们几乎可以说,扁平化设计最终也还是会消失的,会被别的设计风格取代。但是设计师们会不断的计划和尝试,并最终将它进化到一个新的风格。其实公司现在正在尝试将它和传统的rich design,充分利用他们各自的特点。总之设计行业永远处于变化之中。
(作者:快鲤鱼责任编辑:杨玲)
天极新媒体&最酷科技资讯扫码赢大奖
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。
手机整机DIY企业级
pc软件手机软件40个扁平化设计风格的网站作品 | 设计达人
爱设计,爱分享。
40个扁平化设计风格的网站作品
赞助商链接
上期我们为大家展示了黑色方案的网站作品,今天我们将整理使用流行的扁平化设计的网页设计给大家欣赏,国外很多网站为了增加更好的用户体验,多数网站使用响应式设计来兼容平板电脑、手机多平台浏览,而使用扁平化网页会更容易实现这些技术。
如果你是网页设计师,又想获得更多的设计灵感,那么最好最快速的方式就能参考高质量的网页设计了。
下面设计达人网为大家整理40个使用扁平化设计风格的网页设计作品,这些网站制作使用HTML5,,响应式设计技术,我想你就看看就能受益非浅哦!
Human Hubris
人类的狂妄自大 – 介绍可能即将灭绝于地球的动物。动物使用扁平化的多边形绘制,很好看。
A Guide to Making Things
一个伟呼机服务类的机构网站设计。
Fixed Digital Agency
一个设计服务网站,网站使用视差滚动设计,十分有特色。
Mooncamp 是一个和 Basecamp 相关的应用,具体怎样没体验过……
Robby Leonardi
这个网站的设计看起来让我想去超级马里奥。
NBAllstats
一个展示NBA球队的数据,数据从1970年就开始整理。
Brooklyn 是一个强大的,功能十分完整,无论你用来做企业网站、博客、作品集展示、设计工作室网站都很适合。
一个单页面网页设计作品。
创意品牌策划机构网站,致力帮助企业找出关键影响因素。网站每个栏目页面的头部使用不同扁平化设计配色,设计风格很统一。
Flamingo 是一个适用于投资组合机构的网页模板,如果你是自由职业者、平面设计师、网页设计师、UI设计师、插画家或摄影师,我想这个主题你可以购买使用,用于品牌或个人宣传也是非常棒的。
这个网页模板使用的技术可以领先国内超多网站了。
Taasky 是一个美丽的,简单和易于使用的任务管理器APP应用,本身网页设计不错,喜欢的话也可以尝试下载APP来玩玩。
Names for Change
使用了宫格多的布局,这类布局用来展示图确实非常适合。
A Naturally-Aged Story
里面的扁平化画面很舒适,所以很喜欢^^
Protest Boardwear
一个使用喘息应式设计的品牌和电子商务平台,这样的网上商店体验佳。
Aubrey Johnson
一个设计师的个人网站,大家可以参考学习,我觉得设计师们怎么也得有个自己的个人网页来宣传自己。
Focus Labs
Focus Labs 是一个品牌、网页、APP应用、前端开发的工作室,首页的Banner直接使用工作室的照片(视频动画),然后上面加一个色块蒙板,再写几个大大的文字,国外好像很流行这样子。题题外话,这样的办公环境其实也不错,坐在一起讨论更方便。
IBM SG 60/60 Exhibit
讲述IMB SG 60周年的东东吧。
没详细子解这网站,好像和Instagram有关,目前还不知道网站怎么用,但配色很喜欢就是了,反正我看的是设计而已。
MIDORI AOYAMA
一位DJ的个人网站,所以网站设计有很多动感,很HIGH感觉的交互动画,大家可以去学习学习。
Delete(删除),很有意思的网站名字。
少见的黄色为主色调风格的网页设计作品,Liberio 免费让你编写、设计并发布成电子书,而电子书可以在手机、平板以及桌面设备上阅读。PS: 中间哪几个人物的眼睛会眨眼呢,哈哈。
Mixture是一个前端开发工具,风里支持Mac和Windows平台,其特点包括:boilerplates、预算理、检测、模板、数据模型、集合、工具
这是一个提花wordpress让机托管服务的网站,该网站大胆使用了颜色色块实现漂亮的平面UI设计。
Madesum是一个咔嚓事情的网站。
Ink网站能让你快速创建一个支持的HTML电子邮件。
一个富有创造性的人才招聘,流畅的交互实现不同的问题让面试用户回答,只有回答所有问题后才能申请这个工作。
我想只有大公司才肯花钱搞这玩意吧?其实缺的不是钱,而是创意……
Health-On-Line
一个图文并茂的交互网站制作,主要叙述对吸烟对肺部的影响。
Oregon Gridiron
互动体验网站设计
英国一家专注UI/UX的网页设计工作室网站。
Matt Johnston是一位设计师兼优秀的前端开发人员,他利用手表来宣传自己才华。
1.各种手表的设计与配色,证明他的设计能力。
2.这些手表使用全HMLT5/CSS3/实现,无图片,这已经证明他是一位优秀的前端开必人员。
一个技术问题,这个用代码写出来的手表,为何还能支持响应设计,兼容自由缩放大小呢?
Triggermail
一个电子邮件服务的机构网站
教育机构网站,在这里你可以学习到网页设计和前端开发技术。
Riot Design
网页设计公司的作品集
Small Studio
小设计工作室,向客户提供商标和品牌标识设计、印刷品设计和网站建设与开发。
Nouvelle Vague
一个Chrome和Friefox 4 实验网站。全3D WebGL体验,带你进入 tweets 的旅程。
Soyuz Coffee Roasting
Soyuz Coffee 网站让我们知道,咖啡不只是冲泡饮料,更是一种生活的方式!不过我还是喜欢品茶多一点,哈哈。
赞助商链接
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,欢迎转载。
印刷工艺必备神技
设计师必看
手机APP设计
新手推荐!
Web用户体验入门书籍
web前端&设计群扁平化设计与Material Design区别在哪里?
两种相似的设计风格,一个基于另一个。一个是新热事物,另一个,有人猜测,已经以自己的方式成为一种时尚。一个是自发的&&适应设计的趋势,另一个却是有目标&&专用的设计指导规范。
你可能明白了扁平化与Material Design之间的冲突了。
但是,他们之间不同是什么呢,本质上是一个比另一个更好?在某些用途上更好?实际上,一些人想知道它们之间的差别有多大,让我们从最基本的开始:拟物化设计的身影出现在每一个身上。
拟物化设计
拟物化设计, 在这个背景下,设计是为了模拟真实的物理世界。通常,这需要设计的在线应用的形式看起来像他们的真实世界的变体,比如像电子合成器软件,做的像键盘。这种界面的设计方式,在大部分的时间里占据了主导的地位。
问题是,这不是基于数字设备可用性设计的,或者所有的旋钮和按钮可以用鼠标或触屏操作,它看着只是模仿真实事物的外观。
实际上,设计圈得到的结论是,需要其他东西,这将去掉所有的复古的装饰元素,然后给他们留下的东西是,可用性放在第一位。所以他们从界面设计移除所有痕迹的拟物化设计,创建了扁平化设计。
扁平化设计
扁平化设计,在许多方面,基于最基本的元素进行设计。它选择删除任何样式,那些令人捧腹的三维表现方式,像投影,渐变与纹理。它只关注与图标之间的联系,字体和颜色。
这是第一个在数字媒体设计上连贯的风格,一个利用互联网的独特的属性和用户的需求,快速发现的简单按钮,直接配色方案为了快速识别的元素,和简洁的图标。
外观在扁平化设计里面是次要的:重点是原始的功能。简单的图标隐喻甚至可以省略一些网站的内容, 引导用户进行操作,仅仅基于它的颜色和图片。此外,它加速加载时间和高或低分辨率屏幕上看起来显示一样好,提供更加可靠的用户体验。正因为如此,对设计者和用户来说它会让事情更容易。
赞成的意见
它拥抱了屏幕的限制基于这些去工作,而不是尝试去做别的事情。
流线型的设计,摆脱不必要的图形和动画元素,减少加载时间。
没有拟物化元素,你的读者能很快速度发现内容。
删除所有不必要的设计选择,使网站设计速度更多
扁平化设计的简化网站不断地适应浏览器,可以非常容易做出响应。
反对的观点
扁平化设计可能限制、约束你去使用简单的颜色,形状和图标。
如果走得太远,很容易不小心创建一个毫无特色的和看起来一般的网站
一些网站,或应用程序,需要复杂的视觉线索来指导用户来进行如何使用,这是扁平设计的一个主要的失败点。一个常见的抱怨是,静态的矢量图形,它缺乏阴影,边缘很难分辨是否可点击按钮
它的普遍性很难创建一个看起来很独特的网站或应用程序。
有一点需要注意,这是一个2010年代中期独特的审美,你的网站很快会过时,如何你不计划去重新设计你的网站,时间相对会很快。
Material Design
扁平化设计的评论家,认为这走的太远了,消除所有的拟物化比较激进,即使是有用的。进入,借用Material Design层的概念,使用阴影,将数不清的图像进行编辑和分离;斜面和动画,它利用自然交互关联深度与重要性。
Material Design,是由谷歌开发的一套设计标准,在这个文档中,它有无数独特而有趣的特性,但也许是最明显的是它提出了平面像素的Z轴概念。事实上,它在扁平化设计上面增加了一些拟物化,创造 了一种一群二维平面飞机浮动在对方指定的海拔印象。
想象一张纸,能够随意随意扩展收缩,重塑自身,融合和分离。现在把它们一个个叠放起来(他们也可以漂浮空中),然后在每张上面画一个网站要素。简而言之,这就是Material Design的概念。
然而Material Design并不是完美的设计文档的特征。它也并非一成不变的铁杆定律。试着更多的把它想成问我未来设计的物理框架和模板。它的设计具有普遍适应性,就像安卓穿戴手表一样,能响应屏幕的各种尺寸,甚至是不同形状。Material Design的应用在其他app开发商中也在推广。
Material Design是安卓应用设计的标准,因为它被应用到提及的穿戴设备上。它是否应该用到IOS上是引起不断争论的源头。有人争论说保持谷歌外形很有必要。其他人则认为它和剩下的操作系统相互冲突。孰对孰错,全看你自己的决定。
赞成的意见
三维安排让程序更易于互动:比如阴影被安排用来显示分层。
和扁平化设计不同,Material Design都有详尽明确的一套参考,没有什么需要你去猜测。
如果你想开发一个多平台的东西,比如一个网站和一个安卓应用,Material Design对所有设备都提供统一的体验。这样的话就会增加用户使用方便性,进而巧妙地促进你的品牌化。
如果你对动画感兴趣,Material Design是个不错的方法因为它自带了许多这一类型的动画。没有它们你就只能动手画了。
反对的观点
不管喜欢与否,Material Design不可避免的和谷歌关联。如果你想使自己远离这点,为你的网站或应用创造一个独特的特性,使用谷歌指引来实现要困难的多。
不是所有的系统都能实现预期帧频。而且你很难知道该怎么做才能提高那些不可实现者的可用性。
动画会耗尽手机用户的电池。
强制开发者们遵守设计指南可能会进一步扼杀个体创造力,阻碍更多动画和装饰特点的发展。
Material Design和扁平化设计真的没有那么大的天壤之别:两个都用同样干净和最低的美感。当扁平化界面被分割,你基本能从中想到质感界面。尽管Material Design动画广泛收到表扬,但是总结起来也不过是更加用户友好化。事实上,没有人说你不能把二者的美感相结合,用Material Design激活一成不变的扁平化网站。
在我看来,扁平化网站很实用。比起满是动画和复杂图片的网站,它们的下载速度更快。如果你要设计一个极为简单的网站,针对使用不同设备,技术经验水平不等的各种用户,或者只是重视用户体验多于形式,扁平化设计正适合你。如果你对在网站上放各种动画或动态图片无感,主要对原始的简单化和可用性有兴趣,毫无疑问我会推荐你选择扁平化设计。但是如果你想创建一个有动画的更加花哨的网站,当然要选择Material Design。
(教程作者:designmodo)
看过本文的人还看过
最新图文推荐
最新专栏文章
大家感兴趣的内容
网友热评的文章扁平化设计的前世今生
[摘要]“扁平化设计”是一种设计风格术语,它抛弃任何能使得作品突显3D效果的特性。
腾讯科技 冰尘 3月24日编译如今一提到网站设计,就会不可避免地碰到“扁平化设计”(flat design)这个词。近几年扁平化设计趋势风生水起,也受到很多大公司的青睐。但扁平化设计来源是哪里?为什么它风靡网站设计?在设计中,我们只有知道一种风格和技术的来源以及它背后的历史,我们在使用这种美学风格时才能更加得心应手。下面让我们追根溯源,了解扁平化设计的前世今生。究竟什么是扁平化设计对于没接触过的人来说,“扁平化设计”是一种设计风格术语,它抛弃任何能使得作品突显3D效果的特性。通俗地说,设计中不使用透视、纹理、阴影等效果。设计师们如今似乎正朝扁平化风格倾斜,因为这种风格干净利索,现代气息浓郁,而且能让设计师专注最重要的内容和信息要素。这样设计出来的作品不容易过时,而且看起来简洁、高效。谈到扁平化设计,我们不得不提及它的对立面:复合设计(Rich design)。这种设计方法使用尽可能多的效果元素,如反射、投影和纹理变化等等。它带给用户一种触觉感知,在使用应用或浏览网页时也很实用。值得注意的是,复合设计不是拟物化设计(Skeuomorphism)。拟物化设计是使作品更接近实际的物体,故意让他们看起来有种很熟悉的感觉。扁平化设计源自何处我们在网站或数字世界里看到的设计元素大多源自印刷出版物和美学先驱。我们现在很难精确界定扁平化设计的起源时间及地点,不过有几个艺术设计时期是扁平化设计灵感的来源。瑞士风格(Swiss Style)在扁平化设计的发展历程中,瑞士风格(也叫国际主义平面设计风格)值得一提。瑞士风格源自瑞士,在20世纪四五十年代发展为主流。瑞士风格注重网格以及无衬线字体的使用,层次分明。在那个年代,瑞士风格通常是一张很大的图片,配上简洁、极小的字体。由于印刷字体样式是瑞士风格的重要元素,广受喜爱的Helvetica字体于1957年应运而生,并得到广泛使用。就像扁平化风格在流行之前沉寂过一段时间一样,瑞士风格设计最早可追溯到20世纪20年代的德国。但瑞士人真正使得它发扬光大。极简设计(Minimalist Design)另一个对扁平化设计有深远影响的是极简设计。“极简”这个词现在经常和扁平化设计捆绑出现,但极简的历史更长,而且涉及建筑、视觉艺术多个领域,远早于网络出现之前。虽然极简设计的历史很长、覆盖的媒介很多,但它真正产生艺术魅力的地方还是视觉艺术表达领域。所谓极简就是移除事物多种元素,只留下必要的成分。几何图形、少数的元素、明亮的色彩和干净的线条主导多数极简风格设计。可以说瑞士风格和极简设计共同成就了扁平化设计。扁平化设计在数字世界里的兴起 历史不断重演,这一点也适用于当前的扁平化设计趋势。由上可见,扁平化设计可追溯到20世纪20年代,并一直影响到现在。虽然很多设计师在设计网站和其他艺术品时都青睐扁平化设计,但真正将它推向主流的还是和等科技巨头。微软和它的Metro Design2006年末,微软为了和苹果的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)近几年扁平化设计之所以如此流行,和响应性设计的发展密不可分。随着越来越多的设备接入网站,加之各种设备屏幕大小、浏览器的限制,设计师们发现,当他们的设计风格过分依赖纹理、投影时,如果画面收缩为更小的尺寸,效果不是很理想。扁平化设计能让网站设计更加高效。由于没有太多的设计元素,网站加载速度更快、收缩弹性更强。另外,设备屏幕的分辨率越来越高,所以需要显示更加简洁明快的图案。显示简单的图形和字体总比为不同的屏幕设计不用的图案方便得多。扁平化设计的未来我们都没有水晶球,无法准确预知扁平化设计最终走向什么轨迹,又将被什么样的设计所取代。但是扁平化设计在数字世界的确有几个显而易见的缺点(比如去除了必要的线索要素,你无法分辨一个按钮是否被点击)。随着设计师们不断的实验、测试和学习,扁平化设计最终将演变成一种新的风格。我们目前可以发现的线索之一就是当前()的设计。虽然谷歌的设计也有扁平化设计的痕迹,但它并未移除投影等元素,而且它依然以巧妙的方式运用纹理。这家公司似乎很好地平衡了扁平化设计与复合设计的优势。 总的来说,扁平化设计正得到快速发展。它只是印刷出版美学在当今数字世界的一次重现。
[责任编辑:shulaiyang]
您认为这篇文章与"新一网(08008.HK)"相关度高吗?
Copyright & 1998 - 2016 Tencent. All Rights Reserved
还能输入140字}

我要回帖

更多关于 什么是扁平化风格 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信