Join a series of free webinars to help you grow your business on Google Play. Sign up today

Google Play 圖示設計規範

Google Play 應用程式與遊戲現已採用全新的圖示系統,可根據各式 Google Play UI 版面配置、板型規格和裝置,調整各種開發人員圖片的呈現效果,進而為 Google Play 打造清新一致的外觀。

圖示形狀經過統一後,會有更佳的視覺效果,也可讓畫面更為一目瞭然,有助於吸引使用者注意圖示圖片本身,而非外在的圖示形狀。這項調整也能修正隨機開放空間所導致的對齊問題,藉此改善標題、內容分級、及價格等鄰近資訊的呈現方式。

自由形式 – 原始格式
統一形式 – 新格式

建立 Google Play 應用程式商店資訊的素材資源時,請遵循本頁面說明的規範。舉例來說,由於 Google Play 會以動態方式顯示應用程式圖示的圓角與投射陰影,因此在原始素材資源中即可省略這些設計。

重要資訊:本頁面僅說明 Google Play 圖示相關資訊,如果您有興趣進一步瞭解建立 APK 啟動器圖示的資訊,請參閱以下資源:

  • Android 自動調整圖示
    請參閱這些 APK 圖示規範,瞭解如何建立於 Android 8.0 (API 層級 26) 中推出的自動調整啟動器圖示。
  • 產品圖示
    探索產品圖示的質感設計原則,包括圖示設計、形狀、規格,以及處理規範。

建立素材資源

建立 Google Play 應用程式的視覺素材資源時,請遵循本節說明的規範。

屬性

您可在整個素材資源空間中填入圖示圖片,也可以設計讓標誌等圖片元素定位在標線格線上。標線是放置圖片的指引,而非硬性規則。

建立圖片時,請確認圖片符合下列規定:

  • 最終大小:512px x 512px
  • 格式:32 位元 PNG
  • 色域:sRGB
  • 檔案大小上限:1024 KB
  • 形狀:完整正方形 (遮蓋部分由 Google Play 進行動態處理)。半徑為圖示大小的 20%。
  • 陰影:無 (陰影由 Google Play 進行動態處理)。請參閱下文「陰影」一節,瞭解如何在圖片中納入陰影。
素材資源總大小
產品圖示標線

當您上傳素材資源後,Google Play 會以動態方式套用圓角遮蓋和陰影,以確保所有應用程式/遊戲圖示的設計皆能一致。

左側顯示新的圖示素材資源;右側的連續三個圖片則顯示 Google Play 如何對圖示進行動態處理。

大小

處理極簡圖片時,請將完整的素材資源空間做為背景。

定位標誌等圖片元素時,請使用標線做為指引。

您的全出血圖片 (最終素材資源)
Google Play 以動態方式套用陰影和圓角的最終結果

請勿將標誌或圖片強制調整為符合完整素材資源空間,建議您改用標線格線來調整。

錯誤做法:
請物將具有強烈顏色的品牌和圖片強制轉換為全出血配置
正確做法:
請改為在標線上放置自由形式的圖示圖片

一般來說,插圖圖片以全出血圖示呈現的效果最好。

錯誤做法:
請勿將插圖圖片縮小到標線範圍
正確做法:
使用完整的素材資源空間,讓圖片填滿整個圖示範圍

陰影

當您上傳圖示後,Google Play 會以動態方式為最終的圖示在周圍新增投射陰影。

在圖示圖片中新增陰影時,請遵循 Google 質感設計規範,以便與 Android 平台設計保持一致。

錯誤做法:
請勿在最終素材資源中新增投射陰影
正確做法:
可在圖片內部建立陰影和光影

圓角半徑

Google Play 會以動態方式套用圓角半徑,進而確保圖示針對不同 UI 版面配置調整大小時,能夠保持整體一致。半徑為圖示大小的 20%。

錯誤做法:
請勿將最終素材資源的邊角調圓
正確做法:
儘可能將圖片填滿整個素材資源

徽章

嵌入式徽章會從圖示本身中刪除,且隨圖示縮小的效果不佳。

注意:
避免在圖片中宣傳促銷訊息
注意:
避免使用品牌徽章

品牌調整

如果標誌的關鍵部分在於形狀,請勿將圖片強制調整為全出血配置, 可以改為將圖片放置在新的標線格線上。

從左到右:原始圖示素材資源、新版圖示素材資源 (依建議進行調整)、Google Play 顯示的新圖示。

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

從左到右:原始圖示素材資源、新版圖示素材資源 (依建議進行調整)、Google Play 顯示的新圖示。

定義標誌形狀時,如果標誌四周沒有明顯的形狀,請將標誌放到全出血的背景中。

從左到右:原始圖示素材資源、新版圖示素材資源 (依建議進行調整)、Google Play 顯示的新圖示。

如果您的圖片設計較為彈性,可以考慮將圖片調整為充分利用素材資源的大小;如不可行,可改回將標誌放置在標線格線上。

從左到右:原始圖示素材資源、新版圖示素材資源 (依建議進行調整)、Google Play 顯示的新圖示。

舊版模式

原始的圖示素材資源如未根據新規格更新,最終皆會移轉為舊版模式,並依據標線格線縮小為 75% 的大小 (512 * 0.75 = 384px)。

自 2019 年 5 月起,系統將不允許以原始規格上傳圖示。查看時程詳細資料

原始的圖示素材資源會自動轉換為舊版模式的素材資源,並依據新標線格線縮小為 75% 的大小。

下載設計範本和資源

如要開始使用,請下載下列其中一個素材資源範本: