杭州平面設(shè)計(jì)學(xué)習(xí)|圖標(biāo)設(shè)計(jì)可識(shí)別性原則
1.意義識(shí)別
意義是指你的圖標(biāo)是否能被理解。比如在制作騰訊動(dòng)漫閱讀頁面時(shí),會(huì)在工具欄頂部添加一個(gè)圖標(biāo),作為詳情頁的入口。
發(fā)現(xiàn)有些ui設(shè)計(jì)者認(rèn)為這是一個(gè)目錄頁面,而有些人根本不知道這是什么意思。這是意義識(shí)別層的問題。
因?yàn)閳D標(biāo)不是和文字一起使用的,所以一定要注意意思識(shí)別。最終的方案是采用一個(gè)細(xì)節(jié)字進(jìn)行設(shè)計(jì),既滿足識(shí)別,又滿足統(tǒng)一形式。
其實(shí)提取含義本身的文字是提高含義識(shí)別的常用方法,尤其是圖標(biāo)獨(dú)立出現(xiàn)的時(shí)候。

2.視覺識(shí)別
視覺識(shí)別與圖標(biāo)的意義無關(guān),主要是用戶在視覺層面識(shí)別的障礙。總結(jié)以下幾點(diǎn):
(1)顏色因素
亮度非常接近的顏色不能搭配使用,比如檸檬黃和白色。如果把白色圖標(biāo)放在檸檬黃的底色上,白色很容易看不見,特別刺眼。
(2)背景顏色與線形圖標(biāo)的匹配
這是我在一篇文章里看到的國(guó)外測(cè)試的結(jié)果。該測(cè)試包括四種圖標(biāo):白色背景下的黑色實(shí)心圖標(biāo)、白色背景下的黑色空心圖標(biāo)、黑色背景下的白色實(shí)心圖標(biāo)和黑色背景下的白色空心圖標(biāo)。10天后,1260名參與者完成了25000多項(xiàng)圖標(biāo)認(rèn)知測(cè)試。所得數(shù)據(jù)分為四組進(jìn)行雙因素方差分析。在相同的統(tǒng)計(jì)條件下,選擇黑底白字圖標(biāo)的時(shí)間比其他三種組合慢0.17秒,說明這個(gè)圖標(biāo)的信息表達(dá)能力很弱。
背景中的所有圖標(biāo)從線性變?yōu)槠矫?。如果它們不能改變?yōu)槠矫?例如時(shí)鐘),則需要適當(dāng)加粗和描邊,以提高視覺識(shí)別能力。