Google Play 圖標(biāo)設(shè)計規(guī)范

來源: Google Developers
作者:Google Developers
時間:2020-12-22
18022
Google Play上的應(yīng)用和游戲現(xiàn)已采用新的圖標(biāo)系統(tǒng),可根據(jù)Google Play的各種界面布局、設(shè)備類型和設(shè)備調(diào)整各種開發(fā)者效果圖,進(jìn)而為Google Play打造簡潔一致的外觀。

Google Play上的應(yīng)用和游戲現(xiàn)已采用新的圖標(biāo)系統(tǒng),可根據(jù)Google Play的各種界面布局、設(shè)備類型和設(shè)備調(diào)整各種開發(fā)者效果圖,進(jìn)而為Google Play打造簡潔一致的外觀。

圖標(biāo)形狀經(jīng)過統(tǒng)一后,會有吸引人的視覺效果,也可以讓畫面更為一目了然,有助于吸引用戶注意圖標(biāo)圖片本身,而非圖標(biāo)的外在形狀。這項調(diào)整也能解決隨機空白區(qū)域所導(dǎo)致的對齊問題,借此改善標(biāo)題、評分和價格等周圍信息的呈現(xiàn)方式。

微信圖片_20201222102433.png

本頁介紹了為應(yīng)用創(chuàng)建Google Play商品詳情素材資源時需要遵循的指南。例如,Google Play會為您的應(yīng)用圖標(biāo)動態(tài)呈現(xiàn)圓角和陰影,因此您在原始素材資源中可省去這些設(shè)計。

重要提示:本頁僅說明了Google Play圖標(biāo)相關(guān)信息,如果您有興趣詳細(xì)了解如何制作APK啟動器圖標(biāo),請參考以下資源:

·Android自適應(yīng)圖標(biāo)

請遵循這些APK圖標(biāo)指南,了解如何制作在Android 8.0(API級別26)中推出的自適應(yīng)啟動器圖標(biāo)。

·產(chǎn)品圖標(biāo)

了解產(chǎn)品圖標(biāo)的Material Design原則,包括圖標(biāo)設(shè)計、形狀、規(guī)范和處理指南。

創(chuàng)建素材資源

本部分介紹了您為Google Play中的應(yīng)用創(chuàng)建可視化素材資源時應(yīng)遵循的一些指南。

屬性

您可以用圖標(biāo)圖片填充整個素材資源空間,也可以設(shè)計徽標(biāo)等圖片元素并放置到框線網(wǎng)格上。放置圖片時,請以框線作為參考,但這不是硬性規(guī)定。

制作圖片時,請確保圖片符合以下要求:

最終尺寸:512 x 512像素

格式:32位PNG

顏色空間:sRGB

文件大小上限:1024KB

形狀:完整正方形-Google Play會動態(tài)處理遮蓋部分。半徑相當(dāng)于圖標(biāo)大小的20%。

陰影:無-Google Play會動態(tài)處理陰影。請參閱下文的“陰影”部分,了解如何在圖片中添加陰影。

微信圖片_20201222102511.png

當(dāng)您上傳素材資源后,Google Play會以動態(tài)方式應(yīng)用圓角遮蓋部分和陰影,確保所有應(yīng)用/游戲圖標(biāo)的設(shè)計保持一致。

dynamic-process.png

左側(cè)顯示的是新的圖標(biāo)素材資源。下方右側(cè)三張圖片顯示的是Google Play動態(tài)處理該圖標(biāo)的過程。

大小

處理極簡圖片時,請將整個素材資源空間用作背景。

放置徽標(biāo)等圖片元素時,請使用框線作為參考。

微信圖片_20201222102644.png

請勿強制將徽標(biāo)或圖片鋪滿整個素材資源空間。建議您改用框線網(wǎng)格來調(diào)整。

微信圖片_20201222102708.png

一般來說,插圖圖片以全寬圖標(biāo)呈現(xiàn)的效果比較好。

微信圖片_20201222102752.png

陰影

圖標(biāo)上傳后,Google Play會以動態(tài)方式在最終圖標(biāo)周圍添加陰影。

在圖標(biāo)圖片中添加陰影時,請遵循Google Material指南,以便與Android平臺設(shè)計保持一致。

微信圖片_20201222102824.png

角半徑

Google Play會以動態(tài)方式應(yīng)用圓角半徑。這可以確保圖標(biāo)針對不同界面布局調(diào)整大小時,能夠保持一致。半徑相當(dāng)于圖標(biāo)大小的20%。

