蘋果WWDC2017開發(fā)者大會已經(jīng)塵埃落定，除了新產(chǎn)品的發(fā)布，iOS11 也正式表態(tài)。新系統(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è)計風(fēng)格和設(shè)計方法的演變。自iOS7 開始，蘋果圖標設(shè)計采用扁平化風(fēng)格并延續(xù)至今。扁平化風(fēng)格依舊是主流設(shè)計，那么如何設(shè)計一個好看、優(yōu)雅的圖標呢?

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

1. 圖標是什么?

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

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

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

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

2. 圖標設(shè)計的意義是什么?

蘋果用戶體驗設(shè)計師Mike Stern解釋了UI和應(yīng)用圖標的重要性：用戶并不會按照你使用了多少技術(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)一包孕：整體風(fēng)格的統(tǒng)一，圖標大小的控制，造型的輪廓粗細的統(tǒng)一，顏色色調(diào)與調(diào)和的統(tǒng)一。

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

 差異性

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

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

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

Other icons

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

Icons8

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