• name
  • name
  • name
  1. 1
  2. 2
  3. 3

掌握八点设计完美扁平化UI

  • 时间:2015-02-04 09:30
  • 来源:转载
  • 作者:转载
掌握八点设计完美扁平化UI
 
本文由金华做网站公司——益建互联转载整理,希望好文章能与大家分享!原文链接:http://www.zcool.com.cn/article/ZMTQ1MTI0.html
 
一、扁平化三要素:去高光(过渡式高光)、去渐变(过渡式渐变)、去阴影(过渡式阴影)。扁平化高光,阶梯式渐变以及长阴影是允许的!

 
二、扁平化图标:明确含义的图标,可以让设计不单调!

 
推荐网址:
www.easyicon.net
www.iconfinder.com
 
三、色块颜色和形状:
 
1、色块基础形状有圆形,三角形、四边形、五边形及六边形,有人也喜欢用带圆角的基础形状。超过六条边的形状不利于向用户传达信息。
2、颜色的选择:
 
(1)可靠、稳定、安全平静风格:主色及主色同色系的四五种辅色;
(2)活泼、青春、充满生命力风格:主色及与主色不同色系
(3)百搭色系:黑白灰
 
四、字体的选择:
 
无衬线字体:微软雅黑、黑体、幼圆、方正幼线简体、张海山锐楷体、方正智艺体等。
 

 
五、图片的使用:普通的色块/文字+图片、压暗处理、模糊处理;


 
六、不同饱和度色块打造光影效果,给人立体感:lowpoly以及长投影

 
七、色块组合:不建议超过三种不同的基础形状组合。
 
八、排版:
 
设计的四大原则——对齐、亲密性、重复、对比。注意,色块里面放置文字的时候,要留出呼吸空间。