美麗，可識別且令人難忘的應(yīng)用程序圖標可能會對應(yīng)用程序的受歡迎程度和成功產(chǎn)生巨大影響。如何使一個“良好”的應(yīng)用程序圖標成為現(xiàn)實呢？我整理了一些提示和建議來幫助回答這些問題，并指導您設(shè)計出色的應(yīng)用程序圖標。

什么是應(yīng)用程序圖標？

創(chuàng)建圖標時，您需要了解的第一件事就是應(yīng)用程序圖標的確切含義以及它執(zhí)行的工作。應(yīng)用程序圖標是產(chǎn)品的視覺錨點。可以將其視為一個很小的品牌，不但需要看起來吸引人，而且理想情況下還可以傳達您的應(yīng)用程序的本質(zhì)。

應(yīng)用程序圖標不是徽標。盡管它們肯定具有類似品牌的品質(zhì)，但它們受到許多不同的限制。對于設(shè)計師來說，這是一個重要的區(qū)別：徽標是可縮放的矢量品牌商標，專門設(shè)計用于信頭和廣告牌。圖標通常是基于柵格的輸出，這些輸出經(jīng)過自定義以在方形畫布中以特定大小和特定上下文看起來不錯。方法，工具，工作以及成功的標準是不同的。

從實際的角度來看，制作應(yīng)用程序圖標時，您要創(chuàng)建一組具有多種尺寸的PNG文件，這些尺寸從29×29像素的小尺寸一直到1024×1024像素的小尺寸需要捆綁在一起與您的應(yīng)用。

五個核心方面

我將討論應(yīng)用程序圖標設(shè)計的五個核心方面，并提供有關(guān)如何改進每個方面的提示，并展示一些有關(guān)如何使用該質(zhì)量的示例。

1.可擴展性

圖標最重要的方面之一是可伸縮性。因為圖標將在整個平臺的多個位置顯示，并以不同的大小顯示，所以您的作品必須保持其可讀性和唯一性，這一點很重要。

應(yīng)用程序圖標需要在多種分辨率下工作，從而在各種尺寸范圍內(nèi)保持概念的易讀性。

過于復雜的圖標過多地填充到畫布中，經(jīng)常成為可伸縮性差的受害者。應(yīng)用程序圖標設(shè)計在概念階段的很大一部分應(yīng)致力于思考給定的設(shè)計是否可以優(yōu)雅地擴展。

如何提高可伸縮性

• 在1024×1024像素的畫布上工作可能具有欺騙性。在設(shè)備上并在多種環(huán)境和尺寸下嘗試設(shè)計。

• 擁抱簡單并專注于單個對象，最好是一個獨特的形狀或元素，在縮放時可以保留其輪廓和質(zhì)量。

• 確保在各種背景下該圖標看起來都不錯。

2.可識別性

應(yīng)用程序圖標就像一首小歌，在商店和主屏幕的喧鬧聲中能夠輕松識別它是出色圖標設(shè)計的關(guān)鍵組成部分。就像一首歌的詩句需要引起聽眾的共鳴一樣，應(yīng)用程序圖標的形狀，顏色和構(gòu)想也是如此。設(shè)計需要在功能和情感層面上灌輸記憶和聯(lián)系感。

圖標可以是詳細的或簡單的。只要確保它具有創(chuàng)造力和趣味性，并準確傳達您的意圖即可。

您的圖標將在數(shù)以千計的其他圖標中爭奪注意力，所有其他圖標都具有相同的1024像素畫布以產(chǎn)生影響并確保與查看者的連接。雖然可伸縮性是可識別性的重要組成部分，但新穎性也是如此。

如何提高可識別性

• 平淡，過于復雜的圖標是可識別性的敵人。嘗試從圖標中刪除細節(jié)。

• 嘗試設(shè)計的幾種變體。將它們排列在網(wǎng)格上并瞥一眼，看看設(shè)計的哪些方面引起您的注意。

• 解構(gòu)您最喜歡的應(yīng)用程序圖標，并弄清楚為什么您喜歡它們，并使用了哪些方法使其脫穎而出。

3.一致性

在與應(yīng)用程序圖標進行交互的體驗與與它所代表的應(yīng)用程序進行交互的體驗之間建立一致性時，需要說些什么。我覺得好的圖標設(shè)計是該應(yīng)用程序的全部擴展。確保兩者相互支持將創(chuàng)造一個更加難忘的相遇。

在用戶的腦海中塑造一個光滑，統(tǒng)一的應(yīng)用程序形象，可以提高產(chǎn)品滿意度，保留率。簡而言之，使您的圖標與應(yīng)用程序的本質(zhì)，功能和設(shè)計協(xié)調(diào)工作是一個巨大的勝利。

如何提高一致性

• 確保應(yīng)用程序和圖標之間一致性的一種方法是對齊其調(diào)色板，并使用相似且一致的設(shè)計語言-例如，綠色界面由綠色應(yīng)用程序圖標增強。
  

• 盡管并非總是可能的，但加強應(yīng)用程序與其圖標之間的連接的一種方法是將圖標的象征性直接與應(yīng)用程序的功能聯(lián)系起來。

  
  

4.獨特性

這幾乎不言而喻，但是請嘗試使某些東西變得獨特。模仿樣式或趨勢是完全可以的，但是可以自己制作。您的圖標將不斷與其他圖標競爭以吸引用戶的注意，而脫穎而出可能是設(shè)計的完美論據(jù)。

如何提高獨特性

• 考慮其他人在您的應(yīng)用中正在做什么，并朝著不同的方向前進。

• 如果要保持唯一性，則單色背景上的單個字形可能是一條棘手的路線。嘗試不同的顏色和構(gòu)圖，并挑戰(zhàn)自己，尋找新的聰明的隱喻。

無論您的設(shè)計風格是什么，唯一性通常都是尋找新穎想法的一種練習。游戲圖標設(shè)計可能是靈感的重要來源，因為通常會顯示更多的想法，而且沒有約定俗成。

5.不要用詞

文字和圖片是單獨的表示工具，將它們混合為圖形表示通常會帶來混亂，不專心且難以解碼的體驗。每當我在應(yīng)用程序圖標中看到文字時，我都會覺得設(shè)計師錯過了清楚傳達其意圖的機會。

考慮圖標中的單詞時應(yīng)考慮的事項

• 無需在圖標中包含應(yīng)用程序的名稱-它通常會在界面中隨圖標一起顯示。相反，請花時間提出一個很酷的圖片概念。

• “但是Facebook在其應(yīng)用程序圖標中帶有'f'，”我聽到您說。如果您使用的是單個字母，并且非常適合（而且非常獨特），那么該字母將失去其“深沉”的含義，并成為標志性標志。但是，這通常是例外而不是規(guī)則。

• 在方格中使用公司徽標和名稱絕不是一個好的解決方案。您是否有一個標記或標志符號可以在約束范圍內(nèi)正常工作？如果沒有，那么您最好是提出一些新的東西。請記住，圖標與徽標并不相同，因此不應(yīng)將其強制置于相同的上下文中。