欢迎光临散文网 会员登陆 & 注册

杭州平面设计学习|图标设计可识别性原则

2022-10-30 09:42 作者:上元教育桃桃老师  | 我要投稿

  1.意义识别


  意义是指你的图标是否能被理解。比如在制作腾讯动漫阅读页面时,会在工具栏顶部添加一个图标,作为详情页的入口。


  发现有些ui设计者认为这是一个目录页面,而有些人根本不知道这是什么意思。这是意义识别层的问题。


  因为图标不是和文字一起使用的,所以一定要注意意思识别。最终的方案是采用一个细节字进行设计,既满足识别,又满足统一形式。


  其实提取含义本身的文字是提高含义识别的常用方法,尤其是图标独立出现的时候。

  2.视觉识别


  视觉识别与图标的意义无关,主要是用户在视觉层面识别的障碍。总结以下几点:


  (1)颜色因素


  亮度非常接近的颜色不能搭配使用,比如柠檬黄和白色。如果把白色图标放在柠檬黄的底色上,白色很容易看不见,特别刺眼。


  (2)背景颜色与线形图标的匹配


  这是我在一篇文章里看到的国外测试的结果。该测试包括四种图标:白色背景下的黑色实心图标、白色背景下的黑色空心图标、黑色背景下的白色实心图标和黑色背景下的白色空心图标。10天后,1260名参与者完成了25000多项图标认知测试。所得数据分为四组进行双因素方差分析。在相同的统计条件下,选择黑底白字图标的时间比其他三种组合慢0.17秒,说明这个图标的信息表达能力很弱。


  背景中的所有图标从线性变为平面。如果它们不能改变为平面(例如时钟),则需要适当加粗和描边,以提高视觉识别能力。


杭州平面设计学习|图标设计可识别性原则的评论 (共 条)

分享到微博请遵守国家法律