← 全部项目

AI 视觉方向板工作台

Vibe Board
Studio

AIGC 视觉创作常常停在单张图和单句 prompt。这个工作台要解决的是一套方向如何在多个尺寸里保持一致。

Independent Product / Frontend · 2026.05 · React · Vite · Zustand · Framer Motion · Beta

01

问题

灵感散在文件夹和对话窗口里,拼不成一个可交付的方向。

从一个主题到一套可用的视觉资产,中间要处理参考素材、配色、字体气质、文案语气和多种交付尺寸。单张图片生成解决不了这些——它每次都从零开始,前后两张之间没有约束关系。

缺的不是生成,是一致性。

输入到产出

起点主题 / 活动方向 / 粗略想法
素材上传图、搜索灵感、demo case
主产物Mother Board:统一 mood、配色、字体、节奏、语气
延展4–6 张 Child Boards
交付单图、visual kit 打包
02

机制

核心判断

先生成一张主板确认方向,再让子板从它派生。

Mother Board 承载整体 mood、palette、copy 和 image language,是后续所有延展的基准。Child Boards 不是主板的副本——childBoardEngine根据主板风格重新分配素材权重,让封面、海报、社媒图、lookbook detail、quote card 各自成立,同时仍然属于同一套方向。

画板不是一次性结果。用户可以继续替换图片、移动文字、调整尺寸、切换滤镜和改文案——系统提出方向和可选项,审美判断留给用户。

子板不是副本,是同一套规则的另一种分配。

架构分工

模块职责
useBoardStore素材池、文案、配色、Mother Board、Child Boards、编辑状态
layoutEngine把图片、文字、色彩和尺寸约束转成稳定构图
childBoardEngine按主板风格重新分配素材权重,生成不同角色的子板
export pipeline单图、PDF、Figma 源文件、素材包

子板类型

封面方向提案首页、活动主视觉、产品发布封面
海报版式强调标题、主体图和信息层级
社媒内容方形、竖版、story
Lookbook detail材质、局部、光影、节奏
Quote card把生成文案转成可发布的视觉卡片
03

产物

同一套方向落到不同区块,仍然读作一件东西。

下面是工作台首页。上半部是主视觉区,下半部「精选素材」三个区块是从同一方向派生的不同角色——包装系列、产品细节、编辑视觉。它们用了不同素材和版式,但字体、留白比例和黑白基调是共享的。

工作台首页 · 主视觉与派生区块

Vibe Board Studio 首页:上部主视觉拼贴,下部三组派生素材区块

三个区块素材与版式各异,字体、留白与黑白基调共享——这就是派生而非复制。

没走的那条路

公开产品面原本包含视频生成。收敛掉了——视频能力还不稳定,把它放进主叙事会让用户先看到最不可靠的部分,而当时真正成立的是视觉方向板。

一致性不是靠复制同一张图,是靠让子板重新分配素材权重、同时继承同一套规则。

结论 · 被验证过的判断,而非指标