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