蘋果WWDC2017開發(fā)者大會已經(jīng)塵埃落定，除了新產(chǎn)品的發(fā)布，iOS 11也正式亮相。新系統(tǒng)中，地圖、App Store、時鐘、相機、聯(lián)系人等等原生應(yīng)用都換了新的圖標。此次圖標的變化勢必也會激發(fā)下一個圖標設(shè)計的潮流，如何設(shè)計圖標又將成為一個新的熱門話題。
最新版的iOS 11，相比于iOS 10，新系統(tǒng)在外觀上的變化并不明顯，已經(jīng)沒有幾年前蘋果從"擬物設(shè)計"到"扁平設(shè)計"的巨大視覺沖擊感，但在圖標設(shè)計上做了很多細節(jié)修改。比如地圖圖標增加了象征Apple Park的弧形道路、相機去掉了上下兩條水平線，變動都不大但也一眼可以察覺。
在iOS歷來的圖標演變過程中，許多看似不明顯的變化實際潛移默化中引導(dǎo)著圖標設(shè)計風格和設(shè)計方法的演變。自iOS7開始，蘋果圖標設(shè)計采用扁平化風格并延續(xù)至今。扁平化風格依舊是主流設(shè)計，那么如何設(shè)計一個好看、優(yōu)雅的圖標呢？
在設(shè)計或者繪制圖標之前，首先要搞清楚圖標到底是什么，為什么要畫圖標等等。
1.圖標是什么？
圖標是具有指代意義或者象征某種特殊含義的圖形，在不同場景下圖標的表達含義也會有不同。當今的圖標風格大致可分為擬物化和扁平化，從iOS 7開始，一系列炫目的界面和簡化的app圖標設(shè)計出現(xiàn)。扁平化設(shè)計快速，簡單，直接的信息表達更能迎合這個時代。而怎樣去判斷它是否是一個好的圖標，應(yīng)至少具有三個特征：
指代性：象征具體某個事物或含義。
識別性：因為有了指代性，圖標本身應(yīng)具有一定的識別性和辨識度，避免誤讀、抽象主義等。
審美性：一個優(yōu)秀的圖標，在視覺上也應(yīng)有良好的表現(xiàn)。
2.圖標設(shè)計的意義是什么？
蘋果用戶體驗設(shè)計師MikeStern解釋了UI和應(yīng)用圖標的重要性：用戶并不會根據(jù)你使用了多少技術(shù)，或是整合了多少API，或是你使用的代碼有多厲害而去對應(yīng)用做出評價。而是你的應(yīng)用能讓為做什么，給他們帶來什么感受。用戶期待你的應(yīng)用能為他們帶來直觀的、美妙的甚至不可思議的體驗。這一點，足以說明圖標設(shè)計在整體軟件應(yīng)用中的重要性。
3.如何設(shè)計圖標
成熟的視覺感知更有利于信息的快速傳播，圖標是否設(shè)計得足夠精美和友好，將直接影響到用戶對軟件應(yīng)用的判斷。很大程度上來說，一個好的產(chǎn)品應(yīng)該具有一個好的應(yīng)用圖標，而一個好的應(yīng)用圖標應(yīng)該清晰地傳遞出產(chǎn)品的內(nèi)涵，能讓用戶體驗由外到內(nèi)都和平統(tǒng)一。因此，設(shè)計師在設(shè)計應(yīng)用圖標時需注意以下三大原則。
可識別性
識別性是產(chǎn)品圖標的基本，它造就了圖標的唯一性。一個圖標是否從根本上起作用，取決于用戶是否可以輕易的理解到這個圖標的含義。為了使圖標更加便于理解，很多設(shè)計師選擇在設(shè)計中使用黑白色。因為顏色會干擾用戶的理解力，界面中顏色越多，用戶尋找起來時間成本越高。
視覺統(tǒng)一
單個圖標的構(gòu)成元素能運用到整套圖標中，就是我們說的視覺的一致性。審美一致性是設(shè)計元素的集合，或是設(shè)計中使其成為一個整體所貫穿使用的手法。視覺統(tǒng)一包括：整體風格的統(tǒng)一，圖標大小的控制，造型的輪廓粗細的統(tǒng)一，顏色色調(diào)與調(diào)和的統(tǒng)一。
在這套圖標設(shè)計中，為了讓整體視覺達到統(tǒng)一的效果，所有的容器的線條和配色都使用了同樣的風格，酒杯中的小氣泡讓圖標顯得活潑有趣。
差異性
在App Store中搜索一款應(yīng)用，展示出的應(yīng)用圖標大都大同小異，用戶在眾多孿生圖標兄弟姐妹中也難以取舍。而設(shè)計師在圖標設(shè)計中要盡量放大圖標之間的差異性，減弱圖標之間的相似性，突出產(chǎn)品的獨特之處。
合格的設(shè)計師不僅僅需要掌握深厚的理論知識，對必備設(shè)計工具如PS，Al, Illustrator等等的掌握也是很重要的。具體在每一個工具上的圖標設(shè)計流程就不一一細講了。再給大家介紹一些圖標資源的網(wǎng)站。
4.常用圖標資源網(wǎng)站
Other Icons擁有很多圖標設(shè)計資源，這些不同的圖標都是由設(shè)計師自己設(shè)計并上傳的，有些需要付費有些則是免費的，豐富的簡筆畫圖標不僅可以使用還便于臨摹，同時它還擁有許多Photoshop插件。
Icos8是一個提供免費iOS、Windows、Android的平面化設(shè)計圖案為主的搜索引擎，目前提供近4萬個素材資源，數(shù)量非常豐富，同時網(wǎng)站也提供各種格式，各種尺寸和配色，讓使用者也能自定義制作。
Flat Icon有詳細而又全面的圖標分類，并且還為用戶羅列出了熱門圖標，同時您也可以查看每一位作者的圖標設(shè)計。也就是說，用戶可以根據(jù)圖標分類、作者以及網(wǎng)站打包的圖標來找到自己需要的并下載。
你可能會感到驚訝，為什么Mockplus在這里？不必驚訝，Mockplus的用戶都知道，它提供了2600個矢量圖標和400個平面圖標，免去了設(shè)計師在創(chuàng)作過程中四處尋找、下載圖標的步驟。 直接在圖標庫里搜索、點擊就可以將圖標應(yīng)用到設(shè)計中。對設(shè)計師來說，它不僅僅是原型設(shè)計工具，也是一個圖標資源庫，非常方便。
總結(jié)
蘋果新系統(tǒng)圖標的變化將如何影響設(shè)計界的風向，還不可預(yù)測，但對設(shè)計師們來說，最主要的還是打好基礎(chǔ)。多掌握如何設(shè)計好圖標的理論基礎(chǔ)和如何使用設(shè)計工具，多積累一些圖標素材或者掌握一些像Mockplus這樣自帶圖標庫的設(shè)計工具，對自己的設(shè)計水平有更高層次的提升才是最重要的。
