從iOS 11看怎樣設計APP圖標

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

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

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

在設計或者繪制圖標之前，首先要搞清楚圖標到底是什么，為什么要畫圖標等等。

1. 圖標是什么?

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

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

識別性：因為有了指代性，圖標自己應具有必然的識別性和辨識度，制止誤讀、抽象主義等。

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

2. 圖標設計的意義是什么?

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

3. 如何設計圖標

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

  可識別性

識別性是產品圖標的基本，它造就了圖標的唯一性。一個圖標是否從根本上起作用，取決于用戶是否可以輕易的理解到這個圖標的含義。為了使圖標更加便于理解，很多設計師選擇在設計中使用黑白色。因為顏色會干擾用戶的理解力， 界面中顏色越多，用戶尋找起來時間成本越高。

視覺統(tǒng)一

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

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

 差異性

在App Store中搜索一款應用，展示出的應用圖標大都大同小異，用戶在眾多孿生圖標兄弟姐妹中也難以取舍。而設計師在圖標設計中要盡量放大圖標之間的差異性，減弱圖標之間的相似性，突出產品的獨特之處。

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

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

Other icons

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

Icons8

標簽：東營 鹽城 九江 烏魯木齊 林芝