開源 · 在本機執行 · 為 AI 代理程式而建

一份主檔。
每種版面。
於 16px 驗證。

IconFlow 是本機 CLI 與代理程式工作流程,能把一張可編輯的 SVG 轉成你選的網頁、PWA、桌面與系統匣素材。自動化檢查會攔截機械性風險;交付會維持封鎖,直到針對該精確原始檔記錄一筆當前的六軸審查。

20
技法
6
評分軸
100
圖庫案例
137
典藏標誌
語意化 SVG · 暫時標誌
IconFlow Petal Haypile 標誌
審查關卡已通過 · 6/6

活檔案

137 個原創標誌,是 IconFlow 在尋找自己的 logo 時用這套方法畫的。每一個都能在典藏中打開,並附上精確的 16px 校樣。

昂貴的錯誤

圖示不是在 1024px 就完成了。

細節糊掉。內白消失。系統匣剪影變成黑方塊。IconFlow 把最小輸出當成首要設計版面——而不是最後才出現的意外。

128 像素的 IconFlow 圖示
128
64 像素的 IconFlow 圖示
64
32 像素的 IconFlow 圖示
32
16 像素的 IconFlow 圖示
16px

互動式 Proof Lab · 審查畫面的示範

別相信效果圖。
檢視像素。

這些是從已審查的語意化原始檔、由 Chromium 精確渲染的 PNG。可改尺寸、版面、裁切或原始檔狀態。

原生尺寸
版面
目標裁切
實際尺寸
IconFlow 圖示的實際尺寸校樣
16 × 16 px
16× 像素放大
放大後的原生像素
雙耳成對 · 花瓣分離 · 剪影穩定

Remix Lab · 完全在你的瀏覽器裡執行

改變設計。
看像素回應。

一份語意化原始檔、同一份設計說明下的三種攜帶物件,再加上你自己的色盤。每張縮圖都由你的瀏覽器以原生尺寸點陣化——不上傳、沒有圖片 API、不需帳號。

攜帶物件
色盤
幾何
版面
Remix 後的 IconFlow 標誌即時預覽
16
24
32
48
64
128
16px · 16× 放大
剪影 · 已去色
Alpha 範本 · 選單列

Alpha 範本 = 沒有特徵的圓角方形。這就是品牌會交付一份連結、僅含標誌的系統匣原始檔的原因。

未經審查的 Remix。此 Lab 展示後果;能否交付由 IconFlow 的審查關卡決定。帶回本機跑 check、review 與 ship。

決策工作流程,不是轉檔器

設計。審查。交付。
然後學習。

產生器給出選項。轉檔器產出檔案。IconFlow 讓設計決策可見、可重複、可稽核。

  1. 01

    設計說明

    記錄使用者任務、本質、配色、陳腔濫調與精確目標。

  2. 02

    探索

    強制產出四個不同概念,並給最強者一個可據為己有的手法。

  3. 03

    比較

    把決選方案做成一張剪影優先的對照表。先選形,再修潤。

  4. 04

    檢視

    審查原生像素、alpha、裁切、深/淺版面與真實目標。

  5. 05

    交付

    僅在自動化 QA 全數通過、且每項人工分數至少 4/5 時才建置。

  6. 06

    學習

    把每一次未通過的審查,寫成下一張圖示可重用的案例集規則。

一條管線 · 許多世界

不是又一張網格
同一題材。

關係、同伴、習慣、原創角色、遊戲、協作與民間傳說,各自從不同的使用者任務出發——再掙得一張 16px 仍可辨讀的剪影。

技法校樣同一物件

Flow Gate 維持固定,讓構法——而非題材——成為唯一變數。

Theme Worlds不同物件

以下每個案例都改動任務、名詞、標誌性手法、色盤與技法。

01 · 關係 / 編織

Keepsake Knot

兩人把同一套儀式做成可觸及的物件。不要愛心、對話泡泡或相連圓圈的簡寫——只有兩條不等寬的帶,共用一個錯位開口。

標誌性手法 · 共用的不對稱交錯
Keepsake Knot 圖示,青綠與珊瑚紅帶交織於錯位開口周圍
02 · 貓 / 黏土

Catnap Focus

蜷曲的同伴把安頓下來收成一個溫暖手勢。尾巴在睡臉旁留出一道寬闊的時間楔。

標誌性手法 · 尾貼臉頰的楔形
Catnap Focus 圖示,呈現黏土質感、蜷曲沉睡的貓
03 · 狗 / 線標

Trail Tail

狗就是路線:一條連續的行走輪廓、一個敞開的腹部鏤空、一枚偏軸的珊瑚紅扣。不要爪印或地圖圖釘。

標誌性手法 · 路線化為同伴
Trail Tail 圖示,以一條連續側視狗輪廓畫成
04 · 魚 / 彩繪玻璃

Koi Return

一條側視錦鯉,讓日常練習有如逆流而上。三塊明亮色片匯向一道邊口敞開的水流切口。

