聊聊图标和MBE图标

图标主要采取相似性和类比性进行定义。

举个例子来说明相似和类比的含义：

厕所的标志通常使用穿裙子的小人代表女厕，穿裤子的小人代表男厕，采取的就是相似性。

厕所的标志也有使用口红代表女厕，烟斗代表男厕，采取的就是类比性。

 

图标发展的历史

拟物时代

扁平时代

多元时代

图标的分类可以根据功能分类为展示图标和功能图标，展示图标就需要带来视觉的冲击，功能性图标就不是那么需要吸引人注意力。

图标的分类根据其呈现的形式可以分为线、面、线面结合等。

在为产品设计图标的时候需要考虑：

• 产品定位
• 产品视觉风格
• 应用场景

MBE风格的图标

线面图标，有活力

1. 断点式描边

在连续多的地方做了断点处理，因为在曲折的地方已经具备了很强的视觉冲击力。

     2. 高饱和度色彩

     3.同类色色块光影处理

    4.表情化设计元素

    5.丰富的辅助图形

对于第四点的表情要简单，不要喧宾夺主；

第五点，不能复杂、适当留白、颜色饱和度不能超过主体色彩；

MBE风格图标的使用场景：适合交互逻辑不复杂的功能图标或者色彩分明的展示图标，娱乐化的图标。

在用户遇到不好的体验的时候，可以采取MBE图标提示，缓解用户的情绪。

具体的操作学习可以见：https://www.imooc.com/video/18236