圖標設計的基本原則
圖標設計的基本原則就是要盡可能的發揮圖標的優點:比文字直觀,比文字漂亮,減少圖標的缺點:不如文字表達的準確。因此圖標設計的基本原則可以簡單的歸納一下幾點。
第一:可識別性原則
可識別性原則,意思是說,圖標的圖形,要能準確表達相應的操作。換言之,就是我看到一個圖標,就要明白他所代表的含義,這是圖標設計的靈魂。可以當之無愧稱之為圖標設計的第一原則。
差異性原則,什么意思呢?意思是如果一個界面上有六個圖標,我一眼看上去,要能第一時間感覺到他們之間的差異性,否則我怎么辨認呢?這是圖標設計中很重要的一條原則,但也是在設計中最容易被忽略的一條,圖標和文字相比,它的優越性在于它更直觀一些,但是如果圖標設計失去了這一點。
首先我們要明確一個點,圖標的主要作用是用的,代替文字,第二才是美觀。但現在的圖標設計者往往陷入了一個誤區,片面的追求精細,高光和質感。其實,圖標的可用性隨著精細度的變化,是一個類似于波峰的曲線。在初始階段,圖標可用性會隨著精細度的變化而上升,但是達到一定精細度以后,圖標的可用性往往會隨著圖標的精細度而下降。
我們經常會看到很多界面上,往往會堆砌著各種不同風格的圖標,顯然,這些圖標都是從互聯網上收集起來,由于沒有完全配套的圖標,只能東拼西湊,導致界面粗制濫造,業余。
統一風格為什么這么重要,理解這一點,你會明白互聯網上有數百萬的圖標資源,為什么你的老板還要花錢雇一個圖標設計師。一套好的圖標,要有統一的風格,這條原則,很多設計師都明白,但是真正實現起來,也許并不那么容易。怎么做呢?
1、我建議你在設計之前,先做如下的定義:
是簡約的,還是精致的;
是平面的,還是立體的;
是古典的,還是現代的;
是寫實的,還是卡通的;
是單色的,還是多彩的;
是絢麗的,還是柔和的;
是抽象的,還是具體的;
是有框的,還是無框的;
也許我的定義并不能囊括所有的風格,但是至少可以給你提供一種思路
2、如果可能的話,我建議你用鉛筆,在白紙上勾勒出你的草圖,用什么符號圖形代表什么操作,在畫的時候,盡可能的想象第一步的風格定義。
3、統一你的色彩,準備好你的調色板。
比如我喜歡用ILLUSTRATOR,我會從調色板面板里調出一種風格的色彩,略加調整,這將是我這套圖標的色彩定義,在畫圖標的時候,盡可能選擇你定義好的顏色,這樣,你就能盡可能的保證你的圖標色彩的統一。
圖標是沒有單獨存在的,圖標最終是要放置在界面上才會起作用的。因此,圖標的設計,要考慮圖標所處的環境,這樣的圖標,是否適合這樣的界面?
比如你的界面是森林和大地,你就可以考慮用石塊,木頭,或者蘑菇,野花設計一系列的圖標。
如果你的界面是平面的,簡約的,你可以考慮用一些簡單的平面的符號或者圖形來設計你的圖標,這樣整個界面會很協調,不要認為這樣的圖標是簡陋的,其實這樣的圖標的可識別性非常強的,在簡潔的界面里,會透露出一種簡約之美。下圖是我對UI設計四個階段“用戶研究,交互設計,視覺設計,可用性測試”的圖標定義。
追求視覺效果,一定是要在保證差異性,可識別性,統一性,協調性原則的基礎上,要先滿足基本的功能需求,才可以考慮更高層次的要求--情感需求。
圖標設計的視覺效果,很大程度上取決于設計師的天賦、美感和藝術修養,有些設計師做了很多年的設計,作品一堆,拿出來一看,粗糙,刺眼,土氣。
這一條我不想說的太多,因為這是幾乎是每個設計都努力的目標,我提供一套迅速提高技能方法,最原始,但也最管用:那就是多看,多模仿,多創作。當然還少了一個前提,那就是設計師的天賦。勤奮+天賦=成功
這一條對圖標設計師提出了更高的要求,這是一個挑戰,但我認為,圖標設計的原創性并不是必要的,因為目前常用的圖標風格種類已經很多,易用性較高的風格也就那么多種,過度追求圖標的原創性和藝術效果,會導致圖標設計另辟蹊徑,這樣做往往會降低圖標的易用性降低,也就是說所謂的好看不實用。當然,這里也要看你的產品的側重點,如果考慮更多的是情感化的設計,完美的藝術效果,這樣做也無可厚非。
圖標的尺寸常有以下幾種:
16×16 24×24 32×32 48×48 64×64 128×128 256×256
圖標過大占用界面空間過多,過小又會降低精細度,具體該使用多大尺寸的圖標,常常根據界面的需求而定。
圖標的常用格式有以下幾種:PNG,GIF,ICO,BMP。