1.意义识别
意义是指你的图标是否能被理解。比如在制作腾讯动漫阅读页面时,会在工具栏顶部添加一个图标,作为详情页的入口。
发现有些ui设计者认为这是一个目录页面,而有些人根本不知道这是什么意思。这是意义识别层的问题。
因为图标不是和文字一起使用的,所以一定要注意意思识别。最终的方案是采用一个细节字进行设计,既满足识别,又满足统一形式。
其实提取含义本身的文字是提高含义识别的常用方法,尤其是图标独立出现的时候。
2.视觉识别
视觉识别与图标的意义无关,主要是用户在视觉层面识别的障碍。总结以下几点:

(1)颜色因素
亮度非常接近的颜色不能搭配使用,比如柠檬黄和白色。如果把白色图标放在柠檬黄的底色上,白色很容易看不见,特别刺眼。
(2)背景颜色与线形图标的匹配
这是我在一篇文章里看到的国外测试的结果。该测试包括四种图标:白色背景下的黑色实心图标、白色背景下的黑色空心图标、黑色背景下的白色实心图标和黑色背景下的白色空心图标。10天后,1260名参与者完成了25000多项图标认知测试。所得数据分为四组进行双因素方差分析。在相同的统计条件下,选择黑底白字图标的时间比其他三种组合慢0.17秒,说明这个图标的信息表达能力很弱。
背景中的所有图标从线性变为平面。如果它们不能改变为平面(例如时钟),则需要适当加粗和描边,以提高视觉识别能力。
意义是指你的图标是否能被理解。比如在制作腾讯动漫阅读页面时,会在工具栏顶部添加一个图标,作为详情页的入口。
发现有些ui设计者认为这是一个目录页面,而有些人根本不知道这是什么意思。这是意义识别层的问题。
因为图标不是和文字一起使用的,所以一定要注意意思识别。最终的方案是采用一个细节字进行设计,既满足识别,又满足统一形式。
其实提取含义本身的文字是提高含义识别的常用方法,尤其是图标独立出现的时候。
2.视觉识别
视觉识别与图标的意义无关,主要是用户在视觉层面识别的障碍。总结以下几点:

(1)颜色因素
亮度非常接近的颜色不能搭配使用,比如柠檬黄和白色。如果把白色图标放在柠檬黄的底色上,白色很容易看不见,特别刺眼。
(2)背景颜色与线形图标的匹配
这是我在一篇文章里看到的国外测试的结果。该测试包括四种图标:白色背景下的黑色实心图标、白色背景下的黑色空心图标、黑色背景下的白色实心图标和黑色背景下的白色空心图标。10天后,1260名参与者完成了25000多项图标认知测试。所得数据分为四组进行双因素方差分析。在相同的统计条件下,选择黑底白字图标的时间比其他三种组合慢0.17秒,说明这个图标的信息表达能力很弱。
背景中的所有图标从线性变为平面。如果它们不能改变为平面(例如时钟),则需要适当加粗和描边,以提高视觉识别能力。