圖標(biāo)設(shè)計的基本原則

       圖標(biāo)設(shè)計的基本原則就是要盡可能的發(fā)揮圖標(biāo)的優(yōu)點：比文字直觀，比文字漂亮，減少圖標(biāo)的缺點：不如文字表達的準(zhǔn)確。因此圖標(biāo)設(shè)計的基本原則可以簡單的歸納一下幾點。

第一：可識別性原則

　　可識別性原則，意思是說，圖標(biāo)的圖形，要能準(zhǔn)確表達相應(yīng)的操作。換言之，就是我看到一個圖標(biāo)，就要明白他所代表的含義，這是圖標(biāo)設(shè)計的靈魂?？梢援?dāng)之無愧稱之為圖標(biāo)設(shè)計的第一原則。 

第二：差異性原則

　　差異性原則，什么意思呢？意思是如果一個界面上有六個圖標(biāo)，我一眼看上去，要能第一時間感覺到他們之間的差異性，否則我怎么辨認(rèn)呢？這是圖標(biāo)設(shè)計中很重要的一條原則，但也是在設(shè)計中最容易被忽略的一條，圖標(biāo)和文字相比,它的優(yōu)越性在于它更直觀一些，但是如果圖標(biāo)設(shè)計失去了這一點。 

第三：合適的精細度，元素個數(shù)

　　首先我們要明確一個點，圖標(biāo)的主要作用是用的，代替文字，第二才是美觀。但現(xiàn)在的圖標(biāo)設(shè)計者往往陷入了一個誤區(qū)，片面的追求精細，高光和質(zhì)感。其實，圖標(biāo)的可用性隨著精細度的變化，是一個類似于波峰的曲線。在初始階段，圖標(biāo)可用性會隨著精細度的變化而上升，但是達到一定精細度以后，圖標(biāo)的可用性往往會隨著圖標(biāo)的精細度而下降。 

第四：風(fēng)格統(tǒng)一性原則

　　我們經(jīng)常會看到很多界面上，往往會堆砌著各種不同風(fēng)格的圖標(biāo)，顯然，這些圖標(biāo)都是從互聯(lián)網(wǎng)上收集起來，由于沒有完全配套的圖標(biāo)，只能東拼西湊，導(dǎo)致界面粗制濫造，業(yè)余。 

　　統(tǒng)一風(fēng)格為什么這么重要，理解這一點，你會明白互聯(lián)網(wǎng)上有數(shù)百萬的圖標(biāo)資源，為什么你的老板還要花錢雇一個圖標(biāo)設(shè)計師。一套好的圖標(biāo)，要有統(tǒng)一的風(fēng)格，這條原則，很多設(shè)計師都明白，但是真正實現(xiàn)起來，也許并不那么容易。怎么做呢？ 

　　1、我建議你在設(shè)計之前，先做如下的定義： 

　　是簡約的，還是精致的； 

　　是平面的，還是立體的； 

　　是古典的，還是現(xiàn)代的； 

　　是寫實的，還是卡通的； 

　　是單色的，還是多彩的； 

　　是絢麗的，還是柔和的； 

　　是抽象的，還是具體的； 

　　是有框的，還是無框的； 

　　也許我的定義并不能囊括所有的風(fēng)格，但是至少可以給你提供一種思路 

　　2、如果可能的話，我建議你用鉛筆，在白紙上勾勒出你的草圖，用什么符號圖形代表什么操作，在畫的時候，盡可能的想象第一步的風(fēng)格定義。 

　　3、統(tǒng)一你的色彩，準(zhǔn)備好你的調(diào)色板。 

　　比如我喜歡用ILLUSTRATOR，我會從調(diào)色板面板里調(diào)出一種風(fēng)格的色彩，略加調(diào)整，這將是我這套圖標(biāo)的色彩定義，在畫圖標(biāo)的時候，盡可能選擇你定義好的顏色，這樣，你就能盡可能的保證你的圖標(biāo)色彩的統(tǒng)一。 

第四：與環(huán)境的協(xié)調(diào)性

　　圖標(biāo)是沒有單獨存在的，圖標(biāo)最終是要放置在界面上才會起作用的。因此，圖標(biāo)的設(shè)計，要考慮圖標(biāo)所處的環(huán)境，這樣的圖標(biāo)，是否適合這樣的界面？ 

　　比如你的界面是森林和大地，你就可以考慮用石塊，木頭，或者蘑菇，野花設(shè)計一系列的圖標(biāo)。 

　　如果你的界面是平面的，簡約的，你可以考慮用一些簡單的平面的符號或者圖形來設(shè)計你的圖標(biāo)，這樣整個界面會很協(xié)調(diào)，不要認(rèn)為這樣的圖標(biāo)是簡陋的，其實這樣的圖標(biāo)的可識別性非常強的，在簡潔的界面里，會透露出一種簡約之美。下圖是我對UI設(shè)計四個階段“用戶研究，交互設(shè)計，視覺設(shè)計，可用性測試”的圖標(biāo)定義。 

第五：視覺效果

　　追求視覺效果，一定是要在保證差異性，可識別性，統(tǒng)一性，協(xié)調(diào)性原則的基礎(chǔ)上，要先滿足基本的功能需求，才可以考慮更高層次的要求--情感需求。 

　　圖標(biāo)設(shè)計的視覺效果，很大程度上取決于設(shè)計師的天賦、美感和藝術(shù)修養(yǎng)，有些設(shè)計師做了很多年的設(shè)計，作品一堆，拿出來一看，粗糙，刺眼，土氣。 

　　這一條我不想說的太多，因為這是幾乎是每個設(shè)計都努力的目標(biāo)，我提供一套迅速提高技能方法，最原始，但也最管用：那就是多看，多模仿，多創(chuàng)作。當(dāng)然還少了一個前提，那就是設(shè)計師的天賦。勤奮+天賦=成功 

第六: 原創(chuàng)性

　　這一條對圖標(biāo)設(shè)計師提出了更高的要求，這是一個挑戰(zhàn)，但我認(rèn)為，圖標(biāo)設(shè)計的原創(chuàng)性并不是必要的，因為目前常用的圖標(biāo)風(fēng)格種類已經(jīng)很多，易用性較高的風(fēng)格也就那么多種，過度追求圖標(biāo)的原創(chuàng)性和藝術(shù)效果，會導(dǎo)致圖標(biāo)設(shè)計另辟蹊徑，這樣做往往會降低圖標(biāo)的易用性降低，也就是說所謂的好看不實用。當(dāng)然，這里也要看你的產(chǎn)品的側(cè)重點，如果考慮更多的是情感化的設(shè)計，完美的藝術(shù)效果，這樣做也無可厚非。 

第七：尺寸大小與格式

　　圖標(biāo)的尺寸常有以下幾種： 

　　16×16 24×24 32×32 48×48 64×64 128×128 256×256 

　　圖標(biāo)過大占用界面空間過多，過小又會降低精細度，具體該使用多大尺寸的圖標(biāo)，常常根據(jù)界面的需求而定。 

　　圖標(biāo)的常用格式有以下幾種：PNG，GIF，ICO，BMP。