【学习UI设计】APP图标释义方式!
时间:2024-06-04 来源:朝夕友人 点击:
图标准确释义是用户体验最为重要的衡量标准之一。本文通过分析图标的定义与特征,提出了三种利用图标语义引导用户行为的图标释义方法。
![](//q5.itc.cn/images01/20240313/2d0cbaadd3964926ac4fdcf18df3995e.jpeg)
![](//q4.itc.cn/images01/20240313/592e92206c7b4609bb2cb916428a16b0.gif)
图标是具有指代意义或标识性质的图形,界面中的图标是功能标识,它是程序标识、数据标识、命令选择、模式信号或切换开关、状态指示。图标设计就是将一定的含义转化为图形,或者说把文字语言“翻译”成图形语言。
![](//q7.itc.cn/images01/20240313/82e49ab2d6704fc589be1434cf41c4d5.jpeg)
①交互的高效性。图标具有高度浓缩并快捷传达信息、便于记忆的特性。图形用户界面的人机交互更多的是依赖视觉元素,用户可理解界面中图标所代表的含义,大大降低了记忆负荷。图标之间的差异对比要比文本更强,这样有利于用户更快地定位到所需要的内容,提高视觉目标搜索的效率。
![](//q7.itc.cn/images01/20240313/09f25ebbd11346ba98d6aca3d1e88db8.jpeg)
②语义的通用性。虽然不同文化对某一图形含义的理解可能存有差异,但是图形符号还是比文字更加通用。对于有多国语言的软件界面设计,利用图标更易避免文字翻译的缺陷。同时,也可有效降低因开发不同语言版本所引起的成本。
![](//q4.itc.cn/images01/20240313/67b61a9a800e472f9ec19bbcde4f4f92.jpeg)
③布局的便利性。图标以明示或隐喻的方式传达其含义,图形蕴含语义的丰富性,使得能在方寸之间实现冗长文本所要表达的含义。图标有着统一的大小规格,更节省屏幕空间,更易于界面布局规划。
![](//q7.itc.cn/images01/20240313/7a73b887c4d749d6852dbbe23d615e9e.jpeg)
![](//q8.itc.cn/images01/20240313/e0f987ae5f70461c893cce3652970d8d.gif)
利用图标语义引导用户行为是图标设计关键点,图标释义手段可遵循明示义、暗示义与语义叠加三种途径。
![](//q6.itc.cn/images01/20240313/febdcfc770b043b3bce8d4c9384e4eb4.jpeg)
![](//q3.itc.cn/images01/20240313/857a266c9d6f455f9b60ce6513eef431.gif)
明示义是指图形形象直接地说明其指代对象、功能标示、状态指示等含义。具体实施手段可表现为:
①象形图形。象形图形是最基本、最典型的处理方式。图标与其所传达的含义有直接的、对应的关系。在表现名词性程序图标和功能语义时,采用象形图形是最有效直接的手段。例如:邮件、日历、闹钟、通讯录等名词性程序的图标。
![](//q8.itc.cn/images01/20240313/4f6b719b0c3b437c8f5ccaaead82ec7f.jpeg)
②语标符号。语标符号是指蕴含特指含义的个词(组)或产品标识(Logo)的图形符号。程序名称简称、专业术语缩写、产品Logo图像等均可归纳为语标符号。
![](//q7.itc.cn/images01/20240313/43a44de76a754591a58cf2aa352e57e3.jpeg)
![](//q7.itc.cn/images01/20240313/bada5d507dff412caee6da7c65d1592f.gif)
暗示义是指图标与其所表达的含义没有直接的对应关系,通过意指、隐喻、寓意等知觉类比方式,将图标含义转换为视觉图形。根据现实世界已经存在的事物为蓝本,将人们对这些事物的认知联想运用到图标设计中,从而减少用户认知的难度。具体实施手段可表现为:
![](//q0.itc.cn/images01/20240313/e53dfe69992a47bcb9e5628a56eba93d.jpeg)
①表意图形。表意图形通过隐喻的方式来表述含义,隐喻是以“相似”和“联想”为基础的,即图标图形与其语义存在的某一相似之处,在处理将抽象的、动词性文本转换为图标时较为有效。例如:保存文件、设置搜索、录音这些动词性文字,可以通过联想、类比等思维方式,将语义关联为动作执行的对象或参与物等具象事物的图形。
![](//q1.itc.cn/images01/20240313/cf60912968e749d4a3f9c1ec449a45ef.jpeg)
![](//q5.itc.cn/images01/20240313/b4afc76147c34986970e57bab644a24b.jpeg)
![](//q1.itc.cn/images01/20240313/4b468a60407d4bc9b6bded2288bf7291.gif)
语义叠加指综合、交叉运用明示义、暗示义等释义手段,传达语义更复杂或语义相似的系列图标含义。适合运用在设计一系列含义接近的图标类型,可以组合一些已有的基础图标来得到含义更为丰富的图标。
好的图标设计,可以提高软件的普及程度与用户的认知速度。图标释义手段可归纳为:明示义、暗示义和语义叠加,通常利用象形图形、语标符号、表意图形、抽象符号、语义叠加的图形等方式来表现含义丰富的图标。
返回搜狐,查看更多
责任编辑: