概述
如今的移动端用户是必不可少的,在用户界面中,图标设计绝对是不可或缺的元素。虽然绝大多数的图标都很小,甚至不被人注意到,但是它们帮助设计和用户解决了许多问题。
作为UI设计师,一开始入门接触最多的就是图标
在数字设计领域,图标作为网页或者UI界面中的象形图和表意文字而存在,是确保界面可用性的基础设施,也是达成人机交互这一目标的有效途径。
主流的图标可分为线性、面性、线面结合3大类
今天先跟大家分享UI面性图标,零基础UI设计师设计是要注意一下线面和面性区别
以MaterialDesign系统面型图标为主的标准正负形面型图标
另一种则是再次基础上对图标部分元素进行了透明度的改变
单色面性图标常见于底部导航栏、个人中心页、详情页等,颜色会使用的品牌色来增加品牌归属感。
优点非常多,比如表意能力强,细节丰富,色彩丰富,情绪感强,视觉突出,创作空间大等。面性图标可以让用户迅速定位图标位置,快速预知点击后的状态。
UI设计师注意的点是图形的识别性是由形状、颜色或其他元素决定的,因此在外形一样的情况下,线性图标要比面性图标更吸引眼球,而面性图标其实是通过填充颜色吸引用户的注意力。
大对数设计师考虑到用户习惯会把应用图标的第一层级的使用场景,标签栏、导航栏、品类区会使用面性图标;第二层级使用场景,个人中心、分类、详情页则多为线性图标。
当然这也不是绝对的,比如很多导航栏的未选中状态也有使用线性图标的情况。
而线性图标也由于看起来更加精致、细腻,适合使用在精致简洁的应用或产品。
最后
以上就是忧郁鸡翅为你收集整理的图标风格总结-UI面性图标优漫动游的全部内容,希望文章能够帮你解决图标风格总结-UI面性图标优漫动游所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复