從iOS 11看怎樣設計APP圖標

蘋果WWDC2017開發者大會已經塵埃落定，除了新產品的發佈，iOS 11也正式亮相。新系統中，地圖、App Store、時鐘、相機、聯繫人等等原生應用都換了新的圖標。這次圖標的變化勢必也會激發下一個圖標設計的潮流，如何設計圖標又將成爲一個新的熱門話題。

最新版的iOS 11，相比於iOS 10，新系統在外觀上的變化並不明顯，已經沒有幾年前蘋果從"擬物設計"到"扁平設計"的巨大視覺衝擊感，但在圖標設計上作了不少細節修改。好比地圖圖標增長了象徵Apple Park的弧形道路、相機去掉了上下兩條水平線，變更都不大但也一眼能夠察覺。

在iOS從來的圖標演變過程當中，許多看似不明顯的變化實際潛移默化中引導着圖標設計風格和設計方法的演變。自iOS7開始，蘋果圖標設計採用扁平化風格並延續至今。扁平化風格依舊是主流設計，那麼如何設計一個好看、優雅的圖標呢？

 

在設計或者繪製圖標以前，首先要搞清楚圖標究竟是什麼，爲何要畫圖標等等。

1.圖標是什麼？

圖標是具備指代意義或者象徵某種特殊含義的圖形，在不一樣場景下圖標的表達含義也會有不一樣。當今的圖標風格大體可分爲擬物化和扁平化，從iOS 7開始，一系列炫目的界面和簡化的app圖標設計出現。扁平化設計快速，簡單，直接的信息表達更能迎合這個時代。而怎樣去判斷它是不是一個好的圖標，應至少具備三個特徵：

指代性：象徵具體某個事物或含義。

識別性：由於有了指代性，圖標自己應具備必定的識別性和辨識度，避免誤讀、抽象主義等。

審美性：一個優秀的圖標，在視覺上也應有良好的表現。

2.圖標設計的意義是什麼？

蘋果用戶體驗設計師MikeStern解釋了UI和應用圖標的重要性：用戶並不會根據你使用了多少技術，或是整合了多少API，或是你使用的代碼有多厲害而去對應用作出評價。而是你的應用能讓爲作什麼，給他們帶來什麼感覺。用戶期待你的應用能爲他們帶來直觀的、美妙的甚至難以想象的體驗。這一點，足以說明圖標設計在總體軟件應用中的重要性。

3.如何設計圖標

成熟的視覺感知更有利於信息的快速傳播，圖標是否設計得足夠精美和友好，將直接影響到用戶對軟件應用的判斷。很大程度上來講，一個好的產品應該具備一個好的應用圖標，而一個好的應用圖標應該清晰地傳遞出產品的內涵，能讓用戶體驗由外到內都和平統一。所以，設計師在設計應用圖標時需注意如下三大原則。

可識別性

識別性是產品圖標的基本，它造就了圖標的惟一性。一個圖標是否從根本上起做用，取決於用戶是否能夠輕易的理解到這個圖標的含義。爲了使圖標更加便於理解，不少設計師選擇在設計中使用黑白色。由於顏色會干擾用戶的理解力，界面中顏色越多，用戶尋找起來時間成本越高。

 

視覺統一

單個圖標的構成元素能運用到整套圖標中，就是咱們說的視覺的一致性。審美一致性是設計元素的集合，或是設計中使其成爲一個總體所貫穿使用的手法。視覺統一包括：總體風格的統一，圖標大小的控制，造型的輪廓粗細的統一，顏色色調與調和的統一。

在這套圖標設計中，爲了讓總體視覺達到統一的效果，全部的容器的線條和配色都使用了一樣的風格，酒杯中的小氣泡讓圖標顯得活潑有趣。

 

差別性

在App Store中搜索一款應用，展現出的應用圖標大都大同小異，用戶在衆多孿生圖標兄弟姐妹中也難以取捨。而設計師在圖標設計中要儘可能放大圖標之間的差別性，減弱圖標之間的類似性，突出產品的獨特之處。

 

合格的設計師不只僅須要掌握深厚的理論知識，對必備設計工具如PS，Al, Illustrator等等的掌握也是很重要的。具體在每個工具上的圖標設計流程就不一一細講了。再給你們介紹一些圖標資源的網站。

4.經常使用圖標資源網站

Other icons

Other Icons擁有不少圖標設計資源，這些不一樣的圖標都是由設計師本身設計並上傳的，有些須要付費有些則是免費的，豐富的簡筆畫圖標不只可使用還便於臨摹，同時它還擁有許多Photoshop插件。

 

Icons8

Icos8是一個提供免費iOS、Windows、Android的平面化設計圖案爲主的搜索引擎，目前提供近4萬個素材資源，數量很是豐富，同時網站也提供各類格式，各類尺寸和配色，讓使用者也能自定義製做。

 

Flat Icon

Flat Icon有詳細而又全面的圖標分類，而且還爲用戶羅列出了熱門圖標，同時您也能夠查看每一位做者的圖標設計。也就是說，用戶能夠根據圖標分類、做者以及網站打包的圖標來找到本身須要的並下載。

 

Mockplus

你可能會感到驚訝，爲何Mockplus在這裏？沒必要驚訝，Mockplus的用戶都知道，它提供了2600個矢量圖標和400個平面圖標，免去了設計師在創做過程當中四處尋找、下載圖標的步驟。 直接在圖標庫裏搜索、點擊就能夠將圖標應用到設計中。對設計師來講，它不只僅是原型設計工具，也是一個圖標資源庫，很是方便。

 

總結

蘋果新系統圖標的變化將如何影響設計界的風向，還不可預測，但對設計師們來講，最主要的仍是打好基礎。多掌握如何設計好圖標的理論基礎和如何使用設計工具，多積累一些圖標素材或者掌握一些像Mockplus這樣自帶圖標庫的設計工具，對本身的設計水平有更高層次的提高才是最重要的。