寻找最完美的“保存”图标

简介: 本文讲的是寻找最完美的“保存”图标,根据一项 2013 年的调查:1000 名来自幼儿园到五年级的孩子们被问及关于图解的问题,结果呈现一个很有趣的现象:只有 14% 的孩子知道“保存”图标代表着什么。
本文讲的是寻找最完美的“保存”图标,

上周在 Etch 公司,我的朋友兼同事 Matt Jackson 问了我一个简单的问题:

如今用软盘作为“保存”图标依然合适吗?

这一问题近年来被人们反复提起,在好奇心驱使下我们开始找寻更好的解答。

根据一项 2013 年的调查:1000 名来自幼儿园到五年级的孩子们被问及关于图解的问题,结果呈现一个很有趣的现象:只有 14% 的孩子知道“保存”图标代表着什么。

这是一项令人担忧的统计结果。用户界面的最终目的就是在人与机器之间建立一个双方都理解的信息输入输出连接。所以我们应该一直为那些能向用户传达意义的图标而努力。

我们现在已经进入了一个主要用户群体是年轻人的时代。用户们很少、甚至没有用过软盘。鉴于这种情况,我们作为设计师能很确信地说我们用了最好的方式来传递“保存”这个概念?

啥是“软盘”?!

事实上,我对这件事想的越多,我们越疑惑有00后知道些关于硬盘的知识吗。甚至对于设备数据的读/写数据这一概念对他们来说都可能是“天外飞仙“。

如何弥补这个问题?

“图标设计”的概念是:

设计一个图标的过程,它代表一些真实的,美轮美奂的或是抽象的动机,实体或是行为。在软件应用的背景下,一个图标通常代表一个程序,一个功能,一个数据或是电脑系统上的一组数据。

让我们再深入的了解下:
设计一个能反应真实情况的图标。

一个图标是一个想法或者概念的视觉传达。他们从一些行为比如声音,形态,感觉或者言语中获得灵感。

这没什么问题,我十分同意这种说法,但是是这句话的后半部分引起了问题,“真实情况”。这是一个简单事儿,它是你眼前这个实物的字面意思。

但是随着时间推移这些实物演变成一些彻彻底底不同的物体。对于“电话”的字面解释已经不再包含“旋转拨号盘”,“麦克风”和“听筒”这些字眼。我的意思是看一下这些所谓的_经典_图标。问问自己是否他们还像他们今天的样子?

讲解下图标的演变

抽象概念

在我们的“图标设计”的概念里另一部分提到“美轮美奂的或是抽象的动机,实体或是行为”。这句话真的很令我兴奋。但是这真的很难去实现,这也就是为什么大多数情况情况下我们选择更容易的方式并且只是让它具有字面意。

我很喜欢依据感性和人对于一些事物自然的反应去设计图解。下面列出的是一些符号化动作而不是实体的例子。

它们离“完美”还差得远但它绝对是一个拓展我们想象空间和创造力的好例子。我们的目标是创造一些永恒的并且有效的东西,或者我应该说 图标化

一个优秀的事例是Google设计团队的作品.

他们给这四个同样的小圆点带来了生机与意义的设计真的是令人称赞。并且每次符号化一个动作我们都可以立即分辨出来它所代表的意思。

真棒,但新的“保存”图标到底在哪儿!?

好吧,关于这个问题…

事实情况是你可能真的不需要一个新的“保存”图标。就像我之前说过的,时代是变化的,现在谁还会从固件读写数据?

亲爱的,现在都用“云”了。是的,我知道“云”是由巨大的数据中心组成,但是手动存储数据已经不再是让我们凌乱的事情了。

现如今当我工作的时候我只需要知道:我有网络连接吗?我成功同步数据了吗?大大的对号!棒棒哒!我知道我随时从世界的任何一个角落通过任意一台设备都能访问到我同步的那份数据。

通常对于这类的问题,我们喜欢用房屋设计咨询师Paul Davies传授的伟大智慧来说服我们自己。他的方法虽然简单,但确实是有效的。所以如果你确实需要“保存”某个东西:

做一个按钮然后把“保存”两个字放上面!

我一开始写这篇文章的时候觉得软盘作为一个图标太渣了,实话实话我现在觉得我当时反应有些过激了。

我来再回顾下那份调查:
只有14%的孩子知道“保存”图标代表着什么

14%?真的吗?呵呵,现在读来我认为的是100%的孩子知道这是一个“保存”图标,但是只有14%的孩子知道这个符号背后隐含的历史。所以说这个图标确保了用户和机器的交互了吗?我觉得应该说“是的”。

让我们来这么看待这个问题,你们多少人知道USB符号的原型是海神尼普顿的三叉戟(那把强有力的Dreizack),蓝牙符号是两个代表Harald Blåtand首字母的如尼字母组合而来。Harald碰巧是蓝莓的忠实粉丝,所以据称他总是有一颗蓝色的牙齿。可能确实你们中有人知道这些典故。但是那些不知道典故的人并没有因此很困难的把手机用蓝牙连上车载音响或是使用USB设备。

问题的关键是,如果你真的需要一个图标,请确保它是简单、易辨识、始终如一的。

以后世人怎么认为这个软盘的图标我们无从知晓,可能那是一个你根本就不需要知道它是一个关于软盘的争论。你只需要知道摁下那个奇怪的四四方方的图标就代表着保存东西。对于那些没有使用过软盘的新一代,这个符号可能是一个奇怪的抽象的概念,但终究还是一个美轮美奂的事物吧。

或许那也无所谓,或者这就已经是最完美的“保存”图标了。






原文发布时间为:2016年04月20日

本文来自云栖社区合作伙伴掘金,了解相关信息可以关注掘金网站。
目录
相关文章
|
3月前
Qt鼠标悬浮在图片上显示删除字样
Qt鼠标悬浮在图片上显示删除字样
|
4月前
|
C#
C# “文件选择对话框“ 和 “保存对话框“
C# “文件选择对话框“ 和 “保存对话框“
|
7月前
|
区块链
如何修改 pdf 文件默认的显示图标
如何修改 pdf 文件默认的显示图标
157 0
|
10月前
|
JSON 小程序 JavaScript
小程序地图插入图标后 怎么实现点击图标弹出窗口
小程序地图插入图标后 怎么实现点击图标弹出窗口
70 0
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
Qt把当前窗口的内容保存为一张图片
Qt把当前窗口的内容保存为一张图片
395 0
创建动态工具栏并设置工具栏按钮提示
1、创建对话框程序,导入8个图标资源。 2、在对话框头文件中声明变量,代码如下: CToolBar m_ToolBar; CImageList m_ImageList; CString  m_TipText;   3、在对话框中oninitdialg函数中创建工具栏,如下: //创建图像列表 m_ImageList.
932 0