在我們設(shè)計(jì)APP項(xiàng)目的時(shí)候，獨(dú)特而精美的APP圖標(biāo)設(shè)計(jì)可以說讓我們腦袋疼的問題。因?yàn)榫蓝椅说膱D標(biāo)設(shè)計(jì)很重要。

想一想就知道，如果用戶移動(dòng)手機(jī)桌面安裝的APP程序比較多，如何讓用戶第一眼看到我們的圖標(biāo)，而且準(zhǔn)確的點(diǎn)擊呢？

所以，25學(xué)堂的小編專門閱讀相關(guān)的書籍和APP設(shè)計(jì)資料之后，分享下面這7招APP圖標(biāo)設(shè)計(jì)技巧，絕對讓你茅塞頓開！突發(fā)無線的設(shè)計(jì)靈感！也可以說讓我們的iOS7圖標(biāo)設(shè)計(jì)的精美無比。小伙伴們，動(dòng)手吧！

APP圖標(biāo)設(shè)計(jì)技巧第一招：高辨識(shí)度的隱喻

(1)、首先注意到的一點(diǎn)便是圖標(biāo)通常尺寸都很小，因此圖標(biāo)設(shè)計(jì)的關(guān)鍵就在于：

簡單的勾勒出應(yīng)用的整體概念。（iOS7 桌面圖標(biāo)的設(shè)計(jì)尺寸是120*120）

"一般的做法是使用一種或兩種辨識(shí)度較高、能代表概念的物體。然后再用優(yōu)秀的色彩和流暢的形狀來塑造美感"

(2)、除此之外，圖標(biāo)的隱喻性也要強(qiáng)(比如說拍照應(yīng)用)，圖標(biāo)應(yīng)該是一種能夠有所代表的符號(hào)，具有一種標(biāo)識(shí)性！其實(shí)很多APP的圖標(biāo)設(shè)計(jì)很失敗，比如Apple的游戲中心以及設(shè)置圖標(biāo)的隱喻性就很差，都需要好好改進(jìn)下。

(3)、APP設(shè)計(jì)師不要自作聰明："隨隨便便放上個(gè)白背景，再填幾個(gè)彩色圓環(huán)，這能叫圖標(biāo)嗎?" ??這種圖標(biāo)不具備功能性，通過圖標(biāo)無法了解應(yīng)用的功能、概念。

比如iOS人機(jī)界面指南之5大App設(shè)計(jì)策略分享

多研究研究色彩和隱喻，圖標(biāo)的作用是引導(dǎo)用戶進(jìn)入應(yīng)用的窗口，最好讓用戶一眼皆知應(yīng)用的功能，不要讓用戶猜。比如下圖：

照相機(jī)圖標(biāo)非常顯眼，但是過于厚重，美感不佳，不過它的隱喻非常強(qiáng)烈，一眼皆知這款應(yīng)用的用處。應(yīng)該說這些所謂的APP圖標(biāo)設(shè)計(jì)的隱喻糟糕透了。不值得學(xué)習(xí)和借鑒。

APP圖標(biāo)設(shè)計(jì)技巧第二招：設(shè)計(jì)輔助工具—柵格線合理應(yīng)用

建議各位APP設(shè)計(jì)師，在開始iOS7圖標(biāo)設(shè)計(jì)時(shí)，可以從2方面來著手設(shè)計(jì)：

第1種：使用當(dāng)下流行的iOS7柵格線："能讓你分塊的設(shè)計(jì)，并且能夠構(gòu)建界面中圖標(biāo)的整體感。采用柵格線方式進(jìn)行設(shè)計(jì)的圖標(biāo)越多，在界面中就能更好的彼此匹配，界面中圖標(biāo)的整體感越強(qiáng)"

當(dāng)然，設(shè)計(jì)師不應(yīng)該太限制自我："如果你覺得自己可以打破柵格線，你的設(shè)計(jì)會(huì)更出彩，那不妨試試"

蘋果的柵格線能讓你進(jìn)行"各個(gè)擊破"的設(shè)計(jì)，但是必要情況下可以打破柵格線的限制。

第2種辦法：就是下載最新現(xiàn)成的iOS7圖標(biāo)模板，按照模板規(guī)格和方式來設(shè)計(jì)自己的APP圖標(biāo)；

APP圖標(biāo)設(shè)計(jì)技巧第三招：?鮮明對比色的合理使用

隨著ios7圖標(biāo)的發(fā)布，第一眼看到很明亮，色彩也很豐富！所以這就是ios7的風(fēng)格。呵呵

蘋果是設(shè)計(jì)風(fēng)向標(biāo)："在設(shè)計(jì)中嘗試打造鮮明的對照感。iOS7因明亮的邊界、清晰的線條、大膽的色彩而著稱"

