重庆天象网络科技：UI设计的图标概述，新手必看的设计基础

当你看到这些信息的时候能不能快速理解所表达的意思？

 

 

你那如果用几个简单的形状组合在一起，就变成了你所熟悉的样子.

 

 

这就是图标，图标是通用易理解的可视化语言，传递信息很高效。

 

 

此智能手机刚兴起的时候，使用具有真实感的“拟物化图标”，能有效降低学习成本，增强代入感。

 

不过，“超写实”的效果反而成了高效操作的干扰，后来就出现了拟物化到扁平化的变革，试着把拟物图标沉余的装饰效果去掉，就变成了苹果ios7的扁平化风格。

 

 

 

将图标用线条来表现，就变成了视觉更加轻盈的“线性图标”。

 

如果想要稳重一些，可以使用面来塑造形体，也就是常见的面型图标。

 

 

在图标地步添加一个色彩艳丽的矩形，一个微软的“Metro风格”的磁贴就形成了。

 

 

 

把图标调整为填充偏移的断点描边状态，就变成了趣味的“MBE风格”

 

 

当然，你想要扁平中带些个性的表达，适当的加入渐变，就可以了。