什么是扁平化设计?
扁平化设计(flat design)是指“零3D属性的设计”,它仅是二维空间的一种表现形式,即使用单纯的不加上任何三维效果的图形进行设计的风格
如今,扁平化设计风格也已成为近年来重要的设计趋势,在过去的几年当中扁平化设计经历了快速的发展,不仅在数字设计领域大放光彩,也日益普及影响到越来越多的平面设计领域。
事实上,扁平化设计(flag
design)是相对于拟物化设计而言,它简化了拟物化设计,指摒弃那些已经流行多年的高光阴影、渐变、浮雕等视觉效果,通过抽象、简化、符号化的设计来表现一种干净整洁、扁平的呈现方式,让整体界面的视觉效果变得更为统一干练。
最典型的案例是在2013年苹果公司发布的iso7 的操作系统界面,其中大量的图标运用扁平化设计风格,改变了以往拟物化界面,简单大气。
什么是扁平化设计
扁平化的概念最核心的地方就是:去掉冗余的装饰效果,意思是去掉多余的透视,纹理,渐变等等能做出3D效果的元素。让“信息”本身重新作为核心被凸显出来。并且在设计元素上强调抽象、极简、符号化。
例如,Windows、Mac
OS、iOS、Android系统的设计已经往扁平化设计发展。其设计语言有Material
Design、Metro
UI等。
扁平化尤其在手机上,更少的按钮和选项使得界面干净整齐,使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。
扁平化在移动系统上不仅界面美观、简洁,而且达到降低功耗,延长待机时间和提高运算速度。例如,Android
5.0
用了扁平化效果,因此被称为“最绚丽的安卓系统”。[1]
什么是扁平化设计
扁平化完全属于二次元,这个概念最核心的地方就是放弃一切装饰效果,诸如阴影,透视,纹理,渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。尤其在手机上,更少的按钮和选项使得界面干净整齐,使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。
英文名为“flat design.”(扁平化设计),但围绕着“flat design.”这个名字存在着诸多争论。现在你所看到的这个名称“flat design.”也不是被大家绝对地认可。
不同的公司团体都尝试用过其他名称,例如minimal design, honest design,而微软公司甚至称它作 “authentically digital”。
一、扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。
二、随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸,创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计,你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约,条理清晰,最重要的一点是,更好的适应性。
在扁平化设计中目前最有力的典范是微软的windows 8以及windows phone和windows RT的metro界面,不得不说Microsoft不愧为扁平化用户体验开拓者,如此大胆的尝试与实现,不得不让人佩服。与扁平化设计相比,在目前也可以说之前最为流行的是skeuomorphic设计,最为典型的就是苹果IOS系统中拟物化的设计,让我们感觉到虚拟物与实物的接近程度,如今IOS7也已在向扁平化改变。
正如很多设计一样,扁平化设计也有缺点,比如需要一定的学习成本,传达的感情不丰富,甚至过于冰冷。
什么是扁平化设计
在实践中,这个词指的是平坦的设计是由那些谁已经流行了多年渐变,阴影,高光等逼真的视觉效果被遗弃的,这样就产生了一种看起来更“平”的接口。一个优点是,它是平面样式可以更直观的信息,并显示事情成功的方式,减少认知障碍。与在许多平台上的网站和应用,涵盖越来越多的不同的屏幕尺寸,创建多个屏幕大小和分辨率skeuomorphic设计既繁琐又费时。设计正朝着一个更加扁平化设计,可以保证一次对所有的屏幕尺寸会很好看。扁平设计较为简单,清晰,而且最重要的一点是更好的适应性。与扁平化设计相比较,可以说之前,在当前最流行的是skeuomorphic设计,最典型的是物化苹果IOS系统的设计,所以我们觉得虚拟和物理物体的接近程度。在该模型中的扁平设计,是目前国内最强大的Win8的Metro界面,微软不得不说的PC用户体验当之无愧的先驱,并实施这样一个大胆的尝试,不得不佩服。扁平设计案例平面设计界,我们发现Win8的Metro界面,使用一个完全平坦的设计,苹果的IOS产品和系统,我们看到一些平面设计的影子,谷歌在,我们也看到了准平坦的设计模式,并在谷歌,我们经验是好的,但作为在Win8中的地铁在评论中并没有那么乐观,所以不管什么样的设计的一部分,美国的设计是合适的,我不能说这是比平板的设计更好,这种非 - 黑色和白色的理论不适合。但我敢说扁平化设计在建筑一个非常大的优势,网页设计,只是说可以弥补多年批评兼容的,我喜欢的扁平设计。
扁平化设计的优势是什么?
1、扁平化设计的优势——排斥效应
所有元素的边界都是干净的,没有羽毛、渐变或阴影。这种设计趋势试图避免任何客观的设计元素,导致设计风格有时在其他平台上显得单调乏味,前景图像、按钮、文本和导航栏与背景图像不一致。
由于平面设计的戏剧性视觉效果,使用的元素之间有一个清晰的层次和布局,让用户直观的了解每个元素的作用和如何相互作用。如今,平面设计风格被广泛应用于从网页到移动应用程序,特别是在移动电话上。由于屏幕的限制,这种风格在用户体验方面更有优势。更少的按钮和选项使界面干净和易于使用。
2、扁平化设计的优势——界面元素
图形设计通常使用许多简单的用户界面元素,如按钮或图标。设计师通常坚持简单的形状(矩形或圆形),并试图强调它们。所有的形状都是直角(有些有圆角)。这些用户界面元素是可点击的,并且极大地降低了学习与用户交互的新方法的成本,因为用户可以从体验中大致了解每个按钮的作用。
除了简单的形状,扁平化还包括大胆的配色方案。然而,需要注意的是,图形设计不仅仅是形状和颜色的组合。与其他设计风格一样,它由许多概念和方法组成。
3、扁平化设计的优势——优化布局
排版已经成为设计中一个非常重要的部分,因为极其简单的元素利用了平面设计的优势。排版直接影响视觉效果,甚至可能间接影响用户体验。
字体是排版的重要组成部分,也是对其他元素的补充。考虑一下平面界面中草书字符的草书效果。无衬线字体有一个大家庭,其中一些在特殊情况下非常有效。但是不要过度使用。不要用最暗的字体,因为它会给你带来麻烦。
4、扁平化设计的优势——用鲜艳的颜色
在平面设计中,色彩搭配似乎是最重要的部分。平面设计通常使用比其他风格更明亮和耀眼的颜色。平面设计也意味着更多的颜色。例如,其他设计最多包含两到三种原色,而图形设计平均使用六到八种颜色。
平面设计的优点往往是使用单一色调,尤其是纯色,没有任何稀释或软化。还有其他流行的颜色,比如复古色。
5、扁平化设计的优势——最简单的解决方案
尽量简化设计方案,避免不必要的元素。简单的颜色和字体就足够了。如果你想添加一些东西,试着选择一个简单的模式。图形设计对于以简单、逻辑的方式有效地组织和安排产品的零售网站特别有用。
以上便是关于扁平化设计的优势介绍了,希望它能帮助我们开拓,并确定属于我们自己的设计风格,这一点非常重要。如果您想了解更多关于ui设计的相关设计技巧及素材等,可以点击本站其他文章进行学习。
什么是扁平化设计?
在实际当中,扁平化设计一词所指的是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,从而打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。 随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸,创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计,你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约,条理清晰,最重要的一点是,更好的适应性。 与扁平化设计相比,在目前也可以说之前最为流行的是skeuomorphic设计,最为典型的就是苹果IOS系统中拟物化的设计,让我们感觉到虚拟物与实物的接近程度。在扁平化设计中目前最有力的典范是Win8 metro界面,不得不说Microsoft不愧为PC用户体验开拓者,如此大胆的尝试与实现,不得不让人佩服。 扁平化设计案例扁平化设计界线 我们发现在Win8 metro界面中,使用了完全的扁平化设计;在苹果产品及IOS系统中,看到了部分扁平化设计影子,在Google中,我们也同样看到了准扁平化设计模式,并且在Google中我们体验良好,而在Win8 metro中受到的评论并非这么乐观,所以不管是属于什么设计,设计的美在于是否适合,我不敢说扁平化设计就比谁好,这种非黑即白的理论并不适合。但我敢说扁平化设计在网站建设、网页设计中有非常大的优势,简直说可以弥补长年的兼容诟病,我喜欢扁平化设计。