图标一词的起源
“icon”这个词起源于希腊的
“eikon”，原意为图像，在字典里 被定义为宗教的图腾，图标概念引 入到计算机以后被认为是图像、图 片或者是表示概念的符号。
狭义上的图标: 手机平板电脑等显示器中出现的图形符号
与图标经常一起出现的术语：Logo、Symbol
图标涉及的跨学科知识：格式塔心理学、形状心理学、认知心理学、图形学
狭义上的图标历史
图标的历史可以说是和GUI的历史一样悠久,从图标的发展来看,就是一部图形界面的计算机发展史
一开始的计算机是没有任何图形化界面的展示的,
1960年 IBM公司 开发了个人计算机,但是并没有为其配备操作系统,对一般使用者来说,计算机语言可以说是根本看不懂的“天书”
1973年施乐公司开发出GUI接口与鼠标之后,计算机图形开始迅速发展1
1977年比尔盖茨和艾伦创立微软公司,艾伦买了一套QDOS操作系统,并把它发展成为MS-DOS, IBM公司将MS-DOS作为PC机的操作系统,采用的是键盘输入命令的操作方式,用户仍然需要记忆大量的操作命令
基于WIMP(Windows，Icons，Menus，Pointers)的完全图形用户界面有效解决了用户的记忆负担 1980年代后期,国际计算机界一直在重新寻找界面设计理论基础,逐渐将心理学引入人机交互设计,提出人机交互是“以人为本” 2
图标形式与识别效率的关系
面性图标的表现力更高,但是识别效率更低
线性图标的视觉表现力更低,但是识别效率更高
图标与文本的认知区别
图标的识别程度高,人对于事物的认知主要有两个途径,一个是回忆,一个是再认,心理学研究表明人的再认能力比回忆能力强的多,而对于图标的再认能力又强于文本
图形包含的信息量远高于文本
视觉和认知对于图形的信息处理量较大
视觉和认知对于图形的记忆能力远大于对文本的记忆能力
采用图标就可以达到以下目的:
减少用户的记忆负荷
减少用户的认知负荷
图标的标准化可以避免文本的屏幕占用面积过大的情况
图标可以使数字产品设计满足米勒定律
为什么用图标不用文字
图标识别速度快
- 因为人的左脑思考文字,右脑思考图形,右脑的处理速度比左脑更快(据说是60万倍)
- 因为图标的相对识别时间要比含义的相对识别时间更短
图标传达信息更加准确
同样是表达"笔记本"
用语言会混淆,而使用图标就可以更好的表达"纸质笔记本""与笔记本电脑"的区别
图标的类型：
线性
线性 icon 主要用于页面的次级位置,作为文本的说明
功能图标尽量选用用户比较熟悉的元素
对于入口型的图标,可以使用我们的产品主要元素,可以适当联想,但是要足够简介,并且在页面中要看起来足够和谐
面性
面性 icon 主要用于主要页面上的一级入口的主要工具,可以伴随着图标的质感,优化成图片进行显示
图标绘制方法以及注意事项
利用Keyline规范图标
利用布尔运算
为什么要使用布尔运算来绘制图标?
1. 只有一个图层,方便后期调整
2. 方便交接
3. 修改简单
布尔运算的三个步骤
思考结构,简化图形,布尔运算
参考文献:
- 浅谈图标设计 许馨之↩
- 基于认知心理学的计算机图标研究 张琴 A TP301↩