快轉到主要內容
  1. 生成庫/

App 圖示

App 圖示是那種「看起來只要一張、實際上要看過三十張才知道要哪一張」的東西。所以我不挑,我全生出來再挑。

圖 1 · 30 個概念
30 個 iOS app 圖示提案排成網格,涵蓋神經網路、火花、語音波形、資料流、日誌、語言橋、羽毛筆、齒輪、相機、天氣、地圖、時鐘、金融、檔案、安全、購物、聊天、網路、新聞、搜尋等主題
圖說:一次批次跑完的 30 個概念,每個都是 1024×1024。這裡顯示的是每個概念的第一顆種子。

為什麼一個概念要生三張
#

因為第一張幾乎不會是最好的那張,而你不看到第二、第三張就不知道這件事。

圖 2 · 同一句提示詞,三顆種子
四個圖示概念,每個概念橫排三個由不同隨機種子生成的版本,構圖與配色各有差異
圖說:提示詞一字沒改,只換隨機種子。「火花」那一列從純星芒變成燈泡,「資料流」那一列的背景亮度差了兩級 —— 這些都不是你寫提示詞時想得到的分岔。

看第二列(The Spark):同一句話,第一顆種子給你一個抽象星芒,第二、三顆自己加上了燈泡。這不是模型出錯,是那句提示詞本來就同時容得下這兩種讀法。 只生一張的話,你會以為那句話只有一種意思,然後拿著一個你其實不夠喜歡的圖示去上架。

三張是我試出來的甜蜜點:兩張太容易撞在一起,五張以上開始浪費時間在差異很小的變體上。

規模
#

項目數量
概念30 個
每概念提案3 顆種子
產出90 張
尺寸1024×1024(App Store 上架規格)
生成環境本機 GPU,無雲端 API

講一點做法
#

一、概念清單先寫死在程式碼裡。 30 個概念是一份 Python 設定檔,不是我每次打字打進去的。這聽起來很囉唆,但它換來三件事:能重跑、能只跑其中幾個、以及三個月後還知道當初生了什麼。

二、1024×1024 直接出,不要縮放。 App Store 要 1024×1024,生成時就用這個尺寸。從 512 放大上去的圖,在 App Store 的展示頁上看得出來 —— 尤其是漸層和發光邊緣。

三、不要在圖示裡放字。 這是 Apple 的規範,也是常識:圖示在裝置上最小會顯示到 29pt,任何文字在那個尺寸都是雜訊。生成模型很喜歡在圖示上加字(而且常常是拼錯的字),提示詞必須主動壓制它。

四、圓角是系統加的,你不要自己加。 iOS 會把你的方形圖自動遮成圓角矩形。自己先切圓角的話,會在系統遮罩之後留下一圈透明邊。上面那 90 張全部是滿版方形,沒有一張自己切了圓角 —— 圖 2 裡看到的圓角是模型畫在圖裡的視覺元素,不是實際裁切。

沒講的部分
#

  • 30 個概念的完整提示詞、以及壓制文字與圓角的負面提示詞怎麼寫
  • 種子策略(隨機 / 依項目名決定 / 固定)各在什麼時候用
  • 這批圖離「真的能上架」還差什麼:對比度在深色底、小尺寸下的辨識度、以及跟同一開發者其他 app 的家族一致性

需要一整批風格一致的視覺資產,而不是一張圖?委託頁。或先看看素材圖庫,那是同一條產線放大 25 倍的樣子。