图标可以被定义为具有较高的象征性价值并用于传递信息目的的图像 。在UI设计中图标得到广泛的应用，一套优秀的图标设计不仅可以在视觉上传达产品调性，提升情感化设计，还可以在交互上快速定位用户，以提高产品的转化率 。下面小编来为大家分享图标有哪些设计方法以及视觉效果类型都有哪些 。
文章插图
线型图标：通过线条勾勒出来的图标 。
· 在少即是多的设计原则下，线性图标得到了广泛的应用 。
· 一般情况下，线性图标常常会通过描边的粗细、图标细节来打造产品图标的区别 。
面型图标：采用填充和负空间结构的图标 。
· 面型图标相对来说具有视觉重量感，更容易吸引用户的关注，识别度也更强 。
渐变图标：采用渐变色填充的图标 。
· 渐变图标是基于面型图标的基础上进行设计的 。
· 渐变的方法可以用来丰富图标的效果，具有活泼年轻化的特点 。
【图标有哪些设计方法？视觉效果类型都有哪些？】线面混合图标：线型与面型的结合 。
线面混合图标设计的方法可以增强图标的视觉层级感，使图标效果更加丰富，通常用于打造视觉调性 。
扁平图标：采用扁平插画形式的图标 。
扁平图标是流行的一种设计方法，相比普通的面型图标而言更加注重细节表现，视觉层级也更加丰富 。
· 扁平图标常常被用于营造产品氛围和视觉调性 。
拟物风格图标：通过光影模拟真实物体质感的图标 。
· 拟物风格图标一般都会在节日活动或游戏中更为常见，气氛烘托效果更强烈 。
· 基于贴近现实物体的真实特点，可以降低用户的人之成本 。
以上就是图标的一些视觉效果类型和应用，图标设计在UI设计中占据的比例很大，掌握设计图标的方法并学会应用对于UI设计师来说是必备的技能 。
推荐阅读
- 如何打造系统图标规范？需要从哪些方面入手？
- UI设计中图标类型有哪些？图标的功能是什么？
- 如何更好的设计图标？有哪些设计技巧？
- 图标设计都有哪些注意事项？需要注意哪些细节？
- Sketch一键导入AE的工具 AEUX插件的基本功能有哪些？
- sketch中有哪些冷门技巧？有哪些被忽略的高效技巧？
- sketch如何编辑元件？有哪些编辑方法？
- sketch中的文本检查器应用 有哪些编辑功能？
- sketch的核心功能有哪些？分别有什么作用？
- Sketch上的云端设计库是什么？有哪些作用？