面性图标：稳定、安全、强调分量感，体量较重；往往用于分割层次，区分信息的重要程度； 使用时需要仔细考虑信息层级与文字搭配时的体量比例

　　线性图标：性质：轻盈、连贯、精致，体量较轻；往往用于整体观感精致简约风格的页面设计；但是过大面积的使用容易使页面产生过于轻浮没有重心的感觉

　　线+面：在线性图标的基础上填色或者局部填色，使图标更加个性化，可拓展且灵活, 相较于单纯线性或单纯面性icon来说更具有特色、年轻化；通常适用于需要强调的入口，相对于纯线性或面性icon较复杂，不适合小体量场景使用

　　面+面：采用配色与其他视觉元素呈现出的稍复杂图形，与线+面的形式类似，与审美气质与设计风格的选择有较强关联，设计师在其中可以更加灵活的运用色彩；相对于功能性图标来说更适用于装饰性图标。

　　2.5D 图标：也是运用配色搭建的图标，整体相较于扁平图标有了立体感，使得对于物象的表达更加清晰不趋同；同样也趋于装饰性图标

　　拟物：手机界面兴起伊始的风格，对现实事物元素的超级详细的模仿与拷贝；用于最初在界面设计中对于用户的教育，模拟更真实的实用场景。现在多用于更加个性及细节化的展示，目前仍广泛用于游戏场景中

　　在了解了图标的功能分类与图标的设计风格之后，我们再来了解一下图标的使用场景

　　底部标签栏

　　图标使用案例：

　　1、线性图标 插入高亮线性图标，强调精致、轻盈、连贯

　　2、在一排空心图标中插入一个实心图标，视觉会明显聚焦到面性icon上，视觉注意力更有力度

　　3、面性图标里插入高亮面性图标，强调整体分量感；稳重、安全、分量

　　4、线性图标插入线性填色的双色图标，小众、个性

　　底部标签栏常配小字号文字说明，文字起到辅助图标的作用，辅助图标的记忆

　　导航栏

　　导航栏处于页面顶端，由于扁平化设计使用场景：同级别内容列表

　　列表里的图标要求简洁，不用太过抢眼。多以面性或线性图标为主，拒绝花哨，要求视觉风格统一，主要用于对于文字的辅助解释风格以及视觉浏览顺序，头部多较为轻盈，目前多选择用线性icon来使得头部的视觉体量不至于过重。

　　处于导航栏的图标多为简单语义【添加】【相机】【消息】【菜单】【扫一扫】【添加好友】等

　　由于ios11的设计规范采用靠左侧标题，操作居于导航栏右侧，当操作为两个以上时也多用图标来表达

　　但是，也不是导航栏所有的操作都要用图标来表示的，当导航栏操作为强调性操作或较抽象语义时，如【保存】【发送】【管理】【编辑】等，则选用文字来转达最准确的表意

　　分类区

　　分类页中，图标排列整齐，图标下方会有文字的辅助说明，多为三到四个图标一排。要求图标语义明确清晰，可以充实丰富页面，可辅助用户快速定位到自己要找的模块，与金刚区图标有类似的地方；语义要求更加明确，以及一定的装饰性

　　辅助说明图标分两类：

　　1、局部突出重点：当需要在页面固定的区域中突出展示某一点时，通常会增加图标在文字前面来进一步强调补充内容；

　　2、用于丰富页面：相对于功能说明更加注重美观装饰的诉求，用于增进用户的友好度。常用于促销弹窗、说明页、红包等页面。

　　综上所述是我个人对于图标的使用的一些心得体会。图标是在页面设计中占有较大比重的地方，为功能服务、为整体页面信息展示服务。需要我们仔细思考，谨慎使用。