线面混合图标也是一种设计语言，线和面搭配，使形式感更加丰富，视觉层级性要比纯线性要强，可以和纯线性图标搭配，营造出不同的设计形式感，统一中有变化，又可以区分出层级。其风格偏活泼，年轻化。例如美团外卖图（1-5）
图（1-5）美团外卖
除上述的的图标之外，还有在颜色上的一些处理，如渐变图标、单色双色多色图标，由于篇幅有限，就不再一一叙述。
1.2统一规范
图标网格图
比如Material Design的参考线模板就有正方形、圆形、圆形和长方形结合等不同形式。如果对齐模板中的形状，即可得到面积相等的长方形、正方形、圆形。这对我们构建视觉上面积相等的图标很有益处。例如图（1-6）当然这只是一个工具化的参考，具体还需要根据视觉来进行微调，达到最后的大小统一。
图（1-6）
面的统一
面的面积统一
规整的面性图标，如圆形，圆角矩形，里面的挖空图形面积要统一，不能有大有小，或者视觉重心不一致。例如图（1-7）
图（1-7）
面的颜色统一
四色原则：根据业务属性定义颜色，四种颜色，业务相关的其他四种作为邻近色。且每一个颜色不能跨度太大，应该保持他们的饱和度和明度统一。例如图（1-8）
图（1-8）
线的统一
粗细统一
拒绝直接去素材网站下下来使用，会导致粗细不统一。线性图标粗细常见的有2px、3px、或者有更粗的5px、6px，根据自己的产品调性来决定，其中3px是最常见的，微信最新的7.0版本，标签栏从2px都加粗到3px，其他icon也都相应加粗，所以3px已经成为主流。细线显得精致，粗线视觉面积大，显得厚重敦实。所以保证线条粗细统一是图标设计最基本的要求，如图（1-9）
图（1-9）
圆角统一
直角的风格更加硬朗，充满了力量感。圆角的图标显得风格温润尔雅，小圆角设计显得整体风格柔和，如果圆角非常大，会显得图标偏卡通感觉。所以圆角的统一也是必要性的。如图（1-10）
图（1-10）
1.3设计技巧
面性图标
渐变
渐变分为同色系渐变和跨色系渐变。同色系渐变在色相保持不变的情况下，通过饱和度和明度调节亮暗关系，调暗技巧：明度调低的同时饱和度调高一点，以免颜色过脏。同色系渐变在保证和谐的情况下，又有活泼跳跃的感觉。角度通常斜45度。如图（1-11）
图（1-11）
飞特游客
委托设计