扁平化设计五大原则

扁平化设计五大原则

摘要：这段时间以来，扁平化设计一直是设计师之间的热门话题。那什么是扁平呢？designmodo设计师Carrie Cousins总结扁平化的五大特色，而且介绍了“准”扁平化设计理念及其优缺点。

这段时间以来，扁平化设计一直是设计师之间的热门话题。每一个人都有本身的独特认识，有的很是喜欢而有的人却偏偏相反。那什么是扁平呢？designmodo设计师Carrie Cousins在网站上介绍了扁平化的五大特色，以及“准”扁平化设计的优缺点。CSDN编译以下。

Cousins表示他虽然对扁平化设计的感受很是强烈，但并无特别热爱或者特别讨厌扁平化设计。他认为好的设计不该当局限于某种设计风格，而须要更注重可用性、有用性。若是由于时尚的缘故，那就顺其天然吧。但该趋势并不适合一切项目，因此不能强求全部应用都听从这一风格。

拒绝特效

顾名思义，扁平化设计仅仅采用二维元素。全部元素都不加修饰——阴影、斜面、突起、渐变这样会带来深度变化的设计都是不该该的。从图片框到按钮，再到导航栏都干脆有力，须要极力避免羽化、阴影这样的特效。现实主义、3D、拟物化更是扁平化设计的大敌。

扁平化设计中的层次和其它的一一对应，但各个位面间没有交叉，不会明确区分背景图片、前景图片、按钮、文本、导航，等等。

那如何作好扁平化设计？扁平化设计依赖于清晰的层次结构和元素布局，优秀的扁平化设计应该能帮助用户理解产品以及交互。

如今，愈来愈多的网站开始应用扁平化设计，在App和移动设计中这一趋势更为明显。在小屏幕中，按钮和选项更少，也让扁平化设计如鱼得水。

仅使用简单的元素

扁平设计中使用到不少简单的UI元素，好比按钮和图标。设计师更经常使用矩形、圆形、方形等简单的形状。元素独立。正角、直角、圆弧都很是常见。

UI元素应该在保持高可用性的前提下尽量的简单，保证应用或网站直观、易用，无需引导。为了同时达到简单但直观的效果，你能够尝试为按钮填充深色，以鼓励用户点击。

记住，简单的元素并不意味着设计起来很简单，偏偏相反，扁平化设计理念的复杂度能够与任何其余设计风格相提并论。

注重排版

由于扁平化设计要求元素更简单，排版的重要性就更为突出了。字体的大小应该匹配总体设计，高度美化的字体会与极简设计原则相冲突。字形上能够应该使用粗体，文案要求精简、干练，最终保证产品在视觉上和措辞上的一致性。

字体选择上可使用简单的无衬线字体，经过字体大小和比重来区分元素。同时你也可使用新奇的字体做为点缀，但必定要记得不能过火。

排版的目的在于帮助用户理解设计。标签按钮等其它元素更注重加强易用性和交互性。

关注色彩

色彩的使用对于扁平化设计来讲很是重要。你可能已经发现了，扁平化设计的网站、应用色彩明显要更加鲜艳、明亮。此外扁平化设计的项目也拥有更多的色调。通常的网站不多会使用3种以上的色调，可是在扁平化设计中，平均会使用6-8种颜色。

扁平化设计的色调偏一般更有活力——色彩更纯。其主要、次要颜色一般都是很是大众化的颜色，而后再配以几种其它颜色。扁平化设计的另外一个趋势在于复古颜色的使用——浅澄色、紫色、绿色、蓝色——都极为流行。

极简主义

扁平化设计生而简单，总体上趋近极简主义设计理念。设计中应该驱除任何无关元素，尽量地仅使用简单的颜色与文本。若是必定须要视觉元素，你能够添加简单的图形。

“准”扁平化设计

最近，愈来愈多的设计师开始赞同准扁平化的设计。在准扁平化设计中，基调仍然是扁平风格的，但会在设计方案中添加一种，且仅添加一种特效，不管是阴影也好、梯度也好……

这种设计风格比严肃的扁平化更加灵活。设计师们喜欢它，由于能够添加深度和纹理；用户喜欢它，由于它能有助于直观的交互。但反过来，也有设计师不喜欢它，由于“准”扁平风格是另两种风格的混合体，缺少明确的定义，因此更难用好。

原文连接：designmono