辉速设计出品
扫描关注辉速微信公众账号

扫一扫微信二维码

扁平化设计浅析

辉速科技2016-08-02经验之谈

一、扁平化设计浅析

1、什么是扁平化

摒弃曾经风靡一时的高光、阴影等能造成透视感的效果,通过抽象、简化、符号化的设计元素来表现。界面上极简抽象、矩形色块、大字体、光滑、现代感十足,让你去意会这是个什么东西。其交互核心在于功能本身的使用,所以去掉了冗余的界面和交互。

2、扁平化设计的优点

A、简约而不简单,搭配一流的网格、色彩设计,让看久了拟物化的用户感觉焕然一新。

B、突出内容主题,减弱各种渐变、阴影、高光等拟真视觉效果对用户视线的干扰,让用户C、更加专注于内容本身,简单易用。

D、设计更容易,优秀扁平的设计只需保证良好的架构、网格和排版布局,色彩的运用和高度一致性。

3、扁平化设计的缺点

需要一定的学习成本,且传达的感情不丰富,甚至过于冰冷。

二、扁平化的运用方法

1、关于高光、渐变和投影

网上所说扁平化风的三大要素:去高光、去渐变、去阴影。这么说是有点绝对了,我认为应该是去掉过渡式高光、过渡式渐变、过渡式阴影。

在这篇文章里,扁平化高光、阶梯式渐变以及所谓的长投影是允许的。

2、使用扁平化图标

使用有明确含义的图标可以让你的设计不那么单调并且耐看。

3、色块的形状和颜色

色块在扁平化设计中占据着很重要的地位,几乎我们看到的所有扁平化设计都离不开色块。

关于色块的形状,基础形状有圆形、三角形、四边形、五边形以及六边形,注意不要用超过六条边的形状,这样人们就会开始数形状的边数而忽略掉你要传达的信息。

有的人在扁平化设计中更喜欢使用带有圆角的基础形状。

关于色块的颜色,并没有特别的要求,但是我个人更加喜欢使用不那么鲜艳刺眼的颜色,使用温和、饱和度不高的颜色更对我胃口。

在扁平化设计中,如果我追求可靠、稳定、安全、平静的风格,那么我会选择一种主色以及与主色同色系的四五种辅色,如果我追求活泼、青春、充满生命力的风格,那么我选择的辅色就和主色便是完全不同色系。

扁平化设计中,黑白以及不同程度的灰很重要,因为它们白百搭,所以在你不知道该用什么颜色的时候,黑白灰也许是不错的选择。

4、字体的选择

请选择无衬线体,常用的中文无衬线体有微软雅黑、黑体、幼圆、张海山锐楷体、方正智艺体等。

5、注重排版

扁平化设计中尤其要注意排版,在这里再次祭出设计的四大原则:对齐、亲密性、重复、对比。在你放好一个色块或者文字后,请务必检查一下是否满足以上四条准则。

注意,色块里面放置文字的时候,要留出呼吸空间。

6、图片的使用

扁平化设计中如果要用到图片,常见的处理方法有三种:

A、普通的色块/文字+图片

B、压暗处理

C、模糊处理

7、使用不同色块组合做出伪立体感

这是所谓“似扁平化”的部分,但是它仍然能给我们的设计带来一种简约而不失美感的感觉。

 

文章关键词
扁平化