图标风格总结-UI面性图标
新闻来源：优漫动游
日期：2022-12-22
如今的移动端用户是必不可少的，在用户界面中，图标设计绝对是不可或缺的元素。虽然绝大多数的图标都很小，甚至不被人注意到，但是它们帮助设计和用户解决了许多问题。
如今的移动端用户是必不可少的，在用户界面中，图标设计绝对是不可或缺的元素。虽然绝大多数的图标都很小，甚至不被人注意到，但是它们帮助设计和用户解决了许多问题。
作为 UI 设计师，一开始入门接触最多的就是图标
在数字设计领域，图标作为网页或者 UI 界面中的象形图和表意文字而存在，是确保界面可用性的基础设施，也是达成人机交互这一目标的有效途径。
主流的图标可分为线性、面性、线面结合3大类
今天先跟大家分享UI面性图标，零基础UI设计师设计是要注意一下线面和面性区别
以Material Design系统面型图标为主的标准正负形面型图标
另一种则是再次基础上对图标部分元素进行了透明度的改变
单色面性图标常见于底部导航栏、个人中心页、详情页等，颜色会使用的品牌色来增加品牌归属感。
优点非常多，比如表意能力强，细节丰富，色彩丰富，情绪感强，视觉突出，创作空间大等。面性图标可以让用户迅速定位图标位置，快速预知点击后的状态。
UI设计师注意的点是图形的识别性是由形状、颜色或其他元素决定的，因此在外形一样的情况下，线性图标要比面性图标更吸引眼球，而面性图标其实是通过填充颜色吸引用户的注意力。
大对数设计师考虑到用户习惯会把应用图标的第一层级的使用场景，标签栏、导航栏、品类区会使用面性图标；第二层级使用场景，个人中心、分类、详情页则多为线性图标。
当然这也不是绝对的，比如很多导航栏的未选中状态也有使用线性图标的情况。
而线性图标也由于看起来更加精致、细腻，适合使用在精致简洁的应用或产品。
以上就是优漫教育小编为大家介绍的“【UI设计培训】：“图标风格总结-UI面性图标”相关内容，学习相关技术可以参考优漫教育提供的ui学习路线，该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等，根据优漫提供的ui学习路线图，可以让你对学好ui需要掌握的知识有个清晰的了解！
