任何應(yīng)用程序開(kāi)發(fā)公司都會(huì)做出的最關(guān)鍵的選擇之一是應(yīng)用程序圖標(biāo)的設(shè)計(jì)。好的圖標(biāo)很有吸引力并且會(huì)增加互動(dòng)，而糟糕的設(shè)計(jì)會(huì)減慢采用速度并降低用戶(hù)使用它的可能性。他們的第一印象將是您的應(yīng)用程序的圖標(biāo) - 這是他們從首次下載您新發(fā)布的產(chǎn)品的任何商店中首先看到的內(nèi)容，也是他們每次啟動(dòng)該產(chǎn)品時(shí)都會(huì)看到的內(nèi)容。 
獲得正確的描述不僅是一件好事，而且也是一件好事。如果您希望您的應(yīng)用程序取得成功，這一點(diǎn)至關(guān)重要。幸運(yùn)的是，在制作圖標(biāo)方面，有很多地方和公司可以從中汲取靈感。在本文中，我們將討論五家頂級(jí)科技公司在應(yīng)用程序圖標(biāo)設(shè)計(jì)方面所做的工作，以及您可以從這些出色的設(shè)計(jì)師那里學(xué)到什么

 
要點(diǎn)：

• 應(yīng)用程序圖標(biāo)設(shè)計(jì)需要滿(mǎn)足一系列標(biāo)準(zhǔn)，包括美觀、功能、品牌代表性和特定于平臺(tái)的考慮因素。
• 在考慮設(shè)計(jì)自己的圖標(biāo)時(shí)，請(qǐng)考慮頂級(jí)公司的建議，例如蘋(píng)果公司對(duì)簡(jiǎn)單性的強(qiáng)調(diào)或微軟平衡創(chuàng)新與傳統(tǒng)的流暢設(shè)計(jì)系統(tǒng)。

 
什么是應(yīng)用程序圖標(biāo)設(shè)計(jì)？
應(yīng)用程序圖標(biāo)設(shè)計(jì)涉及為您的應(yīng)用程序創(chuàng)建完美的圖標(biāo)。它通常封裝應(yīng)用程序的品牌、用途和主要功能，將這些元素提煉成簡(jiǎn)單、令人難忘的圖像。設(shè)計(jì)應(yīng)用程序圖標(biāo)時(shí)，請(qǐng)考慮顏色選擇、形狀和可擴(kuò)展性因素。
此外，設(shè)計(jì)人員必須牢記特定于平臺(tái)的準(zhǔn)則。iOS、Android和其他操作系統(tǒng)都有獨(dú)特的設(shè)計(jì)標(biāo)準(zhǔn)，以確保一致的用戶(hù)體驗(yàn)。當(dāng)我們了解流行科技公司為其應(yīng)用程序圖標(biāo)所做的事情時(shí)，我們將更詳細(xì)地討論這些內(nèi)容。
從本質(zhì)上講，應(yīng)用程序圖標(biāo)設(shè)計(jì)是美學(xué)、功能和品牌表現(xiàn)的融合，所有這些都限制在一個(gè)小的視覺(jué)空間內(nèi)?？紤]到它給用戶(hù)的印象和有限的像素空間，獲得最佳的應(yīng)用程序圖標(biāo)設(shè)計(jì)至關(guān)重要。
 
頂級(jí)公司對(duì)應(yīng)用程序圖標(biāo)設(shè)計(jì)有何評(píng)價(jià)？
在設(shè)計(jì)方面，頂級(jí)科技公司有很多值得學(xué)習(xí)的地方，因?yàn)樗麄兘?jīng)常聘請(qǐng)市場(chǎng)上一些最有才華的設(shè)計(jì)師。他們的市場(chǎng)領(lǐng)導(dǎo)者地位意味著他們通常可以引領(lǐng)一些趨勢(shì)。以下是 Apple、Microsoft、IBM、Atlassian 和 Google 在應(yīng)用程序設(shè)計(jì)方面所做的工作。

1.蘋(píng)果

