簡書鏈接http://www.jianshu.com/p/c4a6d4035a78
在之前的文章中我有提到產品用戶體驗要素包含五個層面即：戰(zhàn)略層、范圍層、結構層、框架層和表現層。視覺設計師是主要職責則是體現在產品的表現層即視覺設計。前面的文章我也把視覺設計師比喻成美妝師，主要負責給產品“化妝”，讓產品看起來“更好看”。
然而在表現層也就是視覺設計層面，想把界面設計的更好，也不是那么容易的事情，其中有一個必不可少的部分，那就是icon的設計。icon設計可謂是UI設計的一個重要組成部分。
我們知道人類的大腦的構成天生就對圖像的記憶完勝與對文字的識別和記憶。每個人的視覺感知能力都能輕易的理解一些圖形所包含的信息，用圖形來代替文字降低了我們大腦處理文字信息的認知成本。 因此成熟的視覺感知是更有效的信息傳遞途徑。而應用中的icon則兼具了這樣一部分職責。
icon設計看似容易，實則不然。icon設計做的好壞也體現了一個設計師的 設計功底。
那么，好的icon應具備哪些特征呢？根據工作中的經驗我也總結了幾點，如下：
1.統(tǒng)一性
2.差異性
3.可識別性
4.趣味性
下面來一一陳述。
1.統(tǒng)一性
icon的統(tǒng)一性在我看來可謂是icon設計的最基礎要求。一個產品里的icon首先應具備的條件就是統(tǒng)一性，它就像古裝劇里的不同派系一樣，什么武當派，峨眉派，少林派，不同派系必有自己內部的制度，要求或是著裝，就連所用武功套路也必定不大有區(qū)別。然而每一個派系內部所學的武功則是一樣的。如若不同派系之間互相參雜可想然染會引起矛盾，這也往往是這些個古裝劇能夠持續(xù)演下去的原因。
然而體現在icon上，不同風格的iocn匯聚在一起，融入進產品必是不和諧的。
我們知道和諧東西往往能產生美，之所以要求icon具有統(tǒng)一性，是因為和諧動東西能產生美，更能使整個UI界面看上去舒服。然而一組你形我異的icon匯聚在一起必然失去了它統(tǒng)一性，從而也失去了它的美觀性。
2.差異性
之所以要求圖標的差異性，是因為icon往往是功能入口視覺化的產物，它往往兼具著某一功能的入口。如若一套icon里，所有的圖標差異性不大，用俗語說就是：“長得一樣”，我們很可能難以辨別。你可以想象下你看到一對雙胞時的感受。而icon一但長得一樣用戶必會傻傻分不清，在界面中找尋某個功能時花費的時間會比想象中的時間要長這也增加了用戶使用時的識別成本。
所以設計師在設計一套圖標是要盡量放大圖標之間的差異性，減弱圖標的之間的相似性。因為在統(tǒng)一性的基礎上差異性越大，用戶越容易辨認他所代表的不同功能，從而降低用戶使用時的辨別成本。放大統(tǒng)一性，減弱相似性，這也是容易被設計師忽略的的一個原則，設計師往往為了追求視覺風格的統(tǒng)一性，而舍棄了圖標的差異性。這點需要謹記。
3.可識別性
在統(tǒng)一性差異性的基礎上還有一個對icon的重要要求：可識別性?？勺R別性是icon設計的目的，我們設計icon就是為了讓用戶能夠更好的辨識不同icon所代表的不同功能。如果一組iocn失去了它的可識別性可謂是忘本逐末，即便畫的再好看也失去了它價值所在。
一個一眼就能認知的icon大大提升了用戶的操作效率，降低了用戶操作的辨識成本。
4.趣味性
我對趣味性的定義不只是直觀的講一組icon應具備多有趣味，多么可愛。而這里的“趣味”實則更是指應用到產品中的一組icon應具備提升和側面?zhèn)鬟_產品的氣質，體現產品的商業(yè)特性或屬性。一組有“趣味性”圖標，在我看來更像是一個“靈魂歌者”，與普通歌手不同的是它的氣場能夠直逼聽者靈魂深處，也像國畫中的“氣韻”一樣，有一種道不明的朦朧美。
這也是我為什么我把它放到最后表述的原因。在我看來對一組icon的這樣的要求是最高的要求。需要設計師的更深的設計功力。
而在設計時，我們在對icon的想要設計的更好是，往往也是在簡約與裝飾性、抽象與具體之間的平衡，要設計師自己把握。正是這個把握的度也是考驗設計師是否設計能力是否成熟的表現。
以上是我對icon設計的一些看法和總結，希望本文對你有幫助，也歡迎一起探討學習。
聯(lián)系客服
