图标作为APP页面中显示最直接的设计元素之一，具有至关重要的传播与提示作用。而图标风格的设计，与产品属性、设计理念、页面风格搭配等因素密切相关。
一、图标风格的多样性
- 面性图标：常见样式有元素轮廓图形和统一化图形两种。风格上有多色、渐变、不透明度、微拟物等。
- 线性图标：常见风格包括渐变、断点、粗描边、双色、高光、直角、点缀填充等。
- 线面混合图标：样式更加丰富，细节更多。可组合的形式也更多，如不透明度、渐变、多色、粗描边等。
- 插画类图标：具有丰富的细节和复杂程度，常用于节日活动更换图标或特定产品特性的APP中。
在选取图标时，要结合产品属性、页面布局和风格，选择合适的图标。合适的图标可以吸引人们的眼球，增加用户使用时的舒适度，同时提高辨识度和传播性。相反，不合适的图标会在页面上显得突兀，影响用户体验。
二、图标制作要素
- 形态：以金融类APP为例，为了突出产品安全、效率等属性，图标风格应该设计得稳重、大气、简洁、精致。这样既清晰地表达内容，又消除新用户开始使用时的不安情绪。
- 配色：可以使用品牌主色，未选中的标签图标可以搭配灰色等辅助颜色。
- 规范统一性：使用辅助模板进行视觉约束，遵守固定的框架设计图标。
- 趣味：在节日或活动期间更换页面版式和图标，增加产品趣味性，提高用户粘性。
- 提示：将重要信息以浮动的气泡形式悬浮于标签栏之上，或者添加红点提示。
三、细节梳理
- 保持为矢量图形，不能转为智能对象或栅格化。
- 图标设计不宜过于复杂，形状简洁易懂即可。
- 图标尺寸应为整数。
- 圆角大小统一、描边粗细统一、变化的角度统一。
- 预留足够的可点击区域。
- APP中的图标风格不宜过多，三种是极限，配色要和谐。
- 制作工具建议使用I或Sketch，成稿确定后不要忘记将路径变为形状。
- 使用PS或I设计时，可以调节网格线间隔方便设计和修改。
四、延展图形的应用
- 分析产品属性：从品牌和产品的属性特点中寻找元素，结合LOGO的特点进行设计和运用。
- 组合示例：将选中的图形搭配人物或物品作为展示，或者将图形带入场景设计。
- 应用场景：线上网站或APP中的banner素材、icon下拉刷新等细节；线下海报易拉宝等。
通过分析与建立延展图形，加深我们对产品的认知，拓展我们的视野，提高设计方案的质量和创意。