微信圖片_20201222102844.png

徽章

嵌入式徽章會削弱圖標(biāo)本身的效果,且隨圖標(biāo)縮小的效果不佳。

微信圖片_20201222102954.png

品牌適應(yīng)

如果徽標(biāo)的形狀非常重要,請勿強制將圖片調(diào)整為全寬配置,而應(yīng)將其放置在新的框線網(wǎng)格上。

brand-adaptation-full-bleed.png

從左到右依次為:原始圖標(biāo)素材資源、新版圖標(biāo)素材資源(按建議進(jìn)行調(diào)整)、在Google Play上呈現(xiàn)的新圖標(biāo)。

如果可能,請為素材資源選擇適合您品牌的背景顏色,不要保留任何透明部分。透明的素材資源會顯示Google Play界面的背景顏色。

brand-adaptation-background.png

從左到右依次為:原始圖標(biāo)素材資源、新版圖標(biāo)素材資源(按建議進(jìn)行調(diào)整)、在Google Play上呈現(xiàn)的新圖標(biāo)。

如果徽標(biāo)四周沒有明顯的形狀來確定其邊界,請將其放到全寬背景中。

brand-adaptation-shape.png

從左到右依次為:原始圖標(biāo)素材資源、新版圖標(biāo)素材資源(按建議進(jìn)行調(diào)整)、在Google Play上呈現(xiàn)的新圖標(biāo)。

如果您的圖片設(shè)計足夠靈活,可以考慮調(diào)整圖片,以便充分利用素材資源的大小。如果無法做到這一點,可改回將徽標(biāo)放置在框線網(wǎng)格上。

brand-adaptation-keyline.png

從左到右依次為:原始圖標(biāo)素材資源、新版圖標(biāo)素材資源(按建議進(jìn)行調(diào)整)、在Google Play上呈現(xiàn)的新圖標(biāo)。

舊版模式

原有的圖標(biāo)素材資源如未根據(jù)新規(guī)范更新,最終都會遷移到舊版模式,并依據(jù)框線網(wǎng)格縮小為75%的大?。?12*0.75=384像素)。

自2019年5月起,系統(tǒng)將不允許按原來的規(guī)范上傳圖標(biāo)。有關(guān)詳情,請參閱時間線。

legacy-mode (1).png

原有的圖標(biāo)素材資源會自動轉(zhuǎn)換為舊版模式的素材資源,并依據(jù)新框線網(wǎng)格縮小為75%的大小。

面向API用戶的說明

API用戶的遷移日期略有不同,但最終結(jié)果都是在2019年6月24日之前需要使所有圖標(biāo)遵守新規(guī)范,否則自動轉(zhuǎn)換為“舊版模式”。

在2019年6月17日之前,開發(fā)者必須使用Play管理中心對其圖標(biāo)應(yīng)用新規(guī)范。所有對Edits.images:upload的調(diào)用都將應(yīng)用在Play管理中心中配置的規(guī)范。無法通過API應(yīng)用新規(guī)范。如果仍然應(yīng)用舊規(guī)范,則Edits.images:upload調(diào)用可能會出錯,并且該特定圖標(biāo)的錯誤消息會將您指向此規(guī)范。使用Play管理中心應(yīng)用新規(guī)范后,您可以重試Edits.images:upload調(diào)用。您可能需要多次重試該調(diào)用,它才能成功。

從2019年6月17日開始,對Edits.images:upload的所有API調(diào)用都會自動對圖標(biāo)應(yīng)用新規(guī)范。2019年6月17日之后,您只能上傳符合新規(guī)范的圖標(biāo)。

立即登錄,閱讀全文
版權(quán)說明:
本文內(nèi)容來自于Google Developers,本站不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。文章內(nèi)容系作者個人觀點,不代表快出海對觀點贊同或支持。如有侵權(quán),請聯(lián)系管理員(zzx@kchuhai.com)刪除!
優(yōu)質(zhì)服務(wù)商推薦
更多
掃碼登錄
打開掃一掃, 關(guān)注公眾號后即可登錄/注冊
加載中
二維碼已失效 請重試
刷新
賬號登錄/注冊
個人VIP
小程序
快出海小程序
公眾號
快出海公眾號
商務(wù)合作
商務(wù)合作
投稿采訪
投稿采訪
出海管家
出海管家