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

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

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

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

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

五個(gè)核心方面

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

1.可擴(kuò)展性

圖標(biāo)最重要的方面之一是可伸縮性。因?yàn)閳D標(biāo)將在整個(gè)平臺的多個(gè)位置顯示，并以不同的大小顯示，所以您的作品必須保持其可讀性和唯一性，這一點(diǎn)很重要。

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

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

如何提高可伸縮性

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

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

• 確保在各種背景下該圖標(biāo)看起來都不錯(cuò)。

2.可識別性

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

圖標(biāo)可以是詳細(xì)的或簡單的。只要確保它具有創(chuàng)造力和趣味性，并準(zhǔn)確傳達(dá)您的意圖即可。

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

如何提高可識別性

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

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

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

3.一致性

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

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

如何提高一致性

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

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

  
  

4.獨(dú)特性

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

如何提高獨(dú)特性

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

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

無論您的設(shè)計(jì)風(fēng)格是什么，唯一性通常都是尋找新穎想法的一種練習(xí)。游戲圖標(biāo)設(shè)計(jì)可能是靈感的重要來源，因?yàn)橥ǔ@示更多的想法，而且沒有約定俗成。

5.不要用詞

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

考慮圖標(biāo)中的單詞時(shí)應(yīng)考慮的事項(xiàng)

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

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

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