如今的移动端用户是必不可少的，在用户界面中，图标设计绝对是不可或缺的元素。虽然绝大多数的图标都很小，甚至不被人注意到，但是它们帮助设计和用户解决了许多问题。  

  作为UI设计师，一开始入门接触最多的就是图标  

  在数字设计领域，图标作为网页或者UI界面中的象形图和表意文字而存在，是确保界面可用性的基础设施，也是达成人机交互这一目标的有效途径。  

主流的图标可分为线性、面性、线面结合3大类  

  今天先跟大家分享UI面性图标，零基础UI设计师设计是要注意一下线面和面性区别  

  以MaterialDesign系统面型图标为主的标准正负形面型图标  

  另一种则是再次基础上对图标部分元素进行了透明度的改变  

  单色面性图标常见于底部导航栏、个人中心页、详情页等，颜色会使用的品牌色来增加品牌归属感。  

  优点非常多，比如表意能力强，细节丰富，色彩丰富，情绪感强，视觉突出，创作空间大等。面性图标可以让用户迅速定位图标位置，快速预知点击后的状态。  

  UI设计师注意的点是图形的识别性是由形状、颜色或其他元素决定的，因此在外形一样的情况下，线性图标要比面性图标更吸引眼球，而面性图标其实是通过填充颜色吸引用户的注意力。  

  大对数设计师考虑到用户习惯会把应用图标的第一层级的使用场景，标签栏、导航栏、品类区会使用面性图标；第二层级使用场景，个人中心、分类、详情页则多为线性图标。  

  当然这也不是绝对的，比如很多导航栏的未选中状态也有使用线性图标的情况。  

  而线性图标也由于看起来更加精致、细腻，适合使用在精致简洁的应用或产品。 

Powered by Froala Editor