【手機圖示風格不同】連圖示都要統一風格 |體積的方法 |糖果色調 |
張貼留言
避免垃圾廣告留言過多，開始測試「留言管理」機制，讓我可以回應讀者留言，並過濾掉廣告，但只要不是廣告留言會通過審核。
Google Android 12 引入了 Material You 設計風格，裏頭有一部分是可以藉由使用者桌布，產生各種個性化系統顏色，這裡頭之中包含著圖示。如果你手機上跑是 Android 12 以上版本，更換桌布時會跳出畫面讓你選擇色盤。而下面有一個選項叫做「圖示套用主題色」， Android 12 和 13 兩個版本後，後面有一個 Beta 版標籤。
今天來簡介如何實作 Android 主題色 Icon，不過需要提醒，雖然這個功能 Android 12 出現，是 12 外開放官方製作流程，雖然我們可以透過指定顏色到系統顏色實作，不過有缺陷 — Icon 會隨著桌布變化而變化，需要安裝才行。（彩蛋是 Material U 取色並調整 UI 功能叫做 Monet，Android 12 首發時只有 Pixel 手機支援。其他裝置要等到 Android 12L，Google Monet 放入 AOSP 裡頭。故 Android 12 模擬器是支援動態色彩。Android 12 主題色 Icon 是 Pixel Launcher 魔法，直到 13 才算大眾開放。）因為以上這點，本篇文章範例 Android 13 以上版本進行説。
最近幫 Android 台灣電子書 App 做了相關功能，這個範例來拆解步驟。大家可以自己跳到需要步驟。
你需要有目前 Icon 原圖檔，可能很多人我原擋是一個 Png 圖檔（或其他點陣格式），有沒有什麼方法可以點陣圖抽取出來成為向量圖呢？(是免費服務黑黑）
Photopea 這個服務，而且他需要安裝！直接跑瀏覽器上面。我們原 Icon 圖示主體部分套上黑白濾鏡並且輸出（本例輸出成 PNG）。接著 Photopea 開啟這個檔案，請點擊圖片本身，接著選擇 Image -> Vectorized Bitmap。
這邊有幾個步驟我建議進行，第一個是去除 Icon 背景，他去背。第二個是原圖片大小調成 Android 預設最大值 108 x 108。是去背，套上黑白濾鏡圖片，可以點擊最下面 Path 0 圖層（請自行確認自己圖示圖層），並下 Delete 鍵。
接著是一個可選流程，非必要進行。我會圖片調整 108 x 108 大小 Icon 後丟進去時調整內容。我用方法是透過 Image -> Image Size 調整圖片大小，別忘了目前圖片是向量圖，先調整成 1:1 大小。透過 Image -> Canvas Size 將背景拉成 108 x 108。
處理 Vectorized 後，我們透過 File -> Export as -> SVG 得到去除背景 SVG 圖樣。
我們會最佳化 png 圖檔來追求安裝擋，那換成 VectorDrawable 後能不能榨出一點空間呢？答案是可以！這裏，我們可以藉由最佳化 SVG 圖及 VectorDrawable 本身，來榨出多空間。
接著，我們開啟 Android Studio。使用 Vector Asset 來匯入我們最佳化過 SVG 檔案
接下來要介紹工具叫做酪梨 🥑 (avocado)，一個命令列工具。他可以幫助我們進一步減少 VectorDrawable 大小。avocado 是一個 node 寫程式，我們可以透過 npm 來安裝他
安裝完 avocado 後，開啟終端機，並開啟專案 drawable 資料夾（存放處理圖示那個資料夾）。開啟 drawable 資料夾後，下指令：
這個 Icon ，後結果是可以透過這些方法省 1kb 左右空間。
終於進展到製作主題色 Icon，這之前你 App 要使用 Adaptive Icon 才行，我們主題色 Icon (Themed icon) 建立其基礎之上。
請開啟你 ic_launcher.xml 和 ic_launcher_round.xml 這兩個檔案（應該 mipmap-anydpi-v26 目錄之下。有 foreground 和 background 之下，新增一個 monochrome 參數。
延伸閱讀…
到這步，設定，接下來開啟 Android 13 以上模擬器，或是機器 App build 上去跑跑。記得開啟「圖示套用主題色」，可以圖示拉到桌面上。但你會注意到，圖示怪怪的⋯⋯
新年，要收捨房間，是時候整理手機桌面！為大家推薦免費手機app「CocoPPa」，有風格手機桌布可選，有多款app圖示，包括小動物圖案，可以統一風格，區分種類應用程式！一起看看部分款式吧！
可以利用搜索功能，找出想要主題或風格！
有多款粉嫩色調桌布可選，適合春季！
點選喜歡圖示，然後「選擇此圖標」。
轉跳畫面，指示點畫面。(圖片ios介面)
延伸閱讀…
新增，圖示加到桌面。
智慧型手機火紅以來，每天有大量APP上架，讓我們來看看一些Android上icon design(圖示設計)案例：
Wow!每天這些滿滿icon塞你手機桌面，你會一一記住這些icon位置嗎？知道你有沒有發現，我們會APP分類、羣聚或是整體化，左邊桌面來説，每個icon有它各自特色和形狀，而右邊桌面呢？是多了一點統一感覺，這是因為右邊美化讓每個icon設計使用了同一種風格─“插畫風”。這裡，icon designAPP市場上扮演著第一印象。
我們打開手機第一件事情，是你眼睛去尋找你常用應用程式，這個行為會位置或常用類別來增加APP辨識程度，有成千上萬APP icon顯示你螢幕上時，一個APP icon辨識度和色彩設計變得了，於Windows Phone是使用一致性isotype去設計，這裡我們拿Windows Phoneicon做。 一個APP icon design需要有哪些部份呢？這裡我列了三項重點：
Konstantin Dats.慣用3D寫實風格去設計icon，上幅作品是一個計數器APP，一樣讓人聯想到這支APP用途和功能。
即使是簡約型設計可以而有整體感，從《Any.DO》這支APPicon設計，大部分人一眼能知道是一支to do list型工作紀錄程式。一個表示”完成”打勾符號做為icon重點，瞭，介面設計亦然。
鉛筆塗鴉美術風格《Lead Wars》或稱鉛筆戰爭，這款回合制戰略遊戲是統一鉛筆角色來讓操作軍事單位，可以調整紙樣式和鉛筆淺色調，是滿有手繪特色一個作品。
受到大家喜愛《PIYOMORI》小雞遊戲美術上面是採用統一3D風格主，所以你會看到沒有面數或立體感石鍋，或是風格差異手繪貼圖裡面，可見一個icon和interface設計介面統一性有多。