icon在我的理解中就是一些小圖標(biāo),在一篇充滿描述性文字的網(wǎng)頁中,好的icon可以起到畫龍點(diǎn)睛的作用。讓匆忙過路的人駐足一瞥的最好方式,也許就是在邊側(cè)點(diǎn)綴一些生動(dòng)、活潑的icon了。說icon是網(wǎng)頁這頓大餐中的鹽也毫不過分。
然而怎么才能找到合適的icon來搭配自己的網(wǎng)頁呢?雖然我不知道最佳方案,但我可以列舉出幾個(gè)錯(cuò)誤的做法:
- 用Google的圖片搜索去找icon。這樣的結(jié)果是一堆沒有連貫性的圖片,很難尋求風(fēng)格的一致性。
- 自己用軟件制作icon。如果沒有藝術(shù),以及繪制這方面的特殊天賦以及極大的耐心,從一開始就不應(yīng)該有自己做的念頭。
那么與之相對(duì)應(yīng),正確的方案是:在一套具備內(nèi)在一致性的icon集中,挑揀出適合自己的那一部分。有幾個(gè)選擇,例如直接使用Bootstrap中自 帶的icon。不過這個(gè)方案也有他的問題。Bootstrap icon風(fēng)格是簡(jiǎn)單黑白icon,要快速上線的話,也沒問題。但如果你要在黑白天地外,粉飾一些色彩,那就要到更大的世界中去尋找。例如這兩個(gè)網(wǎng)站:
- Icon Finder
- Icon Archive
可以分類瀏覽,也可以搜索。分類瀏覽自不必說了,慢工出細(xì)活,唯一的障礙就是看得眼花,迷失其中,忘了自己的初衷。搜索的訣竅在于找準(zhǔn)關(guān)鍵字。icon搜索不像Google搜索,它不能覆蓋到這個(gè)世界的方方面面,因此適當(dāng)轉(zhuǎn)換關(guān)鍵字是icon搜索的關(guān)鍵。
首先要避免用形容詞去搜索。例如我想表達(dá)我們是誠(chéng)實(shí)的,搜索honest等詞簡(jiǎn)直就是浪費(fèi)時(shí)間。你要思考的是,我們通常用什么來表達(dá)誠(chéng)實(shí)?我能想到的第一個(gè)念頭就是我們熟悉的駱駝,當(dāng)然我看到一個(gè)小天使的icon也恰符合語境。我要表達(dá)我們的響應(yīng)速度很快,搜索Fast/Quick絕對(duì)是徒勞了,搜索閃電等詞,也以失敗告終。最后還是要回歸本質(zhì)的思考,響應(yīng)速度快說的是,無論在線或郵件等咨詢方式,我們都能快速回復(fù),那它的本質(zhì)是交流,于是搜索了chat,找到這個(gè)圖標(biāo): 它恰如其分地表達(dá)了這個(gè)場(chǎng)景中我對(duì)快的定義。我想要表示我們的系統(tǒng)是簡(jiǎn)單的,易于操作的,當(dāng)然不必說Easy/Simple這些詞了,詞是好詞,但沒有效果。這次我挑選了一個(gè)簡(jiǎn)單的4色指向的路標(biāo) 。我要說我們的系統(tǒng)提供多種選擇性,選擇了一個(gè)類似調(diào)色板+鼠標(biāo)指針的icon。我要3個(gè)icon分別表述:不合格、合格、優(yōu)秀,用了牛(還需要努力)、向上翹的大拇指、猴子(聰明、超過預(yù)期)來修飾。
其次要避免貪多無厭。icon的使用訣竅是Less is More,或者說KISS原則,滿屏幕的icon絕對(duì)會(huì)被人當(dāng)作傻瓜或者騙子。
最后,就是平時(shí)要多學(xué)習(xí)其他網(wǎng)站是怎么用icon的,記住那些神來之筆和畫龍點(diǎn)睛之作。權(quán)當(dāng)作給自己的生活加點(diǎn)料 ;-)