許多人將蘋(píng)果視為設(shè)計(jì)領(lǐng)域的領(lǐng)導(dǎo)者。從標(biāo)志性設(shè)備到令人驚嘆的應(yīng)用程序，無(wú)數(shù)公司都向它們尋求靈感。與許多平臺(tái)開(kāi)發(fā)商一樣，蘋(píng)果在網(wǎng)上列出了他們的最佳實(shí)踐。在圖標(biāo)設(shè)計(jì)方面，以下是該品牌的三個(gè)關(guān)鍵要點(diǎn)。
首先，簡(jiǎn)單更好。想想你見(jiàn)過(guò)的所有令人難忘的圖標(biāo)。讓我們以 Facebook 或 Twitter 的舊徽標(biāo)為例。它們分別是一只鳥(niǎo)和一個(gè)“f”。現(xiàn)在，想想蘋(píng)果的設(shè)計(jì)。例如，Apple Music 只不過(guò)是幾個(gè)音符。這些圖標(biāo)中的每一個(gè)都非常簡(jiǎn)單。請(qǐng)記住，這些圖形描述在用戶(hù)設(shè)備上往往非常小。制作復(fù)雜的細(xì)節(jié)很快就會(huì)消失。出色的應(yīng)用程序圖標(biāo)設(shè)計(jì)大膽且易于識(shí)別 - 它簡(jiǎn)單且易于在眾多應(yīng)用程序中被發(fā)現(xiàn)。想想如何讓你的圖標(biāo)設(shè)計(jì)過(guò)程變得簡(jiǎn)單！
接下來(lái)，如果可能的話(huà)，刪除文本，或者至少將其保持在最低限度。僅當(dāng)文本是您品牌的重要組成部分時(shí)才包含文本。太多人希望包含公司名稱(chēng)或標(biāo)語(yǔ)，但這通常很難閱讀，尤其是在較小的設(shè)備上。如果可能的話(huà)，讓你的應(yīng)用程序圖標(biāo)保持圖形化。
 
最后，考慮您的平臺(tái)并在必要時(shí)創(chuàng)建備用應(yīng)用程序圖標(biāo)。在 iOS 上看起來(lái)不錯(cuò)的圓角設(shè)計(jì)在 Android 上可能就不那么好看了。通過(guò)考慮（并定制您的應(yīng)用程序圖標(biāo)）平臺(tái)，您將創(chuàng)建獨(dú)特但統(tǒng)一的體驗(yàn)，無(wú)論人們?cè)谀睦锸褂媚膽?yīng)用程序。

2.微軟

微軟的流暢設(shè)計(jì)系統(tǒng)囊括了用戶(hù)界面和體驗(yàn)設(shè)計(jì)的未來(lái)，同時(shí)確保與公司的歷史根源有著深刻的聯(lián)系。關(guān)于通過(guò) Fluent 進(jìn)行應(yīng)用程序圖標(biāo)設(shè)計(jì)，明顯綜合了過(guò)去、現(xiàn)在和未來(lái) - 現(xiàn)代應(yīng)用程序設(shè)計(jì)者應(yīng)該考慮這一點(diǎn)！
基于 Fluent 的圖標(biāo)不僅僅是美觀。雖然他們擁抱深度、光線(xiàn)、運(yùn)動(dòng)和物質(zhì)性來(lái)提供現(xiàn)代的交互式用戶(hù)體驗(yàn)，但對(duì)微軟的傳統(tǒng)有著基本的尊重。挑戰(zhàn)在于取得平衡：如何在尊重和回憶早期軟件的標(biāo)志性圖像的同時(shí)進(jìn)行創(chuàng)新？微軟希望在保留大部分歷史的同時(shí)，對(duì)其產(chǎn)品進(jìn)行改頭換面。以下是他們應(yīng)用的一些規(guī)則：
超越單色。微軟的答案是向過(guò)去致敬的分層動(dòng)態(tài)圖標(biāo)。這些圖標(biāo)保持熟悉感，確保長(zhǎng)期用戶(hù)有賓至如歸的感覺(jué)，同時(shí)以其現(xiàn)代外觀吸引新用戶(hù)。調(diào)色板與傳統(tǒng)主題和現(xiàn)代設(shè)計(jì)范例產(chǎn)生共鳴。紋理和材料既流行又現(xiàn)代，但讓人想起真實(shí)世界的觸覺(jué)體驗(yàn)。
 

平衡傳統(tǒng)與創(chuàng)新。如果您的公司并不是全新的公司，那么 Microsoft 在 Fluent 方面所做的工作有很多值得學(xué)習(xí)的地方。在應(yīng)用程序圖標(biāo)的設(shè)計(jì)過(guò)程中，尊重公司的歷史，同時(shí)傳達(dá)公司全新的應(yīng)用程序至關(guān)重要。通過(guò)了解 Microsoft 對(duì) Fluent 所做的事情，您可以了解如何平衡豐富的歷史，同時(shí)傳達(dá)您希望為您的應(yīng)用程序和公司打造的大膽未來(lái)。

3、IBM

人們?cè)谙氲綉?yīng)用程序時(shí)可能不會(huì)想到 IBM，但他們開(kāi)發(fā)了一種引人注目的設(shè)計(jì)系統(tǒng)，稱(chēng)為 IBM 設(shè)計(jì)語(yǔ)言。設(shè)計(jì)人員應(yīng)該考慮 IBM 指出的一些事項(xiàng)，因?yàn)檫@些概念可以作為我們應(yīng)用程序圖標(biāo)的指南。
他們的圖標(biāo)設(shè)計(jì)理念的核心是將其分為四個(gè)不同的組：“描邊”和“填充”圖標(biāo)、英雄品牌、第三方徽標(biāo)和獨(dú)特的 IBM Plex 應(yīng)用程序圖標(biāo)。這個(gè)概念暗示了應(yīng)用程序圖標(biāo)設(shè)計(jì)中非常關(guān)鍵的一點(diǎn)——空間。你的圖標(biāo)是筆畫(huà)圖標(biāo)嗎？補(bǔ)一份？您如何使用應(yīng)用程序圖標(biāo)的可用空間，或者您是否使用負(fù)空間？這些都是重要的考慮因素。