因?yàn)槊髁恋纳誓軒硪环N活力感和趣味性，柔和、細(xì)膩的色彩卻無法做到這一點(diǎn)。如下圖這些圖標(biāo)。

APP圖標(biāo)設(shè)計(jì)技巧第四招： 避免信息過載太多，千萬記住

APP知識(shí)補(bǔ)充，iOS7界面的高度依賴于字體。纖細(xì)的字體讓按鈕區(qū)域充滿了大量的留白。

但是有人也認(rèn)為圖標(biāo)盡量不要和纖細(xì)的字體結(jié)合："圖標(biāo)應(yīng)該是一種符號(hào)化的元素，本身就是一種視覺語言，不應(yīng)該和文字語言聯(lián)系到一起。即便結(jié)合，文本也不宜過多。"

比如說系統(tǒng)設(shè)置中的VPN選項(xiàng)，微圖標(biāo)和文本結(jié)合讓人有一種信息過載的感覺。所以，微圖標(biāo)的設(shè)計(jì)跟字體也要合理搭配，不能亂來 呵呵！

APP圖標(biāo)設(shè)計(jì)技巧第五招：適度增加深度和立體感

iOS7的視覺風(fēng)格可以看作是一種扁平化設(shè)計(jì)，今天我們要強(qiáng)調(diào)了iOS7圖標(biāo)設(shè)計(jì) "層次"的概念，而不是一種單一的扁平。

若想要與眾不同，必須設(shè)計(jì)的與眾不同："加入一點(diǎn)投影、加入一點(diǎn)漸變也無妨，多做做實(shí)驗(yàn)，沒準(zhǔn)一種新的流行由此誕生，iOS7上的設(shè)計(jì)充滿了無限可能，不一定要死板的扁平。"

可以加入一些我們在擬物化設(shè)計(jì)中的一些設(shè)計(jì)技巧，某塊地區(qū)的凹凸，或者投影等等。

APP圖標(biāo)設(shè)計(jì)技巧第六招：保持一致的視覺設(shè)計(jì)風(fēng)格

切勿調(diào)色太嚴(yán)重。你們懂得! ?下面有3點(diǎn)可以讓我們把握住設(shè)計(jì)方向。

(1)、可以看看蘋果應(yīng)用商店套件的圖標(biāo)，很明顯，他們都是一個(gè)系列的圖標(biāo)。

設(shè)計(jì)成套圖標(biāo)和設(shè)計(jì)一款圖標(biāo)，要考慮的東西不盡相同。設(shè)計(jì)成套圖標(biāo)還要考慮一致性。

設(shè)計(jì)師要刻意培養(yǎng)自己的這種整體感，即便你的工作是設(shè)計(jì)一款圖標(biāo)，你也可以這么想："要是這款應(yīng)用有了姊妹應(yīng)用，那么圖標(biāo)該要怎么設(shè)計(jì)?"通過這種假象來鍛煉自己的設(shè)計(jì)思維。

(2)、不過提醒各位，一致性不意味著拘泥于一種形式："線條粗細(xì)不必完全相同、顏色也不必完全一致，但是整體風(fēng)格一定要和諧、匹配" ? ?"白色符號(hào)搭配色彩漸變"這種方法最簡單。(或者在白色背景上使用多彩、透明的圖標(biāo))"整體風(fēng)格統(tǒng)一——單個(gè)圖標(biāo)根據(jù)隱喻的不同來靈活設(shè)計(jì)"

(3)、其實(shí)通過一致性設(shè)計(jì)，能夠增加同一系列應(yīng)用、圖標(biāo)的聯(lián)系感覺或是情感化。

APP圖標(biāo)設(shè)計(jì)技巧第六招：APP設(shè)計(jì)師必須擁有追求完美的精神，反復(fù)琢磨，必出精品。

完美的iOS7圖標(biāo)設(shè)計(jì)是需要經(jīng)過無數(shù)次的雕琢修飾而成的。我想大家都看過《鋼鐵是怎樣練成的》吧！ 呵呵

不管iOS7的視覺風(fēng)格怎樣，優(yōu)秀圖標(biāo)的標(biāo)準(zhǔn)還是沒有改變：優(yōu)雅、簡約、細(xì)節(jié)到位。

在此，25學(xué)堂推薦各位多讀一點(diǎn)現(xiàn)代設(shè)計(jì)、建筑、字體類的書籍，不斷追求，不斷提升自己的設(shè)計(jì)感覺。

看完上面，不妨閱讀下《移動(dòng)APP布局設(shè)計(jì)經(jīng)驗(yàn)之道：獨(dú)門七字訣》