这是世界线的第 2 站 · 设计师。 它和隔壁产品流水线的『设计师』是同一格子,但交付物从『App 界面』换成了『一个世界的脸』。
小白做到这一步最容易跳过它——觉得『设定都写好了,直接让 AI 写网页不就行了?』结果 AI 随手配一套花花绿绿的颜色,世界就没气质了。视觉识别是把抽象设定翻译成『看得见的统一感』的关键一步。
三个设计点:
第一,先定气质、再定色号。颜色不是凭空挑的,是从世界气质里『长』出来的。让 AI 先说清『这个世界为什么是暖的、是少年感的』,配色才有依据,而不是好看但和世界无关。
第二,用 design system(设计规范)锁住一致性。一个主色、一个辅助、一个点缀——约束越少越统一。后面无论做几个页面,都照这一套来,世界才像『一家人』。
第三,收尾产出 Design Tokens。这是这条提示词最实用的设计:直接让 AI 把配色、字体、间距整理成前端能照抄成 CSS 变量的格式。这样第 3 站【前端】拿到手就能用,两站无缝衔接。
跟完这一站,你手里有了一份『世界视觉规范』。带着它进第 3 站【前端】,让 AI 把这套规范真正变成浏览器里能看的网页。


