icon在我的理解中就是一些小图标,在一篇充满描述性文字的网页中,好的icon可以起到画龙点睛的作用。让匆忙过路的人驻足一瞥的最好方式,也许就是在边侧点缀一些生动、活泼的icon了。说icon是网页这顿大餐中的盐也毫不过分。
然而怎么才能找到合适的icon来搭配自己的网页呢?虽然我不知道最佳方案,但我可以列举出几个错误的做法:
- 用Google的图片搜索去找icon。这样的结果是一堆没有连贯性的图片,很难寻求风格的一致性。
- 自己用软件制作icon。如果没有艺术,以及绘制这方面的特殊天赋以及极大的耐心,从一开始就不应该有自己做的念头。
那么与之相对应,正确的方案是:在一套具备内在一致性的icon集中,挑拣出适合自己的那一部分。有几个选择,例如直接使用Bootstrap中自 带的icon。不过这个方案也有他的问题。Bootstrap icon风格是简单黑白icon,要快速上线的话,也没问题。但如果你要在黑白天地外,粉饰一些色彩,那就要到更大的世界中去寻找。例如这两个网站:
- Icon Finder
- Icon Archive
可以分类浏览,也可以搜索。分类浏览自不必说了,慢工出细活,唯一的障碍就是看得眼花,迷失其中,忘了自己的初衷。搜索的诀窍在于找准关键字。icon搜索不像Google搜索,它不能覆盖到这个世界的方方面面,因此适当转换关键字是icon搜索的关键。
首先要避免用形容词去搜索。例如我想表达我们是诚实的,搜索honest等词简直就是浪费时间。你要思考的是,我们通常用什么来表达诚实?我能想到的第一个念头就是我们熟悉的骆驼,当然我看到一个小天使的icon也恰符合语境。我要表达我们的响应速度很快,搜索Fast/Quick绝对是徒劳了,搜索闪电等词,也以失败告终。最后还是要回归本质的思考,响应速度快说的是,无论在线或邮件等咨询方式,我们都能快速回复,那它的本质是交流,于是搜索了chat,找到这个图标: 它恰如其分地表达了这个场景中我对快的定义。我想要表示我们的系统是简单的,易于操作的,当然不必说Easy/Simple这些词了,词是好词,但没有效果。这次我挑选了一个简单的4色指向的路标 。我要说我们的系统提供多种选择性,选择了一个类似调色板+鼠标指针的icon。我要3个icon分别表述:不合格、合格、优秀,用了牛(还需要努力)、向上翘的大拇指、猴子(聪明、超过预期)来修饰。
其次要避免贪多无厌。icon的使用诀窍是Less is More,或者说KISS原则,满屏幕的icon绝对会被人当作傻瓜或者骗子。
最后,就是平时要多学习其他网站是怎么用icon的,记住那些神来之笔和画龙点睛之作。权当作给自己的生活加点料 ;-)