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