標誌性手法 · 逆流尾跡閘口
Koi Return 圖示,彩繪玻璃側視錦鯉逆流而上
05 · 原創故事 / 賽璐珞著色

Quiet Hero

原創人物,不模仿任何既有作品。不對稱的側影頭冠與高領,比臉更快讓人認出角色。

標誌性手法 · 頭冠銜接領口缺口
Quiet Hero 圖示,原創賽璐珞著色角色的不對稱側影
06 · 原創故事 / 墨筆

Sky Courier

無劇透的章節提醒,化成一封手提急件。書包蓋翻起成一道掠翼;寬闊的飛白切口在 16px 仍然敞開。

標誌性手法 · 道具帶出動勢
Sky Courier 圖示,墨筆信差書包的蓋翻成翅膀
07 · 協作 / 玻璃疊層

Co-op Lock

兩個不對等的隊友一起就緒。半透明鍵帽共用一個不透明的方形鏤空——不要手把、打勾或成對頭像。

標誌性手法 · 一個鏤空,兩次抵達
Co-op Lock 圖示,兩枚不等的玻璃鍵帽共用一個不透明方形鏤空
08 · 動物民間傳說 / 木刻

Forest Familiar

一隻雕刻的角鴞帶小同伴回家。不等長的耳簇與分叉尾巴點出鳥種;兩道邊口敞開的鑿痕只負責描述版印。

標誌性手法 · 先辨物種,再談紋理
Forest Familiar 圖示,角鴞刻成木刻浮雕面
09 · 遊戲 / 鍍鉻

Boss Helm

得來不易的團隊副本記憶,沒有獎盃、皇冠、劍或手把。一隻角在結構上缺失;餘燼裂紋說明那道傷痕。

標誌性手法 · 損傷改變剪影
Boss Helm 圖示,硬質鍍鉻帶、餘燼護目與一隻斷角

二十種視覺語言 · 一件固定測試物件

刻意同一題材。
構法不同。

Flow Gate 在此重複作為受控標本:固定名詞,才能顯出每種技法的拓撲、16px 契約與單色策略。上方的 Theme Worlds 證明這套系統不限於該題材。

編織技法骨架
關係

編織

交織的帶,鏤空缺口刻意保留。

玻璃疊層技法骨架
協作

玻璃疊層

半透明平面圍繞不透明骨幹。

賽璐珞著色技法骨架
原創故事

賽璐珞著色

一道墨線輪廓,一塊果斷的陰影面。

墨筆技法骨架
工藝與文化

墨筆

一道收尖的筆勢,帶一處寬闊飛白。

鍍鉻技法骨架
遊戲與音樂

鍍鉻

一條實心輪廓內,六條硬邊明度帶。

木刻技法骨架
動物與民間傳說

木刻

封閉的浮雕量體,帶邊口敞開的鑿痕。

活檔案 · IconFlow 尋找自身標誌時畫下的每一筆

不是一枚標誌。
是一整座活檔案。

機械、同伴、隱藏品牌解剖、一座果園、一片樹冠、一隻貓。每個方向案都是用這套方法畫出的原創 SVG,由同一引擎渲染,並以原生尺寸比對——點一下就能看到精確的 16px 校樣。

校樣看得見

每項主張都有
一件產物在背後。

IconFlow 對照評選表,將 Petal Haypile 與四個通過審查關卡的第 3 輪決選案,在原生尺寸、剪影與深色版面上比較
01 · 比較

概念對照評選

Petal Haypile 從 28 個方向案的活探索中選出;此處與四個通過關卡的決選案並列於原生尺寸。

IconFlow 審查表,呈現 Petal Haypile 在三種版面上的原生尺寸、像素放大、Alpha 足跡、剪影與自適應裁切
02 · 檢視

對準目標的審查

真實像素,不是裝飾用的裝置示意。

$ iconflow ship \
  --config iconflow.toml \
  --review master-review.json

✓ source hash matches
✓ 0 automated warnings
✓ all six axes ≥ 4/5

23 files built
03 · 交付

失敗即關閉的發行

過期的 receipt 或偏低的分數會停下建置。

跑五分鐘校樣

你的圖示值得
一段誠實的最後一哩。

選代理程式協助的路徑,或直接操作 CLI,然後建置已提交的 IconFlow 品牌圖示家族。五分鐘證明的是引擎,不是新的識別;setup 會下載一次 Chromium,此外沒有任何東西離開你的機器。

PowerShell

git clone https://github.com/snowyukitty/ai-iconflow.git
cd ai-iconflow
python -m venv .venv
.venv\Scripts\python.exe -m pip install .
.venv\Scripts\python.exe -m iconflow setup
.venv\Scripts\python.exe -m iconflow doctor
.venv\Scripts\python.exe -m iconflow ship --config brand\iconflow.toml --review brand\master-review.json

完整目錄

20 種結構技法

全部二十種 IconFlow 技法骨架,附原生 16 像素校樣