移動應(yīng)用UI圖標(biāo)設(shè)計(jì)的規(guī)則

　　為什么每個應(yīng)用都需要一個圖標(biāo)？本文AAA教育的武老師對這個知識點(diǎn)進(jìn)行了詳細(xì)的分解。雖然這篇文章很基礎(chǔ)，但肯定會對你有所幫助~
 

　　應(yīng)用程序圖標(biāo)是為每個移動應(yīng)用程序添加的唯一圖像，第一個用戶在Apple App Store和Google Play上找到應(yīng)用程序時(shí)會看到。
 

　　在此早期階段，當(dāng)用戶仍在決定是否還要簽出該應(yīng)用程序時(shí)，該圖標(biāo)將有助于產(chǎn)生興趣并向用戶保證該應(yīng)用程序是有用且值得信賴的投資。
 

　　壞圖標(biāo)的作用要大一倍，但反之亦然。它混淆了應(yīng)用程序的利益，并產(chǎn)生了疑問。
 

　　但是，一旦用戶安裝了應(yīng)用程序，圖標(biāo)的目標(biāo)就會更改。現(xiàn)在，它可以幫助您在主屏幕上的其他圖標(biāo)中搜索該應(yīng)用程序。
 

　　但是，什么使應(yīng)用程序圖標(biāo)“好”呢?
 

　　應(yīng)用程序圖標(biāo)設(shè)計(jì)的3條規(guī)則
 

　　讓我們解決這個問題：應(yīng)用程序圖標(biāo)≠徽標(biāo)。
 

　　如果您想學(xué)習(xí)如何設(shè)計(jì)一個好的徽標(biāo)，那么會有無數(shù)關(guān)于該主題的文章，而大多數(shù)文章至少部分基于Paul Rand的品牌設(shè)計(jì)原則。這不足為奇!應(yīng)用程序圖標(biāo)是品牌的一部分，圖標(biāo)和徽標(biāo)之間通常會故意重疊。但是，我不能對此施加足夠的壓力：它們并不相同。
 

　　徽標(biāo)和應(yīng)用程序圖標(biāo)具有不同的目標(biāo)，盡管這并不意味著徽標(biāo)不能與圖標(biāo)重疊，但需要考慮它們各自的目標(biāo)。
 

　　既然這已經(jīng)不成問題，那么在圖標(biāo)設(shè)計(jì)過程中，您應(yīng)該做以下四件事。
 

　　1.可擴(kuò)展性
 

　　圖標(biāo)的大小沒有靈活性，它們的尺寸很小且很小，并且不能拉伸或更改。這意味著易讀性是應(yīng)用程序圖標(biāo)的首要任務(wù)。您會注意到，圖標(biāo)不僅出現(xiàn)在主頁上，還以較小的大小顯示在子菜單中。
 

　　用戶不必費(fèi)力地試圖理解設(shè)計(jì)師的想法。在這里，在各種設(shè)備上進(jìn)行測試是關(guān)鍵(我們?yōu)榇耸褂肁ppsparky);盡管丟失細(xì)節(jié)是不可避免的，但這個主意必須始終清楚。這使我們成為應(yīng)用程序圖標(biāo)設(shè)計(jì)的第二個考慮因素……
 

　　2.可識別性
 

　　這是應(yīng)用程序和徽標(biāo)重疊的地方。UI設(shè)計(jì)圖標(biāo)怎么設(shè)計(jì)。
 

　　在Messapps，我們建議，對于可識別性而言，簡單性是關(guān)鍵-但這并不意味著乏味。
 

　　這里的簡單意味著專注于一個想法并擺脫任何不必要或重復(fù)的元素。每個像素都應(yīng)幫助用戶理解并感興趣這個大創(chuàng)意。
 

　　我們在Messapps不斷致力于我們創(chuàng)造的設(shè)計(jì)，以使客戶對結(jié)果產(chǎn)生真正的驚奇。這項(xiàng)工作包括更改我們在設(shè)計(jì)中實(shí)現(xiàn)的概念和想法，這就是我們使用Mentissana應(yīng)用程序所做的。
 

　　可識別性的關(guān)鍵是差異化：應(yīng)用程序的獨(dú)特性。
 

