图标设计的基础知识图标的定义图标就是一个符号,一个代表某个对象的符号,一个象征性的符号。基于功能来划分图标类型解释性图标: 这些图标是在阐明信息的图标类型。它们是用来解释和阐明特定功能或者内容类别的视觉标记。交互图标: 这种图标在 UI 中不止是展示的作用,它们还会参与到用户交互当中来,是导航系统不可或缺的组成部分。它们可以被点击,并且随之响应,帮助用户执行特定的操作,触发相应的功能。装饰和娱乐用图标:种图标通常是用来提升整个界面的美感和视觉体验,并不具备明显的功能性。这类图标迎合了目标受众的偏好与期望,具备有特定的风格的外观,并且提升了整个设计的可靠性和可信度。更准确地说,这些装饰性的图标不仅可以吸引并留住用户,并且可以让整个用户体验更加积极。应用图标:应用图标是不同数字产品在各个操作系统平台上的入口和品牌展示用的标识,它是这个数字产品的身份象征。Favicon :Favicon 有时候也被成为 URL 图标,它是网页在网页的标签中显示的识别性小图标,它同样代表着网页,是用户在网页和浏览器当中快速定位的视觉识别标识。Favicon同样是身份识别用的图标,并且在网页的宣传和推广以及视觉识别上都有重要的意义。基于视觉特征来划分的图标类型字符图标: 现在的字符图标同样包含了字母、数字和图形,它们中所涵盖的内容更加丰富。字符图标使用简化和通用的图形,当用户在使用它们的时候,它们拥有足够的识别度和灵活的适用场景。扁平和半扁平图标: 扁平化的图标设计比起字符图标就要复杂得多,其中增加了色彩和其他元素的填充,比起近乎由轮廓和笔画构成的字符图标,明显要高一个维度。然而和前者一样,扁平的图标同样专注于清晰而直观的视觉信息传达,为用户提供一目了然的视觉内容。扁平化的图标设计最突出的功能也就在此,在二位的平面上,不借助复杂的纹理和阴影来明了地、视觉化地传达信息,和拟物化图标正好相对。拟物化图标: 拟物化图标是扁平化图标的对立面,正如同当初拟物化图标设计师常说的,它就是“抄现实”,尽量将现实世界中的形状、纹理、光影都融入到整个图标的设计,拟真是它的特点。拟物化图标这一设计趋势几乎是跟随着Macintosh的诞生和进化一步一步走过来,走到极致,然后从 UI 设计领域开始,被扁平化设计所替代。不过,拟物化图标现在依然广泛地运用在不同领域,尤其是游戏设计和游戏类产品的图标设计当中。SVG 图标:SVG 图标现在越来越受欢迎,它很大程...