图标可以被定义为具有较高的象征性价值并用于传递信息目的的图像 。在UI设计中图标得到广泛的应用,一套优秀的图标设计不仅可以在视觉上传达产品调性,提升情感化设计,还可以在交互上快速定位用户,以提高产品的转化率 。下面小编来为大家分享一下UI设计中都有哪些图标类型以及图标的功能有哪些 。
文章插图
表意图标
· 表意图标是解释特定的功能或标记出内容类别的视觉标记 。
· 有些时候它们并不是直接交互的布局元素,而是经常和符合其意义的文案结合在一起使用 。
· 搭配文案与图标一起使用,可以降低人们错误识别理解的风险,更直白容易的理解想要表达的意思 。
互动图标
· 互动图标可以直接参与到交互过程中,是导航的核心支撑者 。
· 用户可以通过点击互动图标进行体验,可以有效的吸引用户停留在此页面中 。
· 它们的主要目标是告知用户关于按钮、控件和其他交互元素背后的功能或特性 。
装饰性和娱乐性图标
· 这些图标更多的作用在于美化页面,而不是功能性 。
· 同时装饰性和娱乐性的图标也是很重要的,好看的风格和外观同样可以吸引用户 。
· 如果能够很好的运用这些图标不仅能吸引用户,还能激发用户留下查看的兴趣 。
应用图标
应用图标是指在不同平台上展示应用的交互式品牌标志,支持数字产品的原始身份 。
Favicon
· Favicon又称URL图标或书签图标,是一种特殊的符号类型 。它在浏览器的URL行和书签选项卡中代表产品或品牌 。
· Favicon可以和用户快速建立视觉联系,具有良好的视觉识别性 。
【UI设计中图标类型有哪些?图标的功能是什么?】以上就是部分UI设计中的图标类型以及它们的特点,图标设计在UI设计中占据的比例很大,掌握设计图标的方法并学会应用对于UI设计师来说是必备的技能 。
推荐阅读
- 图标有哪些设计方法?视觉效果类型都有哪些?
- 如何更好的设计图标?有哪些设计技巧?
- 图标设计都有哪些注意事项?需要注意哪些细节?
- sketch和xd哪个好用?推荐选择哪个?
- sketch中有哪些冷门技巧?有哪些被忽略的高效技巧?
- sketch中的文本检查器应用 有哪些编辑功能?
- Sketch上的云端设计库是什么?有哪些作用?
- 魔芋多糖在茶饮料中的稳定作用机理研究
- 茶色素中茶黄素类的HPLC定量
- 公路附近茶园土壤中铅和镉的化学形态