蘋果WWDC2017開發(fā)者大會(huì)已經(jīng)塵埃落定，除了新產(chǎn)品的發(fā)布，iOS11 也正式表態(tài)。新系統(tǒng)中，地圖、App Store、時(shí)鐘、相機(jī)、聯(lián)系人等等原生應(yīng)用都換了新的圖標(biāo)。此次圖標(biāo)的變革勢(shì)必也會(huì)激發(fā)下一個(gè)圖標(biāo)設(shè)計(jì)的潮流，如何設(shè)計(jì)圖標(biāo)又將成為一個(gè)新的熱門話題。 

最新版的 iOS 11，比擬于 iOS 10，新系統(tǒng)在外不雅觀上的變革并不明顯，已經(jīng)沒有幾年前蘋果從 " 擬物設(shè)計(jì) " 到 " 扁平設(shè)計(jì) " 的巨大視覺沖擊感，但在圖標(biāo)設(shè)計(jì)上做了很多細(xì)節(jié)修改。好比地圖圖標(biāo)增加了象征 Apple Park 的弧形道路、相機(jī)去掉了上下兩條水平線，，變動(dòng)都不大但也一眼可以察覺。

在iOS歷來的圖標(biāo)演變過程中，許多看似不明顯的變革實(shí)際潛移默化中引導(dǎo)著圖標(biāo)設(shè)計(jì)風(fēng)格和設(shè)計(jì)方法的演變。自iOS7 開始，蘋果圖標(biāo)設(shè)計(jì)采用扁平化風(fēng)格并延續(xù)至今。扁平化風(fēng)格依舊是主流設(shè)計(jì)，那么如何設(shè)計(jì)一個(gè)好看、優(yōu)雅的圖標(biāo)呢?

在設(shè)計(jì)或者繪制圖標(biāo)之前，首先要搞清楚圖標(biāo)到底是什么，為什么要畫圖標(biāo)等等。

1. 圖標(biāo)是什么?

圖標(biāo)是具有指代意義或者象征某種特殊含義的圖形，在差別場(chǎng)景下圖標(biāo)的表達(dá)含義也會(huì)有差別。當(dāng)今的圖標(biāo)風(fēng)格大致可分為擬物化和扁平化，從iOS7 開始，一系列炫目的界面和簡化的app圖標(biāo)設(shè)計(jì)出現(xiàn)。扁平化設(shè)計(jì)快速，簡單，直接的信息表達(dá)更能迎合這個(gè)時(shí)代。而怎樣去判斷它是否是一個(gè)好的圖標(biāo)，應(yīng)至少具有三個(gè)特征：

指代性：象征具體某個(gè)事物或含義。

識(shí)別性：因?yàn)橛辛酥复?，圖標(biāo)自己應(yīng)具有必然的識(shí)別性和辨識(shí)度，制止誤讀、抽象主義等。

審美性：一個(gè)優(yōu)秀的圖標(biāo)，在視覺上也應(yīng)有良好的表示。

2. 圖標(biāo)設(shè)計(jì)的意義是什么?

蘋果用戶體驗(yàn)設(shè)計(jì)師Mike Stern解釋了UI和應(yīng)用圖標(biāo)的重要性：用戶并不會(huì)按照你使用了多少技術(shù)，或是整合了多少API，或是你使用的代碼有多厲害而去對(duì)應(yīng)用做出評(píng)價(jià)。而是你的應(yīng)用能讓為做什么，給他們帶來什么感受。用戶期待你的應(yīng)用能為他們帶來直不雅觀的、美妙的甚至不成思議的體驗(yàn)。這一點(diǎn)，足以說明圖標(biāo)設(shè)計(jì)在整體軟件應(yīng)用中的重要性。

3. 如何設(shè)計(jì)圖標(biāo)

成熟的視覺感知更有利于信息的快速傳播，圖標(biāo)是否設(shè)計(jì)得足夠精美和友好，將直接影響到用戶對(duì)軟件應(yīng)用的判斷。很大程度上來說，一個(gè)好的產(chǎn)品應(yīng)該具有一個(gè)好的應(yīng)用圖標(biāo)，而一個(gè)好的應(yīng)用圖標(biāo)應(yīng)該清晰地傳遞出產(chǎn)品的內(nèi)涵，能讓用戶體驗(yàn)由外到內(nèi)都和平統(tǒng)一。因此，設(shè)計(jì)師在設(shè)計(jì)應(yīng)用圖標(biāo)時(shí)需注意以下三大原則。

  可識(shí)別性

識(shí)別性是產(chǎn)品圖標(biāo)的基本，它造就了圖標(biāo)的唯一性。一個(gè)圖標(biāo)是否從根本上起作用，取決于用戶是否可以輕易的理解到這個(gè)圖標(biāo)的含義。為了使圖標(biāo)更加便于理解，很多設(shè)計(jì)師選擇在設(shè)計(jì)中使用黑白色。因?yàn)轭伾珪?huì)干擾用戶的理解力， 界面中顏色越多，用戶尋找起來時(shí)間成本越高。

視覺統(tǒng)一

單個(gè)圖標(biāo)的構(gòu)成元素能運(yùn)用到整套圖標(biāo)中，就是我們說的視覺的一致性。審美一致性是設(shè)計(jì)元素的集合，或是設(shè)計(jì)中使其成為一個(gè)整體所貫穿使用的手法。視覺統(tǒng)一包孕：整體風(fēng)格的統(tǒng)一，圖標(biāo)大小的控制，造型的輪廓粗細(xì)的統(tǒng)一，顏色色調(diào)與調(diào)和的統(tǒng)一。

在這套圖標(biāo)設(shè)計(jì)中，為了讓整體視覺達(dá)到統(tǒng)一的效果，所有的容器的線條和配色都使用了同樣的風(fēng)格，酒杯中的小氣泡讓圖標(biāo)顯得活潑有趣。

 差異性

在App Store中搜索一款應(yīng)用，展示出的應(yīng)用圖標(biāo)大都大同小異，用戶在眾多孿生圖標(biāo)兄弟姐妹中也難以取舍。而設(shè)計(jì)師在圖標(biāo)設(shè)計(jì)中要盡量放大圖標(biāo)之間的差異性，減弱圖標(biāo)之間的相似性，突出產(chǎn)品的獨(dú)特之處。

合格的設(shè)計(jì)師不但僅需要掌握深厚的理論知識(shí)，對(duì)必備設(shè)計(jì)工具如PS，Al， Illustrator 等等的掌握也是很重要的。具體在每一個(gè)工具上的圖標(biāo)設(shè)計(jì)流程就紛歧一細(xì)講了。再給大家介紹一些圖標(biāo)資源的網(wǎng)站。

4. 常用圖標(biāo)資源網(wǎng)站

Other icons

Other Icons擁有很多圖標(biāo)設(shè)計(jì)資源，這些差別的圖標(biāo)都是由設(shè)計(jì)師本身設(shè)計(jì)并上傳的，有些需要付費(fèi)有些則是免費(fèi)的，豐富的簡筆畫圖標(biāo)不但可以使用還便于臨摹，同時(shí)它還擁有許多Photoshop插件。

Icons8

標(biāo)簽：東營 鹽城 九江 烏魯木齊 林芝