高度濃縮的圖形圖標(biāo)設(shè)計(jì)精髓--服裝進(jìn)銷(xiāo)存軟件免費(fèi)版

如果你想給網(wǎng)站折騰點(diǎn)什么，對(duì)代碼、CSS不精通的朋友，那么試試增加、修改點(diǎn)小圖標(biāo)吧，一款簡(jiǎn)約的網(wǎng)站風(fēng)格最適合在圖標(biāo)上下點(diǎn)功夫。

在Web2.0剛流行那段時(shí)間，網(wǎng)頁(yè)的無(wú)框架、無(wú)色彩（純白色）的網(wǎng)頁(yè)設(shè)計(jì)叫個(gè)性、潮流，在近幾年，網(wǎng)頁(yè)如果還是一堆沒(méi)點(diǎn)綴的網(wǎng)頁(yè)，叫雷同?，F(xiàn)在，簡(jiǎn)單、大氣的網(wǎng)頁(yè)是流行的趨勢(shì)，博客亦是如此。而在網(wǎng)頁(yè)設(shè)計(jì)里表達(dá)出的細(xì)節(jié)就是圖標(biāo)。如下圖所示，2000-2005年左右比較流行的個(gè)人網(wǎng)站和一個(gè)用圖標(biāo)表現(xiàn)網(wǎng)站的對(duì)比圖。

（2000-2005年國(guó)內(nèi)典型的個(gè)人網(wǎng)站——阿江守候北京泛普和科技有限公司--www.qykh2009.com）

（用靜態(tài)圖像表現(xiàn)內(nèi)容的概念北京泛普和科技有限公司--www.qykh2009.com）

在此之前盧松松先講講圖標(biāo)的概念：在很久很久以前（其實(shí)就是幾年前），用像素逐點(diǎn)逐點(diǎn)地進(jìn)行繪制圖標(biāo)是最好的選擇，這是因?yàn)楫?dāng)時(shí)的計(jì)算機(jī)性能并不高，使用像素可以節(jié)省圖標(biāo)的體積，也便于快速讀取。早些的操作系統(tǒng)使用的都是像素圖標(biāo)（包括現(xiàn)在使用的大部分手機(jī)和mp4等）。例如下圖：

（早些的操作系統(tǒng)使用的都是像素圖標(biāo) 北京泛普和科技有限公司--www.qykh2009.com）

當(dāng)然這樣的也很有魅力，但現(xiàn)在的操作系統(tǒng)所能支持的圖標(biāo)格式（如PNG）已經(jīng)可以實(shí)現(xiàn)多通道透明漸變了，也就是說(shuō)，你可以給圖標(biāo)加上陰影甚至模糊的效果。而在windows vista出現(xiàn)后，PC支持的圖標(biāo)尺寸達(dá)到了256*256像素。包括我在內(nèi)，很多人都使用photoshop或illustrator來(lái)繪制大尺寸圖標(biāo)，而且能通過(guò)縮放得到不同尺寸，像素圖標(biāo)就不行了，不同的尺寸都要設(shè)計(jì)師一個(gè)點(diǎn)一個(gè)點(diǎn)逐一繪制）。

對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，圖標(biāo)只是圖片而已，他的格式通常是gif、jpeg或png，總之只要能在瀏覽器中顯示就行。所以你可以隨意使用像素或?qū)憣?shí)的風(fēng)格。當(dāng)要注意的是，想要給網(wǎng)站搭配出特色個(gè)性的風(fēng)格，選擇（或制作）優(yōu)秀的圖標(biāo)還需要注意一下幾點(diǎn)：

一：不要“詞不達(dá)意”

圖標(biāo)必須要適合所代表的意思，最理想的情況是，在沒(méi)有輔助說(shuō)明文字的條件下，用戶仍然能理解什么意思。

（北京泛普和科技有限公司--www.qykh2009.com）

如百度中的“地圖”、“百度統(tǒng)計(jì)”、“百科”、“MP3”等等，但也有少數(shù)幾個(gè)的含義不那么明顯，“搜索開(kāi)放”、“手機(jī)”、“網(wǎng)站導(dǎo)航”。也許你通過(guò)旁邊的文字就能明白這個(gè)欄目的含義。

二：小而簡(jiǎn)單

圖標(biāo)應(yīng)當(dāng)小而簡(jiǎn)單，應(yīng)該讓用戶一目了然，它們畢竟是輔助元素，所以不能設(shè)計(jì)得過(guò)大，更不能喧賓奪主，占據(jù)顯要的位置。另一方面，網(wǎng)頁(yè)設(shè)計(jì)本身特征也不贊成我們使用大圖片。

“一目了然“的意思是，你需要讓用戶能夠理解它們的含義，并且能夠毫不費(fèi)力的區(qū)別不同圖標(biāo)。這個(gè)道理很簡(jiǎn)單，如果每個(gè)圖標(biāo)看起來(lái)都差不多，就僅僅是個(gè)圖案而已，就沒(méi)有任何的辨別性和指向性。

發(fā)布：2007-04-20 14:35 編輯：泛普軟件 · xiaona [打印此頁(yè)] [關(guān)閉]

相關(guān)欄目：