扁平化设计(FlatDesign)的五个特点设计达人

扁平化这个词来自于这种设计所使用的样式和形状,它完全属于二次元世界,一个简单的形状加没有景深的平面,不叫扁平化都浪费这个词了。

这个概念最核心的地方就是放弃一切装饰效果,诸如阴影、透视、纹理、渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净俐落,没有任何羽化、渐变或者阴影。

那么,扁平化的效果如何呢?

因为这种设计有着鲜明的视觉效果,它所使用的元素之间有清晰的层次和布局,这使得用户能直观的了解每个元素的作用以及交互方式。如今从网页到手机应用无不在使用扁平化的设计风格,尤其在手机上,因为屏幕的限制,使得这一风格在用户体验上更有优势,更少的按钮和选项使得界面干净整齐,使用起来格外简单。

扁平化设计通常采用许多简单的用户界面元素,诸如按钮或者图标之类。设计师们通常坚持使用简单的外形(矩形或者圆形),并且尽量突出外形,这些元素一律为直角(极少的一些为圆角)。

这些用户界面元素方便用户点击,这能极大的减少用户学习新交互方式的成本,因为用户凭经验就能大概知道每个按钮的作用。

由于扁平化设计的使用特别简单的元素,排版就成了很重要的一环,排版好坏直接影响视觉效果,甚至可能间接影响用户体验。

字体是排版中很重要的一部分,和其他元素相辅相成。想想看,一款花体字在扁平化的界面里得有多突兀。上图是一些扁平化网站使用无衬线字体的例子。无衬线字体家族庞大分之众多,其中有些字体会在特殊的情景下会有意想不到的效果。但注意,过犹不及,不要使用那些极为生僻的字体,因为保不齐它就把你带进坑里了。

如何使用字体也是一门学问,要学会让不同的字体表达不同的概念,通过字体告诉用户这某一设计/功能的含义,努力使字体成为你简化设计的有力武器。

扁平化设计中,配色貌似是最重要的一环,扁平化设计通常采用比其他风格更明亮、炫丽的颜色。同时,扁平化设计中的配色还意味着更多的色调。比如,其他设计最多只包含两三种主要颜色,但是扁平化设计中会平均使用六到八种。

而且扁平化设计中,往往倾向于使用单色调,尤其是纯色,并且不做任何淡化或柔化处理(最受欢迎的颜色是纯色和二次色)。另外还有一些颜色也挺受欢迎,如复古色(浅橙、紫色、绿色、蓝色等)。

设计师要尽量简化自己的设计方案,避免不必要的元素在设计中出现。简单的颜色和字体就足够了,如果你还想添加点什么,尽量选择简单的图案。

扁平化设计尤其对一些做零售的网站帮助巨大,它能很有效的把商品组织起来,以简单但合理方式排列。(编者注:有兴趣的读者可以自行寻找一些例子,原文作者推荐看Svpply,但是网站与作者的描述略有不符,故略过不提。)

许多设计师比较喜欢这种设计,因为这意味着他们可以加点阴影或透视在某些元素上。用户可能也会喜欢这种稍微圆滑一点的设计方式,这能引导他们进行一些适当的交互。

但是,还有另一部分设计师并不喜欢这种定位模糊的设计方式。

THE END
1.扁平化设计扁平化设计是去除冗余、厚重和繁杂装饰效果的一种设计风格。 它由谷歌提出微软是第一个实践者。 其核心是去掉冗余装饰凸显信息本身强调抽象、极简和符号化。 优点方面能降低移动设备硬件需求延长待机时间简单直接展示信息和工作方式减少认知障碍还能更好适应不同屏幕尺寸保证在所有屏幕上都好看。 https://m.pcauto.com.cn/baike/820492/1607177/
2.什么是扁平化设计?5个方面总结它!扁平化设计(Flat Design)是一种设计风格,它强调简单、干净、直观和明了的界面设计风格。扁平化设计采用没有阴影、渐变和立体效果的简单平面化元素,不再强调模拟现实世界的立体效果,更注重界面元素的排布和配色的选择,使得整个界面更加简洁、清晰、易读和易用。本文就将针对「什么是扁平化设计?」详细的展开 5 个方面https://js.design/special/article/flat-design.html
3.APP设计风格对比:扁平化极简MaterialDesignAPP设计风格是指APP通过主要的几种颜色搭配、页面布局和界面交互体验等给用户呈现出的整体视觉感受。 下面我们就来重点分析下这三种目前主流的APP设计风格的区别。 APP设计风格一、扁平化设计 Flat Design 首先,扁平化设计是一个大的范畴。它既包含了极简设计风格和Material Design、微软的metro风格。是相对之前的苹果拟https://weibo.com/p/1001603951839195359682
4.ui设计扁平化是什么意思优势特点扁平化设计从其字面意义上理解是指设计的整体效果趋向于扁平,无立体感。扁平化设计的核心是在设计中摒弃高光、阴影、纹理和渐变等装饰性效果,通过符号化或简化的图形设计元素来表现。 一、ui设计扁平化是什么意思 扁平化设计从其字面意义上理解是指设计的整体效果趋向于扁平,无立体感。扁平化设计的核心是在设计中摒弃https://www.qinxue365.com/jsjzx/Web_Design/739397.html
5.人人都在说的扁平化设计,究竟是什么样?“扁平化设计”可谓是目前的主流设计风格之一,对“扁平化设计”起到真正推动力和影响力的开拓者要属于微软的windows 8以及windows phone和windows RT的metro界面,而苹果的IOS7则是推动了整个移动端扁平化设计的进程。 windows 8界面 什么是扁平化设计 在研究扁平化设计之前,我们先来了解什么是“扁平化”。 https://pixso.cn/designskills/bianpinghuadesign/
6.扁平化风格:从起源到未来发展趋势扁平化风格是一种简洁、直观、干净的UI设计风格,强调内容的重要性,去除了阴影、渐变和纹理等视觉效果,使界面更加简洁明了。源自微软的Metro设计语言,扁平化风格逐渐成为主流,应用广泛。 特征 简洁明了:强调简洁、直观设计,使界面清晰明了。 平面化:去除立体感效果,界面更加简洁。 https://www.hxsd.com/information/17562/
7.浅谈扁平化设计—–视觉设计2016可以说是扁平化设计的一年。 扁平化时代之前,设计师的作品往往非常的写实,非常的有立体感!但是现在即便是拟物设计的引领者苹果,也不得不转变设计思路,在iOS7上开始着手扁平化设计的探索。 什么是扁平化设计? 对于设计师来说,扁平化设计是一种实打实的设计风格,不要花招,不要粉饰。从整体的角度来讲,扁平化设计https://www.cdcxhl.com/news/173457.html
8.UI风格汇:扁平化风格来龙去脉,特征与未来趋势扁平化设计Hello,我是大千UI工场,设计风格是我们新开辟的栏目,主要讲解各类UI风格特征、辨识方法、应用场景、运用方法等,本次带来的扁平化风格的解读,有设计需求,我们也可以接单。 一、什么是扁平化风格 扁平化风格是一种UI设计风格,它的特点是简洁、直观、干净,并且强调内容的重要性。与传统的立体感设计相比,扁平化风格更注https://blog.csdn.net/2401_82616673/article/details/136231562