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

來源: Google Developers
作者:Google Developers
時(shí)間:2020-12-22
18026
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)一后,會(huì)有吸引人的視覺效果,也可以讓畫面更為一目了然,有助于吸引用戶注意圖標(biāo)圖片本身,而非圖標(biāo)的外在形狀。這項(xiàng)調(diào)整也能解決隨機(jī)空白區(qū)域所導(dǎo)致的對齊問題,借此改善標(biāo)題、評分和價(jià)格等周圍信息的呈現(xiàn)方式。

微信圖片_20201222102433.png

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

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

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

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

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

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

創(chuàng)建素材資源

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

屬性

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

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

最終尺寸:512 x 512像素

格式:32位PNG

顏色空間:sRGB

文件大小上限:1024KB

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

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

微信圖片_20201222102511.png

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

dynamic-process.png

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

大小

處理極簡圖片時(shí),請將整個(gè)素材資源空間用作背景。

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

微信圖片_20201222102644.png

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

微信圖片_20201222102708.png

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

微信圖片_20201222102752.png

陰影

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

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

微信圖片_20201222102824.png

角半徑

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

微信圖片_20201222102844.png

徽章

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

微信圖片_20201222102954.png

品牌適應(yīng)

如果徽標(biāo)的形狀非常重要,請勿強(qiáng)制將圖片調(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)。

如果可能,請為素材資源選擇適合您品牌的背景顏色,不要保留任何透明部分。透明的素材資源會(huì)顯示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è)計(jì)足夠靈活,可以考慮調(diào)整圖片,以便充分利用素材資源的大小。如果無法做到這一點(diǎn),可改回將徽標(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ī)范更新,最終都會(huì)遷移到舊版模式,并依據(jù)框線網(wǎng)格縮小為75%的大?。?12*0.75=384像素)。

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

legacy-mode (1).png

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

面向API用戶的說明

API用戶的遷移日期略有不同,但最終結(jié)果都是在2019年6月24日之前需要使所有圖標(biāo)遵守新規(guī)范,否則自動(dòng)轉(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)用可能會(huì)出錯(cuò),并且該特定圖標(biāo)的錯(cuò)誤消息會(huì)將您指向此規(guī)范。使用Play管理中心應(yīng)用新規(guī)范后,您可以重試Edits.images:upload調(diào)用。您可能需要多次重試該調(diào)用,它才能成功。

從2019年6月17日開始,對Edits.images:upload的所有API調(diào)用都會(huì)自動(dòng)對圖標(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)容系作者個(gè)人觀點(diǎn),不代表快出海對觀點(diǎn)贊同或支持。如有侵權(quán),請聯(lián)系管理員(zzx@kchuhai.com)刪除!
優(yōu)質(zhì)服務(wù)商推薦
更多
掃碼登錄
打開掃一掃, 關(guān)注公眾號后即可登錄/注冊
加載中
二維碼已失效 請重試
刷新
賬號登錄/注冊
個(gè)人VIP
小程序
快出海小程序
公眾號
快出海公眾號
商務(wù)合作
商務(wù)合作
投稿采訪
投稿采訪
出海管家
出海管家