此外，IBM對(duì)所有圖標(biāo)應(yīng)用相同的網(wǎng)格。設(shè)計(jì)師在尺寸為 32 像素 x 32 像素的基于像素的網(wǎng)格上制作每個(gè) IBM 圖標(biāo)，以實(shí)現(xiàn)統(tǒng)一。這是一個(gè)基本準(zhǔn)則，確保每件藝術(shù)品都能完美地卡入到位。然而，鼓勵(lì)設(shè)計(jì)師在創(chuàng)作過(guò)程中進(jìn)行微調(diào)，以達(dá)到所需的形狀。
IBM 還通過(guò)創(chuàng)建圖標(biāo)組來(lái)保持圖標(biāo)一致性。如果您擁有多個(gè)應(yīng)用程序，這一點(diǎn)至關(guān)重要，因?yàn)樗梢宰屓藗兦擅畹刂滥墓臼撬羞@些應(yīng)用程序的幕后支持者。當(dāng)然，不僅僅是 IBM 這樣做，蘋(píng)果和微軟也是如此。您通常只需查看圖標(biāo)就可以知道應(yīng)用程序背后是哪家公司！
如果您是一名設(shè)計(jì)師，那么值得翻閱 IBM 設(shè)計(jì)語(yǔ)言，因?yàn)樗性S多實(shí)現(xiàn)完美設(shè)計(jì)的精彩指導(dǎo)。
 
4.阿特拉斯

正如任何視覺(jué)藝術(shù)形式一樣，不同的設(shè)計(jì)師和公司有不同的觀點(diǎn)。Atlassian 強(qiáng)調(diào)了一些以前的公司沒(méi)有提到的事情——可訪問(wèn)性和避免用戶(hù)泛濫。
在當(dāng)今的現(xiàn)代世界，可訪問(wèn)性并不是一件好事。必須的。確保您的應(yīng)用程序的圖標(biāo)可訪問(wèn)。這意味著它應(yīng)該遵守 WCAG 對(duì)比度，并且不應(yīng)有帶有不熟悉的圖標(biāo)的文本。您希望人們立即掌握您的圖標(biāo)和應(yīng)用程序的含義，無(wú)論他們的能力如何。
此外，Atlassian 還鼓勵(lì)人們避免過(guò)度使用圖標(biāo)。保持它們簡(jiǎn)單干凈，以盡量減少“圖標(biāo)疲勞”。人們每天都會(huì)查看數(shù)十個(gè)應(yīng)用程序圖標(biāo)，如果您的圖標(biāo)在視覺(jué)上過(guò)于混亂或復(fù)雜，他們就會(huì)從您的應(yīng)用程序中退出，而不是傾向于使用它。

5.谷歌

與上述所有公司一樣，谷歌也通過(guò) Material（谷歌的應(yīng)用程序圖標(biāo)設(shè)計(jì)系統(tǒng)）來(lái)強(qiáng)調(diào)其圖標(biāo)。雖然 Material 有許多范式，但設(shè)計(jì)師應(yīng)該考慮其中的三個(gè)范式。
首先，考慮顏色。材質(zhì)指南指定了活動(dòng)圖標(biāo)和非活動(dòng)圖標(biāo)使用的顏色。此外，你應(yīng)該區(qū)分積極、專(zhuān)注和單純的積極。設(shè)計(jì)人員經(jīng)常忽略焦點(diǎn)狀態(tài)，特別是對(duì)于具有觸摸功能的應(yīng)用程序。
接下來(lái)，使復(fù)雜的圖標(biāo)清晰易讀。正如上述公司所指出的，這些必須是可讀的，谷歌也不例外。如果您需要調(diào)整圖標(biāo)以確保它們清晰易讀，請(qǐng)這樣做，即使它們是系統(tǒng)圖標(biāo)。
最后，Google 的 Material 系統(tǒng)圖標(biāo)是粗體、對(duì)稱(chēng)且簡(jiǎn)約的。它們僅傳達(dá)用戶(hù)確定圖標(biāo)背后的操作所需的信息量。這個(gè)設(shè)計(jì)原則值得在您的應(yīng)用程序圖標(biāo)設(shè)計(jì)中考慮。
例如，下面的圖標(biāo)顯示的信息足以傳達(dá)其含義，但又不會(huì)過(guò)于復(fù)雜。