旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習(xí)/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設(shè)計 > 移動應(yīng)用UI圖標設(shè)計的規(guī)則

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

時間:2020-11-17來源:mwtacok.cn點擊量:作者:Arya
時間:2020-11-17點擊量:作者:Arya

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

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

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

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

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

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

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

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

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

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

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

  1.可擴展性
 

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

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

  2.可識別性
 

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

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

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

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

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

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

  顯示一些新奇的東西!
 

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

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

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

  3.一致性
 

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

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

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

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

  符合圖標設(shè)計準則
 

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

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

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

  而不是一千個字...
 

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

  我們團隊中還使用和遵循許多課程和資源,在這里我們想與您分享其中的一些:
 

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

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

預(yù)約申請免費試聽課

填寫下面表單即可預(yù)約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ mwtacok.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