交互时代教你如何做扁平化UI设计!

2016-11-05 16:46:11 970

相信一直有关注UI设计的人们,肯定听过扁平化UI设计这么一个概念,现在的人们崇尚极简主义,简约风格等等,而扁平化,则是集这些元素的一种设计风格。
交互时代在多年的项目经验中,关于扁平化的项目设计的印象是最为深刻的,因为它足够时尚,让人更容易接受。而在交互时代利用多年的设计教育经验,针对各大互联网企业对设计人才的需求独力开发出的设计课程,更是将其作为一个重点阐述,由此可见扁平化UI设计的发展趋势是十分强大的。
今天,交互时代就给大家带来一篇关于扁平化UI设计的几个技巧,能够让大家做扁平化UI设计的时候更加得心应手。
扁平化手段之一:高光渐变与投影的变化
    大部分网络自学教程都会提到扁平化风格的三个要素,就是no高光、no渐变、no阴影。交互时代认为这样过于武断,我们既然要扁平化,就不能让设计看起来有厚度,因此我们应该去掉的是带有过渡的颜色渐变,因为渐变会使图像看起来具有厚度感。

扁平化手段之二:色块之间的搭配
我们可以用各种基础形状组合出更多其他的形状,但是交互时代不建议大家超过三种不同的基础形状组合,过于复杂的形状会让我们的UI设计不够扁平。

扁平化手段之三:选择无衬线字体
在我们选择字体的时候,务必选择无衬线的字体,例如微软雅黑,黑体,幼圆等等。


扁平化手段之四:扁平化中的图片素材处理
在扁平化UI设计中使用图片素材的话,交互时代主要会用三种方式处理,分别是:
1.在图片元素上使用色块+文字的方式
2.将图片元素进行模糊处理,凸显信息内容
3.调整图片元素的亮度,凸显信息内容


扁平化手段之五:用多种色块进行组合
用色块组合出的图案,我们可以称呼为“似扁平化”,虽然它具有一定的深度,但是仍然会给我们的UI设计带来简约优美的感觉。


扁平化手段之六:利用饱和度制造扁平化的立体感
纯粹的扁平化很容易让人觉得单调枯燥,而我们依旧可以给扁平化的图标制造那么一点立体感,基本上可以用不同饱和度的相同色调的色块进行一个光暗面的对比,来营造出一种立体感。

    当然,交互时代说了这么多,实际上扁平化UI设计的主要内容还是简洁,真正的扁平化不光是视觉设计上的扁平,还有操作上的扁平,我们做UI设计不仅仅是靠几条原则去进行的,更多的时候要利用天马行空的想法,将这些规则熟练运用,才是真正的收获。

newmap | sitemaps