如何製作 iOS 與 Android 圖示
從清楚的符號開始，準備正確原圖，再匯出並安裝平台資源。這份指南帶你從草圖走到可在裝置測試的圖示。
什麼是應用程式圖示？
圖示是使用者在主畫面、搜尋與商店識別應用程式的視覺標記。它不同於 favicon 或完整字標，必須在小尺寸仍能辨識，並配合各平台形狀。
如何設計圖示
可以用向量工具繪製，也可從簡單插畫開始。先確保清楚，再加入裝飾。
選擇一個重點
使用有特色的符號或字母，移除縮小後會消失的細節與長文字。
讓輪廓清楚
以形狀與色彩區分符號和背景，將重要內容遠離邊緣。
預覽實際尺寸
用主畫面尺寸與明暗背景檢查圖稿，匯出原圖前再調整。
需要起始符號嗎？ 探索應用程式 Logo 製作器
不用設計軟體也能開始
沒有完成圖稿時，使用瀏覽器可編輯的原創範本。這條路徑使用下方相同的預覽與匯出工作區。
1選擇起始範本
比較 Orbit、Stack 與 Signal；它們是可調整的原創、非專屬 SVG 原稿。
2修改縮寫與顏色
使用一至兩位英文字母或數字，選擇背景與重點色，保持小尺寸的對比。
3匯出前預覽
在工作區開啟範本，選平台、檢查遮罩與小尺寸預覽，再下載 ZIP。
使用產生器製作圖示
準備原圖後使用下方工作區。同一設計可產生 iOS 資源目錄與 Android 啟動器資源。
1匯出原圖
儲存清晰的 1024 × 1024 px PNG。Android 自適應使用透明符號有助於分離背景。
2上傳並選擇平台
加入檔案，啟用 iOS、Android 或兩者。
3檢查預覽
設定 Android 背景與前景比例，確認重要圖案在安全區內。
4下載 ZIP
匯出資源；ZIP 包含 iOS 的 AppIcon.appiconset 與 Android 的 res/mipmap。
- 全部處理在瀏覽器本地完成，圖片不會上傳伺服器。
- 一次導出覆蓋 iOS、Android、Chrome 等主流平臺。
每一杯咖啡都將用於伺服器成本與功能迭代。
在 Xcode 與 Android Studio 設定圖示
完成新圖示的構建檢查前，保留既有資源副本。
在 Xcode 設定 iOS 圖示
- 解壓 ZIP，在 Xcode 開啟 Assets.xcassets。
- 加入 AppIcon.appiconset。已有同名集合時先備份，確認 target 名稱再替換圖片與 Contents.json。
- 在應用程式 target 選擇 AppIcon，確認 1024 px 通用項目，再構建並於裝置或模擬器檢查。
在 Android Studio 設定圖示
- 解壓 ZIP 並檢查 res。
- 將 mipmap 密度資料夾與 mipmap-anydpi-v26 XML 合併到 app/src/main/res，替換前檢查既有檔案。
- 確認 AndroidManifest.xml 的 android:icon 指向 @mipmap/ic_launcher。構建並測試自適應及傳統外觀。
發布前檢查
- 保持 iOS 圖稿不透明，外部圓角留給系統。
- Android 主體留在安全區，測試多種啟動器遮罩。
- 移除舊資源前檢查檔名、預覽與實際構建。
圖示常見問題
應該從什麼格式開始？
高解析度 PNG 是實用原圖。iOS 用不透明正方形；Android 自適應用透明前景更容易搭配獨立背景。
iOS 圖示需要多大？
從 1024 × 1024 px 通用圖示項目開始，Xcode 可管理資源目錄的派生尺寸。
Android 為何需要兩層？
啟動器使用不同遮罩與視覺效果，分離前景與背景讓圖示適應形狀而不裁掉中央符號。
兩平台可以共用設計嗎？
可以共用符號，但要匯出各自資源結構，並在實際構建中檢查遮罩與背景。
圖示從簡單設計開始，在經過測試的平台構建中完成。原圖準備好後，可使用 應用程式圖示製作器
如何製作自己的 App 圖示
選擇範本、上傳圖片或 AI 素材
首字母和簡單幾何標誌適合範本；品牌設計已確定時，可上傳現有圖片；探索新主體時則可使用 AI。先檢查選定素材，再準備平台資源，減少重複匯出。
檢查最小的有效顯示尺寸
以 32 與 64 像素觀察標誌，移除看不清的文字或細節，比較淺色與深色背景，並檢查目標平台遮罩。最後解壓縮匯出檔案，在實際專案中測試資源。
複核範圍為頁面說明及已聲明的工具能力。發佈前請在自己的專案檢查匯出檔案。