　　App Store中有近200萬個應(yīng)用程序，Google Play中有210萬個應(yīng)用程序。那就是200萬個應(yīng)用程序圖標(biāo)-所有這些都在爭奪人們的關(guān)注。大品牌可以使用其徽標(biāo)來吸引人們的注意，但是鮮為人知的應(yīng)用程序有什么作用?
 

　　顯示一些新奇的東西!
 

　　Todoist將標(biāo)準(zhǔn)用于任務(wù)管理器“復(fù)選標(biāo)記”，但結(jié)構(gòu)有趣。為了確保您的圖標(biāo)脫穎而出，請花一些時(shí)間在適當(dāng)位置檢查應(yīng)用程序。如果您看到的大多數(shù)圖標(biāo)都是彩色的，請考慮使用單色調(diào)色板。如果某個項(xiàng)目的圖像很多，請顯示不同的圖像。
 

　　始終尋找解決問題的方法!
 

　　很難提出新的東西。制作情緒板，創(chuàng)建思維導(dǎo)圖，向朋友和同事尋求建議。您永遠(yuǎn)不知道在哪里可以找到一個好主意。
 

　　3.一致性
 

　　圖標(biāo)是應(yīng)用程序的一部分，商標(biāo)必須在兩者之間保持一致。圖標(biāo)應(yīng)描述一個應(yīng)用程序并顯示其主要功能。這對于僅靠一個游戲機(jī)制就能使應(yīng)用下載一百萬次的游戲尤為重要。
 

　　Jazz Smash在應(yīng)用程序圖標(biāo)中顯示了主要的游戲功能。在游戲中，您用蝙蝠砸碎了不同的物品。
 

　　不要在圖標(biāo)中包含屏幕截圖和界面元素，否則可能會誤導(dǎo)用戶。相反，應(yīng)該暗示應(yīng)用程序的功能，并堅(jiān)持與應(yīng)用程序本身相同的樣式和顏色。指導(dǎo)原則可以幫助您實(shí)現(xiàn)這一目標(biāo)!
 

　　符合圖標(biāo)設(shè)計(jì)準(zhǔn)則
 

　　盡管iOS和Android圖標(biāo)開始看起來相同，但是仍然存在許多差異，使我們無法在兩種操作系統(tǒng)上使用相同的應(yīng)用程序圖標(biāo)：比例，視覺技巧和特殊功能。用戶習(xí)慣了自己的操作系統(tǒng)。
 

　　相同應(yīng)用的iOS(左側(cè))和Android(右側(cè))圖標(biāo)
 

　　這并不意味著您需要繪制不同的應(yīng)用程序圖標(biāo)。實(shí)際上，重大差異將降低應(yīng)用程序的識別度。
 

　　而不是一千個字...
 

　　應(yīng)用程序圖標(biāo)從用戶第一次接觸應(yīng)用程序起便伴隨著他們進(jìn)行的每次互動。圖標(biāo)的作用是重要且動態(tài)的，需要仔細(xì)研究和考慮周到。
 

　　我們團(tuán)隊(duì)中還使用和遵循許多課程和資源，在這里我們想與您分享其中的一些：
 

　　邁克爾·弗拉魯普(Michael Flarup)的Skillshare課程“設(shè)計(jì)應(yīng)用程序圖標(biāo)”(Design App Icons)是圖標(biāo)設(shè)計(jì)師的入門很好的課程。我建議您查看UX Planet后10個案例研究，以顯示應(yīng)用程序圖標(biāo)如何影響應(yīng)用程序的轉(zhuǎn)化率，并討論應(yīng)用程序營銷和應(yīng)用程序圖標(biāo)設(shè)計(jì)。在處理應(yīng)用程序圖標(biāo)概念時(shí)，我們每天使用iOS圖標(biāo)庫。
 

　　不過，我能提供的最重要建議是，您永遠(yuǎn)不要忘記應(yīng)用程序本身！畢竟，只需點(diǎn)擊幾下即可刪除一個應(yīng)用程序。無論您的圖標(biāo)多么酷，如果某個應(yīng)用程序無用，用戶都將其刪除，這就是圖標(biāo)的重要性。這篇文章的內(nèi)容你學(xué)到了嗎，更多資訊請持續(xù)關(guān)注AAA教育~