不管是在網(wǎng)站建設(shè)中還是app開發(fā)中，圖標(biāo)的重要性都不言而喻，而成功的圖標(biāo)設(shè)計(jì)都是一樣的偉大，失敗的圖標(biāo)玩的卻是不一樣的戲碼。與絕大多數(shù)的優(yōu)秀設(shè)計(jì)一樣，最優(yōu)秀的偉大的圖標(biāo)大多數(shù)都是隱形的，而我們熟知的搜索圖標(biāo)，可以說是非常的完美，它簡單，可識別度強(qiáng)，每個人都知道它代表著什么。在圖標(biāo)設(shè)計(jì)的過程中一點(diǎn)出現(xiàn)失誤，這對我們網(wǎng)站必定造成很大的影響，所以一定要注意。
一、避免用圖標(biāo)表現(xiàn)全部的功能
稍有留意一點(diǎn)，不難發(fā)現(xiàn)，當(dāng)我們想要打印一份文檔時，會通過軟件中的打印功能達(dá)成目標(biāo)，通常會點(diǎn)擊一下文檔打印的圖標(biāo)。這時，你通常還會碰到一個問題，就是打印機(jī)的設(shè)置、查找打印機(jī)、添加打印機(jī)的圖標(biāo)也是差不多的，甚至完全是一樣的打印機(jī)圖標(biāo)。這個案例被記錄在經(jīng)典的 UI交互設(shè)計(jì)書《About Face 3》當(dāng)中，一直到今天，這個案例依然經(jīng)典的讓你無法忘懷。
二、不要忽視設(shè)計(jì)的差異性
圖標(biāo)設(shè)計(jì)時，一定要盡量放大圖標(biāo)之間的差異性，減弱圖標(biāo)之間的相似性，這是最容易被設(shè)計(jì)師忽略的一項(xiàng)原則，往往為了保持視覺風(fēng)格的統(tǒng)一性、使用同一元素而舍棄了各圖標(biāo)的差異性。如一套圖標(biāo)，長的都差不多，那用戶在界面中找某個功能要花費(fèi)的時間會比想象中的長很多。他們會去探索圖標(biāo)的功能作用，看跳轉(zhuǎn)的頁面是否是自己想去的界面，然后再返回。
三、保留3個甚至更多的視覺對象
在圖標(biāo)中包含2個甚至以上的視覺對象，這其實(shí)本身就是一件非常麻煩的事情，當(dāng)然，若是16×16 px的小圖標(biāo)，包含2個簡單的對象是可以的，但是，「可以」僅僅是一種針對承載能力的表述，并不是說這樣做就一定好，事實(shí)上，減少對象的數(shù)量可以增加圖標(biāo)本身的可讀性和識別度。作為設(shè)計(jì)師，要學(xué)會適當(dāng)取舍，嘗試使用圖標(biāo)來闡述一方面的功能。
四、保證其易于閱讀
無論何時，都必須要保證圖標(biāo)的易閱讀性，保證圖標(biāo)的可視化，保證其高度識別的標(biāo)志，讓品牌很容易理解。在此，以你的電腦桌面上的圖標(biāo)為例，你知道什么東西在哪里是圖標(biāo)，文件存儲在文件夾簡單自然。說到視覺清晰度，品牌是考慮的一個重要組成部分，人們往往會認(rèn)識到這些元素，即使是小尺寸。
五、用鮮艷的顏色
想讓你的圖標(biāo)脫穎而出嗎？大膽的使用顏色，一個充滿活力的顏色選擇將有助于你的應(yīng)用程序在各種背景中脫穎而出，并會吸引用戶的注意力。從圖標(biāo)設(shè)計(jì)中的最后一件事是，它可以與所有其他可用的選項(xiàng)混合在一起。天空和海軍的藍(lán)色，你可能會想避免，因?yàn)樵S多其他圖標(biāo)使用這個的顏色。如果藍(lán)色是你的主要標(biāo)志或品牌的顏色，嘗試添加一些更明亮的影響。
六、避免使用單詞
在眾多圖標(biāo)中，你應(yīng)該沒有看到有使用單詞的，一個圖標(biāo)根本沒有足夠的空間，充滿閱讀和理解。作為一個經(jīng)驗(yàn)法則，除非它是你的標(biāo)志的一部分，否則完全避免文字的出現(xiàn)，即使是標(biāo)志的一部分文本，應(yīng)仔細(xì)考慮在使用前的主要標(biāo)志設(shè)計(jì)。圖標(biāo)應(yīng)該被設(shè)計(jì)成這樣一種方式，創(chuàng)造身份沒有文字。
總之，圖標(biāo)設(shè)計(jì)不是小事，既然從事設(shè)計(jì)的工作，作為設(shè)計(jì)師，你必須要關(guān)注設(shè)計(jì)中的每一個環(huán)節(jié)，掌握好設(shè)計(jì)中的每一個細(xì)節(jié)。
QQ：2782950027
郵箱：2782950027@qq.com
