南京ui设计课程辅导,推荐达内,达内以研 发为核心竞争力,以教学效果为导向,设置特色化辅导 内容和教学方式。不断提高教学水准,业界特有的“4分 理论+6分实训”教学法,为广大学员提供了科学有效的 教学服务。科学、严谨、系统的知识理论体系,由达内 百余位专职研发师资自主研发而成。紧跟市场需求、企 业刚需,每月调研、更新,不断打磨,力求传授给学员 前沿、实用的IT知识。
下面达内UI设计培训就给大家讲解一下扁平化设计 (Flat Design)的五个特点:
1.拒绝 扁平化这个词来自于这种设计所使用的样式和形 状,它完全属于二次元世界,一个简单的形状加没有景 深的平面,不叫扁平化都浪费这个词了。 这个概念较核心的地方就是放弃一切装饰效果,诸 如阴影、透视、纹理、渐变等等能做出3D效果的元素一 概不用。所有的元素的边界都干净俐落,没有任何羽 化、渐变或者阴影。 这一设计趋势极力避免任何拟物化设计的元素,这 导致这一设计风格在其它平台有时候显得突兀,前景图 片、按钮、文本和导航栏与背景图片格格不入,各成一 派。
那么,扁平化的效果如何呢?
因为这种设计有着鲜明的视觉效果,它所使用的元 素之间有清晰的层次和布局,这使得用户能直观的了解 每个元素的作用以及交互方式。如今从网页到手机应用 无不在使用扁平化的设计风格,尤其在手机上,因为屏 幕的限制,使得这一风格在用户体验上更有优势,更少 的按钮和选项使得界面干净整齐,使用起来格外简单。
2.界面元素 扁平化设计通常采用许多简单的用户界面元素,诸 如按钮或者图标之类。设计师们通常坚持使用简单的外 形(矩形或者圆形),并且尽量突出外形,这些元素一律 为直角(极少的一些为圆角)。 这些用户界面元素方便用户点击,这能极大的减少 用户学习新交互方式的成本,因为用户凭经验就能大概 知道每个按钮的作用。
3.优化排版 由于扁平化设计的使用特别简单的元素,排版就成 了很重要的一环,排版好坏直接影响视觉效果,甚至可 能间接影响用户体验。 字体是排版中很重要的一部分,和其他元素相辅相 成。想想看,一款花体字在扁平化的界面里得有多突 兀。上图是一些扁平化网站使用无衬线字体的例子。无 衬线字体家族庞大分之众多,其中有些字体会在特殊的 情景下会有意想不到的效果。但注意,过犹不及,不要 使用那些极为生僻的字体,因为保不齐它就把你带进坑 里了。 如何使用字体也是一门学问,要学会让不同的字体 表达不同的概念,经过字体告诉用户这某一设计/功能的含义,努力使字体成为你简化设计的有力武器。 4.如何配色 扁平化设计中,配色貌似是Z重要的一环,扁平化 设计通常采用比其他风格更明亮、炫丽的颜色。同时, 扁平化设计中的配色还意味着更多的色调。比如,其他 设计较多只包含两三种主要颜色,但是扁平化设计中会 平均使用六到八种。
而且扁平化设计中,往往倾向于使用单色调,尤其 是纯色,并且不做任何淡化或柔化处理(较受欢迎的颜色 是纯色和二次色)。另外还有一些颜色也挺受欢迎,如复 古色(浅橙、紫色、绿色、蓝色等)。