首先
神馬是icon，以及icon的功能。（非小白可自行跳過）
下圖 一個是淘寶 另一個是京東理財
神馬是icon？
如上圖：畫面中非文字的圖形。
icon的功能。
1.引導(dǎo)人們的視線：作為人類讀圖爽過讀字，記憶深理解快。所以app中大量出現(xiàn)icon不是空穴來風(fēng)，要在如此小的版面里說清事情還要讓人記得住。用圖形來抓眼球是非常重要的
2.重要組成 : 一個app除了字，圖片，就是icon了。還有些特殊頁面如上圖。我擦滿眼的icon
3.反映氣質(zhì)：上圖一個是購物軟件 icon好似明朗活波的傻白甜，圓潤飽滿(親和力滿分）搭配彩虹色和橙色主色。真是讓我經(jīng)不住買買買呢。反觀京東理財icon好似一個性冷淡風(fēng)的霸道總裁，偏方硬朗的icon線條（好專業(yè)的趕腳）加上冷酷藍，好像在說我這么專業(yè)的理財，你愛投不投!
接下來
看個本人的項目案例。一個陸陸續(xù)續(xù)改了一個月，到現(xiàn)在快一年后還不斷在修正的app 的 icon。有興趣的大家可以搜索——千山降壓 進行下載
icon這東西。統(tǒng)一，簡潔 四字箴言。做到卻并不容易。 來到公司第一個task是要規(guī)范icon。
一開始來公司的時候。app中icon確實是塊狀線狀混搭，各種表意不明。災(zāi)區(qū)現(xiàn)場。(隨手截圖兩張）
我做icon習(xí)慣先把所有icon放在一個畫面上，都用黑色，只關(guān)注統(tǒng)一和含義以及簡潔性。等這些都做到后再放入實際頁面進行微調(diào)。
這種做法的好處會比較整體，也剔除很多干擾項
本人第一稿，當當當~閃瞎你的眼
尖銳的可以戳死人，蛇精病附體，嚶嚶嚶?？粗约耗菚r候的設(shè)計說明，想想那時候完成這套icon的小得意。。啊呀呀呀，有點羞。
接下來的版本，圓潤了些。也結(jié)合也潮潮的斷開設(shè)計。希望能帶來透氣和流動感。但這個版本的問題集中為斷得太刻意，有點強迫癥的程序猿表示好想把它們連起來。
這一波的icon設(shè)計完后，捫心自問。為何要斷點，不能只是為了酷而酷。這個版本更多的是做減法，要斷也要斷的統(tǒng)一開口朝向，開口大小、不在拐彎的地方斷。看其他大牛做的斷點還能做到斷的地方剛巧是手繪一個icon它起筆的地方，且能夠保證一筆能把這個icon畫完。第一次發(fā)現(xiàn)斷點設(shè)計也是門大學(xué)問。然后除了斷點。也完善icon含義，一些沒有必要的細節(jié)也做了減法。這個版本對比最一開始，我感覺已經(jīng)好了很多了。
由于這是個慢病管理軟件，所以老年人是這個app中很重要的一環(huán)，友好型（偏圓潤）線條粗（看得清）去斷點（縮小之后更整體）是這個版本icon的核心訴求，有了這個方向。下面這個版本便出爐了
并且這個版本在不同大小的icon上做了區(qū)分，這樣再丟入界面里更1比1還原。斷點做的比較微妙，在銜接處留一點空隙。這樣既透氣也不會突兀，也是我們這個app比較獨特的點。
縱觀這個icon制作的過程，拿側(cè)邊欄的做比較，能看到icon一步步簡化，也更加整體。
其中一個插曲，這個降壓商城的icon因為它是在側(cè)邊欄，縱向排，由于有手柄，程序?qū)崿F(xiàn)是居中對齊。手柄長了點導(dǎo)致左邊輕，所以總有種像右跑的感覺。手柄斜度變小變短后，完美解決。（左圖為修改前右圖為修改后）
到現(xiàn)在這個階段icon還在不斷修改中，比如下圖從左到右，一個基因檢測的icon也是一步一步的在完善中
由于icon較小在此無法很好的展示對比的效果，所以這里實際頁面，就只擺放了首頁icon前后對比圖。其實還是有很多進步的空間。比如遠程問診的icon，在含義上沒有凸顯出遠程的感覺，略顯古老。。?；驒z測是這中間唯一一個斜著的icon感覺不合群（但問題是不斜著放又不像基因了呀）。這個也是我現(xiàn)在在完善中的點，未來也會考慮多色扁平化得icon，使首頁更吸引人。
總體來說，現(xiàn)在這一版的icon是基本上趨于成熟了，回望一開始的從紙上草圖，到后來一個一個icon扣含義摳細節(jié)，再放到整體進行統(tǒng)一性調(diào)整。覺得一切皆是不易。中間碰到大大小小的困難，比如：有些醫(yī)療icon含義很難呈現(xiàn)，呈現(xiàn)出來又和另外的icon有重復(fù)，icon大小要用自己的眼睛去調(diào)試，長寬一樣的icon不代表看上去一樣大。
結(jié)尾語
一開始做ui設(shè)計的我，也曾東拼西湊icon，時間趕項目緊。這樣導(dǎo)致的結(jié)果是，app十分粗糙。尤其是開發(fā)出來，自己去使用的時候，每一個從網(wǎng)上直接扒下來，有粗有細的icon像一把刀一樣戳的心里疼。如果說你連icon的好壞都看不出來，或者是即使是有這個審美，卻因為時間緊而隨便找?guī)讉€icon草草做好設(shè)計圖交給開發(fā)。即使有時間了也不去完善。這都無法稱為一個成熟的設(shè)計師。我相信，做一個成熟的設(shè)計師一定是追求細節(jié)的。
在你做設(shè)計時會有很多人指指點點，也相信會有一些人看到你做了很久的icon說一句“這根本沒區(qū)別嘛”但是設(shè)計不就是這樣嘛，尤其是ui設(shè)計，細節(jié)決定成敗。
