GLYPHICONS—ICON圖像設計分享平台

柯俊如 /文

「回去請幫我在臉書按個讚吧!」聽到這句話,你的腦海想必浮現出一個藍色外框的大拇指圖像。

這就是ICON的驚人影響力。

隨著資訊量不斷增長,ICON扮演的角色越來越重要,不論是電腦桌面的應用軟體圖示、網站上的分類標記,同樣都是透過一個簡單的ICON取代文字、迅速標出重點用途,減少使用者自己花時間摸索的挫折感,甚至能留下一個深刻的品牌印象,讓人一想到某個服務時自動在心中浮現某個圖像。在觸控式螢幕和app日益普及的今日,更是極為仰賴以一個簡單小圖案來傳達產品訊息,ICON的大小也因為觸控的便利性受到重視。

設計ICON時,並沒有想像中的容易。一方面,不能過於複雜或簡單到讓人無法一眼了解圖像代表的意義,也要避免和其他符號混淆,加上由於ICON通常是一整組的,需要考量光線、陰影、風格、材質等的一致性,還有要因應不同的用途調整大小。更重要的是,要考量使用者的社會文化脈絡,設計出使用者可以掌握圖像對應意義的ICON,舉例來說,在一個沒有漢堡的國家中以漢堡做為代表食物的ICON,就會讓使用者無法了解以及使用。

Jan Kovařík是網站和平面設計師,他發現網路上現有的ICON組合不符合他的需要,而且很多都過時了,所以就設計出一套自己的ICON,並建了一個網站GLYPHICONS做為單一顏色、具有一致性、強調簡單和易用性的ICON圖書館。

起初,這些ICON是為了用在行動裝置的按鈕和瀏覽列上而設計,不過最終的成品也能用在一般的網頁上。在設計時,他的靈感來源是美國平面設計協會(AIGA)的圖形文字集以及Apple設計的符號,另外,有鑑於自己當初無法應用其他網站上ICON的原因,他最終的設計讓這些ICON很容易結合,也很容易改變大小、顏色、背景,並能在各種裝置上使用、輸出成紙本或電子的不同格式。

不過,由於這些ICON是Jan Kovařík的經濟收入來源,因此ICON的利用方式分成三個等級:GLYPHICONS PRO、GLYPHICONS ALL和GLYPHICONS FREE,雖然三個等級都可以使用網站上的420個ICON,但是能利用的程度不同。

前兩個等級都需要付費,GLYPHICONS PRO可以使用ICON的向量圖檔,方便更改調整、可以輸出成不同格式,而且可以使用網站上任何新的產品;GLYPHICONS FREE等級則是以創用CC「姓名標示」授權,使用時要標示出此網站的站名與連結和CC授權方式,雖然可以用在商業或個人用途,但是只能使用小的PNG檔,修改和調整的空間不如付費的版本,能創新的可能性也就比較低了。

參考資料:
http://www.dreamtemplate.com/blog/web-design-tips/importance-of-icons-in-website-designing/
http://psd.tutsplus.com/articles/7-principles-of-effective-icon-design/