上海交大湖畔国际艺术与设计学院,旗下包含传媒学院、建筑学院、时装学院、动漫学院、游戏学院、美术学院,涵盖了广告设计,平面设计,UI设计,交互设计,3D设计,MAYA动画,室内设计,环境与艺术,软装设计,时装设计,珠宝鉴定,时尚买手,品牌策划,动漫游戏策划,游戏影视,原画插画等时下热门高薪行业,以及中高考美术,油画,水粉,素描,色彩构成等课程。
图标设计可识别性原则
图标的用途是帮助用户理解信息,所以“识别性”就是图标重要、底层的价值。如果设计一个图标,用户看不懂,即使视觉再美观,也是无根之木,没有任何价值可言。
识别性可以分为两个方面:一是含义识别,二是视觉识别。
1.含义识别
含义识别是指你的图标是否能被理解,例如,在制作腾讯卡通阅读页面时,工具栏顶部会添加一个图标作为详细页面的条目。
发现有些ui设计师认为这是一个目录页,而另一些人根本不知道这意味着什么,这就属于在含义识别层出现了问题。
由于图标没有与文本一起搭配使用,因此必须注意含义识别,理想的方案是采用一个详字来进行设计,它不仅满足识别,而且满足统一的形式。
事实上,这种提取含义本身的文本是提高含义识别性的常用方法,尤其是当图标独立出现时。
2.视觉识别
视觉识别与图标的含义无关,主要是用户在视觉层面识别的一个阻碍因素,总结以下几点:
(1)颜色因素
亮度非常接近的颜色不能一起使用,如柠檬黄和白色,如果白色图标放在柠檬黄的背景色上,白色很容易看不见,特别刺眼。
(2)背景颜色和线性图标的搭配
这是我在一篇文章中看到的外国测试结果,测试包括四种图标:白色背景上的黑色实心图标、白色背景上的黑色空心图标、黑色背景上的白色实心图标和黑色背景上的白色空心图标。经过10天后,1260名参与者完成了25000多项图标认知测试。将得出的数据分成四组进行双向方差分析,在相同的统计条件下,选择黑色背景白色空心图标的比其它三种组合的时间慢0.17秒,这意味着该图标的信息表达能力非常弱。
背景颜色的图标都从线性变为面性,如果改不成面性(例如时钟),需要适当加粗和描边,以提高视觉识别能力。