一個“好”icon應(yīng)具備哪些素質(zhì)酥宴?

在之前的文章中我有提到產(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)品看起來“更好看”在孝。


Snail

然而在表現(xiàn)層也就是視覺設(shè)計層面诚啃,想把界面設(shè)計的更好,也不是那么容易的事情浑玛,其中有一個必不可少的部分绍申,那就是icon的設(shè)計。icon設(shè)計可謂是UI設(shè)計的一個重要組成部分顾彰。


Snail

我們知道人類的大腦的構(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ù)演下去的原因叁熔。

1.png

然而體現(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一但長得一樣用戶必會傻傻分不清阎肝,在界面中找尋某個功能時花費的時間會比想象中的時間要長這也增加了用戶使用時的識別成本挤渔。

2.png

所以設(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大大提升了用戶的操作效率伴栓,降低了用戶操作的辨識成本伦连。

3.png

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è)計功力肠套。

4.png

而在設(shè)計時舰涌,我們在對icon的想要設(shè)計的更好是,往往也是在簡約與裝飾性你稚、抽象與具體之間的平衡瓷耙,要設(shè)計師自己把握。正是這個把握的度也是考驗設(shè)計師是否設(shè)計能力是否成熟的表現(xiàn)刁赖。

以上是我對icon設(shè)計的一些看法和總結(jié)搁痛,希望本文對你有幫助,也歡迎一起探討學(xué)習(xí)宇弛。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末落追,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子涯肩,更是在濱河造成了極大的恐慌轿钠,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,284評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件病苗,死亡現(xiàn)場離奇詭異疗垛,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)硫朦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評論 3 395
  • 文/潘曉璐 我一進(jìn)店門贷腕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人咬展,你說我怎么就攤上這事泽裳。” “怎么了破婆?”我有些...
    開封第一講書人閱讀 164,614評論 0 354
  • 文/不壞的土叔 我叫張陵涮总,是天一觀的道長。 經(jīng)常有香客問我祷舀,道長瀑梗,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,671評論 1 293
  • 正文 為了忘掉前任裳扯,我火速辦了婚禮抛丽,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘饰豺。我一直安慰自己亿鲜,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,699評論 6 392
  • 文/花漫 我一把揭開白布冤吨。 她就那樣靜靜地躺著蒿柳,像睡著了一般。 火紅的嫁衣襯著肌膚如雪锅很。 梳的紋絲不亂的頭發(fā)上其馏,一...
    開封第一講書人閱讀 51,562評論 1 305
  • 那天,我揣著相機(jī)與錄音爆安,去河邊找鬼叛复。 笑死,一個胖子當(dāng)著我的面吹牛扔仓,可吹牛的內(nèi)容都是我干的褐奥。 我是一名探鬼主播,決...
    沈念sama閱讀 40,309評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼翘簇,長吁一口氣:“原來是場噩夢啊……” “哼撬码!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起版保,我...
    開封第一講書人閱讀 39,223評論 0 276
  • 序言:老撾萬榮一對情侶失蹤呜笑,失蹤者是張志新(化名)和其女友劉穎夫否,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體叫胁,經(jīng)...
    沈念sama閱讀 45,668評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡凰慈,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,859評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了驼鹅。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片微谓。...
    茶點故事閱讀 39,981評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖输钩,靈堂內(nèi)的尸體忽然破棺而出豺型,到底是詐尸還是另有隱情,我是刑警寧澤买乃,帶...
    沈念sama閱讀 35,705評論 5 347
  • 正文 年R本政府宣布姻氨,位于F島的核電站,受9級特大地震影響为牍,放射性物質(zhì)發(fā)生泄漏哼绑。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,310評論 3 330
  • 文/蒙蒙 一碉咆、第九天 我趴在偏房一處隱蔽的房頂上張望抖韩。 院中可真熱鬧,春花似錦疫铜、人聲如沸茂浮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽席揽。三九已至,卻和暖如春谓厘,著一層夾襖步出監(jiān)牢的瞬間幌羞,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評論 1 270
  • 我被黑心中介騙來泰國打工竟稳, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留属桦,地道東北人。 一個月前我還...
    沈念sama閱讀 48,146評論 3 370
  • 正文 我出身青樓他爸,卻偏偏與公主長得像聂宾,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子诊笤,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,933評論 2 355

推薦閱讀更多精彩內(nèi)容