程式設計師的icon採集術

話說為什麼程式設計師要採集icon？對了，我是寫給沒錢僱傭設計師或者沒錢購買icon設計服務的程式設計師的。如果資金充裕的話，花錢購買絕對是必要的，讓專業的人做專業的事，這才是事業的正道。

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的，記住那些神來之筆和畫龍點睛之作。權當作給自己的生活加點料 ;-)