我是靠谱客的博主 忧郁鸡翅,最近开发中收集的这篇文章主要介绍图标风格总结-UI面性图标优漫动游,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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

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

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

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

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

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

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

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

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

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

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

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

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

最后

以上就是忧郁鸡翅为你收集整理的图标风格总结-UI面性图标优漫动游的全部内容,希望文章能够帮你解决图标风格总结-UI面性图标优漫动游所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(36)

评论列表共有 0 条评论

立即
投稿
返回
顶部