在之前的文章中我有提到產(chǎn)品用戶體驗要素包含五個層面即:戰(zhàn)略層、范圍層您觉、結(jié)構(gòu)層拙寡、框架層和表現(xiàn)層。視覺設(shè)計師是主要職責(zé)則是體現(xiàn)在產(chǎn)品的表現(xiàn)層即視覺設(shè)計琳水。前面的文章我也把視覺設(shè)計師比喻成美妝師肆糕,主要負(fù)責(zé)給產(chǎn)品“化妝”,讓產(chǎn)品看起來“更好看”在孝。
然而在表現(xiàn)層也就是視覺設(shè)計層面诚啃,想把界面設(shè)計的更好,也不是那么容易的事情浑玛,其中有一個必不可少的部分绍申,那就是icon的設(shè)計。icon設(shè)計可謂是UI設(shè)計的一個重要組成部分顾彰。
我們知道人類的大腦的構(gòu)成天生就對圖像的記憶完勝與對文字的識別和記憶。每個人的視覺感知能力都能輕易的理解一些圖形所包含的信息胃碾,用圖形來代替文字降低了我們大腦處理文字信息的認(rèn)知成本涨享。 因此成熟的視覺感知是更有效的信息傳遞途徑。而應(yīng)用中的icon則兼具了這樣一部分職責(zé)仆百。
icon設(shè)計看似容易厕隧,實則不然。icon設(shè)計做的好壞也體現(xiàn)了一個設(shè)計師的 設(shè)計功底。
那么吁讨,好的icon應(yīng)具備哪些特征呢髓迎?根據(jù)工作中的經(jīng)驗我也總結(jié)了幾點,如下:
1.統(tǒng)一性
2.差異性
3.可識別性
4.趣味性
下面來一一陳述建丧。
**1.統(tǒng)一性
**
icon的統(tǒng)一性在我看來可謂是icon設(shè)計的最基礎(chǔ)要求排龄。一個產(chǎn)品里的icon首先應(yīng)具備的條件就是統(tǒng)一性,它就像古裝劇里的不同派系一樣翎朱,什么武當(dāng)派橄维,峨眉派,少林派拴曲,不同派系必有自己內(nèi)部的制度争舞,要求或是著裝,就連所用武功套路也必定不大有區(qū)別澈灼。然而每一個派系內(nèi)部所學(xué)的武功則是一樣的竞川。如若不同派系之間互相參雜可想然染會引起矛盾,這也往往是這些個古裝劇能夠持續(xù)演下去的原因叁熔。
然而體現(xiàn)在icon上委乌,不同風(fēng)格的iocn匯聚在一起,融入進(jìn)產(chǎn)品必是不和諧的者疤。
我們知道和諧東西往往能產(chǎn)生美福澡,之所以要求icon具有統(tǒng)一性,是因為和諧動?xùn)|西能產(chǎn)生美驹马,更能使整個UI界面看上去舒服革砸。然而一組你形我異的icon匯聚在一起必然失去了它統(tǒng)一性,從而也失去了它的美觀性糯累。
2.差異性
之所以要求圖標(biāo)的差異性算利,是因為icon往往是功能入口視覺化的產(chǎn)物,它往往兼具著某一功能的入口泳姐。如若一套icon里效拭,所有的圖標(biāo)差異性不大,用俗語說就是:“長得一樣”胖秒,我們很可能難以辨別缎患。你可以想象下你看到一對雙胞時的感受。而icon一但長得一樣用戶必會傻傻分不清阎肝,在界面中找尋某個功能時花費的時間會比想象中的時間要長這也增加了用戶使用時的識別成本挤渔。
所以設(shè)計師在設(shè)計一套圖標(biāo)是要盡量放大圖標(biāo)之間的差異性,減弱圖標(biāo)的之間的相似性风题。因為在統(tǒng)一性的基礎(chǔ)上差異性越大判导,用戶越容易辨認(rèn)他所代表的不同功能嫉父,從而降低用戶使用時的辨別成本。放大統(tǒng)一性眼刃,減弱相似性绕辖,這也是容易被設(shè)計師忽略的的一個原則,設(shè)計師往往為了追求視覺風(fēng)格的統(tǒng)一性擂红,而舍棄了圖標(biāo)的差異性仪际。這點需要謹(jǐn)記。
**3.可識別性
**
在統(tǒng)一性差異性的基礎(chǔ)上還有一個對icon的重要要求:可識別性篮条〉芡罚可識別性是icon設(shè)計的目的,我們設(shè)計icon就是為了讓用戶能夠更好的辨識不同icon所代表的不同功能涉茧。如果一組iocn失去了它的可識別性可謂是忘本逐末赴恨,即便畫的再好看也失去了它價值所在。
一個一眼就能認(rèn)知的icon大大提升了用戶的操作效率伴栓,降低了用戶操作的辨識成本伦连。
4.趣味性
我對趣味性的定義不只是直觀的講一組icon應(yīng)具備多有趣味,多么可愛钳垮。而這里的“趣味”實則更是指應(yīng)用到產(chǎn)品中的一組icon應(yīng)具備提升和側(cè)面?zhèn)鬟_(dá)產(chǎn)品的氣質(zhì)惑淳,體現(xiàn)產(chǎn)品的商業(yè)特性或?qū)傩浴?strong>一組有“趣味性”圖標(biāo),在我看來更像是一個“靈魂歌者”饺窿,與普通歌手不同的是它的氣場能夠直逼聽者靈魂深處歧焦,也像國畫中的“氣韻”一樣,有一種道不明的朦朧美肚医。
這也是我為什么我把它放到最后表述的原因绢馍。在我看來對一組icon的這樣的要求是最高的要求。需要設(shè)計師的更深的設(shè)計功力肠套。
而在設(shè)計時舰涌,我們在對icon的想要設(shè)計的更好是,往往也是在簡約與裝飾性你稚、抽象與具體之間的平衡瓷耙,要設(shè)計師自己把握。正是這個把握的度也是考驗設(shè)計師是否設(shè)計能力是否成熟的表現(xiàn)刁赖。
以上是我對icon設(shè)計的一些看法和總結(jié)搁痛,希望本文對你有幫助,也歡迎一起探討學(xué)習(xí)宇弛。