开源 · 本地运行 · 专为 AI 智能体打造

一份主文件。
覆盖每个版面。
经 16px 验证。

IconFlow 是一个本地 CLI 与智能体工作流,可将单个可编辑的 SVG 转化为所选的 Web、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。 本实验室只呈现后果;决定交付什么的是 IconFlow 的关卡。把它带回本地,用 check、review 与 ship 跑一遍。

决策工作流,而非转换器

设计。审查。交付。
然后总结。

生成器制造选项。转换器生成文件。IconFlow 让设计决策清晰可见、可复现且可审计。

  1. 01

    简报

    记录用户任务、核心本质、调色板、陈词滥调与明确目标。

  2. 02

    探索

    强制推演四种不同概念,并为最强方案赋予专属的标志性手法。

  3. 03

    对比

    将入围方案整合至一张以剪影为先的样张中。先定形状,再做打磨。

  4. 04

    检验

    审查原生像素、Alpha 通道、裁切、深浅色版面以及真实目标。

  5. 05

    交付

    仅在自动化 QA 无误且各项人工评分均至少达到 4/5 时进行构建。

  6. 06

    学习

    将每次未通过的尝试转化为下一个图标可复用的案例集规则。

一条流水线 · 多重世界

绝非同一题材的
又一套网格。

情感关系、陪伴伙伴、日常习惯、原创角色、游戏、协作与民俗,各自始于不同的用户需求——进而塑造出在 16px 下依然清晰可辨的剪影。

技法校样同一主体

Flow Gate 保持固定,使构造——而非题材——成为唯一的变量。

主题世界不同主体

以下每个案例都变换了需求、名词、标志性手法、配色与技法。

01 · 情感关系 / 编织

Keepsake Knot

两人共同维系一份触手可及的仪式。绝无爱心、对话气泡或相连圆环等陈套缩写——仅用两条不对称条带共用一个偏心开口。

标志性手法 · 共享非对称交错
Keepsake Knot 图标:青色与珊瑚色条带围绕偏心开口编织而成
02 · 猫咪 / 粘土

Catnap Focus

蜷缩的小伙伴将安定休憩化作一抹温情姿态。它的尾巴在酣睡的面庞旁留下一道宽阔的时间楔形。

标志性手法 · 尾颊相贴的楔形
Catnap Focus 图标,展示粘土质感的蜷缩熟睡猫咪
03 · 狗 / 线条标识

Trail Tail

狗即路线:一条连续的漫步轮廓线、一处腹部开放留白、一枚偏轴珊瑚色搭扣。没有爪印或地图图钉。

标志性手法 · 路线化身伴侣
Trail Tail 图标,以连续的侧视犬类轮廓线绘制而成
04 · 游鱼 / 彩绘玻璃

Koi Return

一条侧视锦鲤让日常练习宛如逆流而上。三块明亮的玻璃面与一处边缘开放的水流切口相遇。

标志性手法 · 逆流尾波关口
Koi Return 图标,展示彩绘玻璃风格中逆流而上的侧视锦鲤
05 · 原创故事 / 卡通渲染

Quiet Hero

绝无商业 IP 模仿的原创人设。非对称侧影头冠与高立领,在看清面部之前便已辨明角色身份。

标志性手法 · 头冠交汇领口缺口
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 图标:带有硬质镀铬色带、余烬面罩及一根断角

20 种视觉语言 · 一个固定测试主体

特意采用同一主体。
截然不同的构造。

Flow Gate 在此处作为受控样本反复出现:固定名词主体不变,能够揭示每种技法的拓扑结构、16px 规范与单色策略。上方展示的 Theme Worlds 则证明该系统绝不仅限于该题材。

编织技法脚手架
情感关系

编织

交错条带带有明确的镂空缝隙。

玻璃堆叠技法脚手架
协作

玻璃堆叠

围绕不透明骨架的半透明平面。

卡通渲染技法脚手架
原创故事

卡通渲染

一条墨线轮廓与一个明确的阴影面。

水墨笔触技法脚手架
工艺与文化

水墨笔触

渐细笔势搭配一道宽阔的枯笔切口。

镀铬技法脚手架
游戏与音乐

镀铬

单一实线轮廓内包含六条硬边明度色带。

木刻技法脚手架
动物与民俗

木刻

封闭浮雕块面搭配边缘开放的凿痕。

活档案 · IconFlow 在探寻自身标识过程中绘制的每一枚方案

不止一个 Logo。
而是一整座活档案。

机械、伴侣、隐藏品牌解构、果园、树冠、猫咪。每个方向案都是采用该方法绘制的原创 SVG,由同一引擎渲染并在原生尺寸下对比——且每个案由均可一键直达其精确的 16px 校样。

通过审查的方案。

这些方案均已通过审查:无警告的 check、静态审查、精确的彩色托盘与 Alpha 模板、绑定至 SVG 哈希的 receipt,以及各评分轴均达到 4/5 或更高的 ship(可读性 / 辨识度 / 平衡 / 色彩 / 可缩放性 / 工艺)。其余方案作为坦诚的习作保留——它们也同样收录在档案中。

打开完整档案

137 个方向案 · 7 个轮次 · 19 个通过审查或晋级,包括当前临时标识

校样清晰可见

每一项主张
背后都有产物佐证。

IconFlow 方案选拔对比表:在原生尺寸、剪影及暗色版面上对比 Petal Haypile 与四款过审的 Round 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 或不达标评分将终止构建。

运行 5 分钟校样

你的图标值得
诚实的最后一公里。

可选择智能体辅助路径或直接操作 CLI,进而构建已签入的 IconFlow 品牌家族。5 分钟验证的是引擎本身,而非新标识;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 种结构技法

全部 20 种带有原生 16 像素校样的 IconFlow 技法脚手架