您当前位置:滁州上元教育 >> 电脑设计 >> 学习资讯 >> 浏览文章

滁州上元UI设计培训丨UI设计图标有哪些类型

来源:上元教育   【上元教育:技能改变命运,上元成就未来】   2019/11/16 14:43:38
上元教育集团是一家综合性培训学校,每年为华东地区输送万余名技能型人才!选择上元教育,就是选择成功!

现在的用户界面中,图标肯定是不可或缺的元素。尽管绝大多数的图标都很小,甚至不被人注意到,但是它们帮忙规划和用户处理了许多问题。(滁州上元UI设计培训)

图标是可用性和导航的要害,用户能够感知到图标的功用,但是只要规划师才会了解,想要让图标精约、可用还赋有表现力,要消耗多少时间和精力。

乔布斯从前说过:“细节至关重要,花费时间仔细打磨是值得的。”图标是现在UI界面中可用性和导航系统的中心组件,所以,今天的文章,我们来归纳一下常见的图标类型和它们在UI中的运用。

图标运用的前史

图标、标识都不是界面规划师所创造的概念,它的存在能够追溯到人类文明诞生之初,早期用来传达信息的图标演变为系统的文字,而在地图、图书、岩画和修建等各种各样的地方,还存在着用来代表和传达特定概念的图标和标识。(滁州上元UI设计培训)

图标的定义

一般来说,图标是具有高度归纳性的、用于视觉信息传达的小尺度图画。图标常常能够传达出丰盛的信息,并且常常和词汇、文本调配相互调配运用,两者相互支撑,或隐晦或直白地一起传递出其间所包含的意义、特征、内容和信息。

图标能够有用地代替文原本运用。有研讨标明,运用高度可辨认的、清楚的图标,关于界面导航的可用性有极大的提高。不过图标的选取要谨慎并通过仔细的测试,才能达到出色的平衡,为政策受众所接受。

跟着技术的发展,计算机诞生了,而显示器的出现,也为图形化界面的诞生,铺平了路程。(滁州上元UI设计培训)

依据图标来区别图标类型

解说性图标这些图标是旨在阐明信息的图标类型。它们是用来解说和阐明特定功用或许内容类别的视觉标记。在某些情况下,它们并不是直接可交互的UI元素,在许多时分也会有辅佐解说其意义的案牍。一起,它们还常常会作为行为召唤的文本的视觉辅佐元素而存在,以进步信息的可辨认性。

有的时分图标表达的意义或许还不可完好或许清楚,最好是将图标和案牍调配起来运用,降低误读的或许性。(滁州上元UI设计培训)

交互图标这种图标在UI中不止是展现的作用,它们还会参加到用户交互傍边来,是导航系统不可或缺的组成部分。它们能够被点击,并且随之呼应,帮忙用户履行特定的操作,触发相应的功用。

装饰和文娱用图标这种图标一般是用来提高整个界面的美感和视觉体会,并不具有明显的功用性。但是,它们同样是重要的。这类图标迎合了政策受众的偏好与希望,具有有特定的风格的外观,并且提高了整个规划的可靠性和可信度。(滁州上元UI设计培训)

更精确地说,这些装饰性的图标不仅能够招引并留住用户,并且能够让整个用户体会更加活泼。装饰性图标一般出现出季节性和周期性的特征。

运用图标运用图标是不同数字产品在各个操作系统渠道上的进口和品牌展现用的标识,它是这个数字产品的身份象征。在绝大多数的情况下,它会将这个品牌的LOGO和品牌用色融入到图标规划傍边来。

真正优异的运用图标规划,其实是结合市场调研和品牌规划的组合,它的政策在于创造一个不会让用户能够在屏幕上快速找到的耀眼规划。

依据视觉特征来区别图标类型

字符图标现在的字符图标同样包含了字母、数字和图形,它们中所涵盖的内容更加丰盛。现在提及字符图标,我们一般不会将它们视为文字,而是图标。下面是Material Design 的字符图标集:

字符图标运用简化和通用的图形,当用户在运用它们的时分,它们具有满意的辨认度和活络的适用场景。(滁州上元UI设计培训)

扁平缓半扁平图标扁平化的图标规划比起字符图标就要凌乱得多,其间增加了颜色和其他元素的填充,比起近乎由归纳和笔画构成的字符图标,明显要高一个维度。

扁平的图标同样专注于清楚而直观的视觉信息传达,为用户供给一望而知的视觉内容。扁平化的图标规划最出色的功用也就在此,不凭借凌乱的纹路和阴影来明晰地、视觉化地传达信息,和拟物化图标正好相对。

拟物化图标就好像上文所说,拟物化图标是扁平化图标的对立面,正好像最初拟物化图标规划师常说的,它就是“抄实践”,尽量将实践世界中的形状、纹路、光影都融入到整个图标的规划,拟真是它的特色。

UI规划范畴初步,拟物化图标这一规划被扁平化规划所代替。不过,拟物化图标现在依然广泛地运用在不同范畴,尤其是游戏规划和游戏类产品的图标规划傍边。(滁州上元UI设计培训)

SVG 图标SVG图标,其间的SVGScalable Vector Graphics的缩写,它是依据 XML 2D矢量图标技术,SVG 图标现在越来越受欢迎,它很大程度上降低了跨渠道、跨屏幕规划的时分图标显示上的兼容性问题。

依据图画隐喻来区别图标类型

闻名的可用性研讨专家Jackob Nielsen从前在 NNGroup的文章中披露了这种图标类型区别的标准。图标依据其间所反映出来的隐喻,能够区别为三个主要类型。

类似图标,它是将实践世界中的物理实体给符号化,这种规划最典型的就是用于查找的放大镜图标,购物车图标,邮件图标等。

参考性图标,它是运用类比对象的方式来规划的图标,比如紧缩和解压类的东西图标,常常会运用包、拉链这样的意象来传递出概念。(滁州上元UI设计培训)

随意式图标,这类图标的规划和其功用/意义并没有关联,它们自身并不传递出功用性的意义,依托的是用户长时间的检查、运用,逐渐习气来了解其间的意义。

现在许多界面傍边的“保存”按钮选用的是软盘的图标,但是软盘实践上早已退出前史舞台,许多用户甚至都不知道软盘的存在,但是用户会在长时间的运用过程中了解它的功用,并且在大脑中构成这样的概念回路。

有用的图标规划首先应满意图标清楚有意义,图标的意义应该是可了解的,可供受众吸收的,传递出有意义的信息;其次图标简单可辨认,图标中所包含的视觉符号应该能够被正确地辨认和出现;第三图标活络招引人,图标应该可缩放,图标规划要比其他的视觉元素更出色,直觉而引人瞩目,终究,要注意图标应该和运用保持一致的风格。

 

编辑:本站原创  点击数:

分享到:

相关文章