• 内页banner
  • ui1
  • 内页3
技术专栏您当前所在位置: 首页 > 技术专栏

UI设计培训:UI设计图标常见类型汇总

更新时间:2019-05-21 08:57:00点击次数:167次字号:T|T
如今的用户界面,图标是必不可少的元素之一。图标是可用性和导航的关键,用户能够通过图标感知功能。而图标是UI界面中可用性和导航体系的核心组件。


所以今天的文章,丰泽UI设计培训小编就为大家归纳一下常见的图标类型,以及在UI设计行业的应用。


UI设计培训:UI设计图标常见类型汇总



一、图标的定义
图标,具有高度概括和视觉信息传达的小尺寸图像。可传达丰富的信息,常和词汇、文本搭配使用。


二、图标使用的历史
图标不是界面设计师所创造的概念,早期是用来传达信息,如地图、壁画、地图等。现如今随着技术的发展,图形化的界面诞生了。

在1991年苹果首次发布了彩色的图标设计。在此之后,越来越多的图标开始诞生,并且基于不同的需求而演化出不同的分支和风格。


UI设计培训:UI设计图标常见类型汇总



三、基于图标来划分图标类型
1.解释性图标
意在阐明信息的图标类型,用来解释特定的功能或内容的视觉标记。它们并不是直接可交互的UI元素,在很多时候也会有辅助解释其含义的文案。如果怕图标的表达含义不够清晰,就会搭配文案使用。


2.交互图标
交互图标在UI中不仅仅是展示的作用,也会会参与到用户交互当中。是导航系统不可或缺的组成部分。可以被点击,并且随之响应,帮助用户执行特定的操作。


3.装饰和娱乐用图标
是用来提升整个界面的视觉感受的,不具备明显的功能性,但在迎合受众群体的喜好、具备特定外观、提升UI设计界面的可靠性等方面发挥着巨大的价值。


4.应用图标
这是产品的身份象征。在绝大多数的情况下,它会将这个品牌的LOGO和品牌用色融入到图标设计当中来。


UI设计培训:UI设计图标常见类型汇总



四、基于视觉特征来划分图标类型
1.字符图标
现在的字符图标是包含了数字、字母、图形的,涵盖的内容也是更加的丰富了。


2.扁平图标
扁平化的图标设计比起字符图标就要复杂得多。其中增加了色彩和其他元素的填充。专注于清晰而直观的视觉信息传达,为用户提供一目了然的视觉内容。


3.拟物化图标
是将现实世界中的形状、纹理、光影都融入到整个图标的设计,拟真是它的特点。在UI设计领域,拟物化图标这一设计被扁平化设计所替代。

UI设计培训:UI设计图标常见类型汇总



五、基于图像隐喻来划分图标类型
图标基于其中所反映出来的隐喻,可以划分为三个主要类型:
1.相似图标
2.参考性图标
3.随意式图标


作为UI设计的图标,第一应该满足的是清晰的含义;第二是简单可识别;第三是图标灵活吸引人,图标应该可缩放;第四就是图标应该和应用保持一致的风格。


本期的UI设计培训就到这里啦,还有更多关于UI设计的问题,大家可以关注郑州丰泽UI设计培训学校的官方网站。