METHOD / 图像与视觉
多形态视觉系统
参考图我都给了,只换个颜色当然不够。我想看它怎么用那些图里的构图、字体和材质,做出几个真不一样的方向。
什么时候用
网站、卡片、海报或演示需要几个真的不一样的方向时用。
我会把关什么
参考图里标志性的东西不能抄,也不能拿同一个模板换色凑出几个方向。
已经留下什么
八个轴拆设计语言,一次出 3—9 个方向(结构维度至少改掉四个),再做跨媒介适配、选择板,以及桌面和移动端的验收。
THE MAKING OF
换一个方向,要连观看方式一起换。
做多套视觉时,我会把构图、信息密度和阅读顺序一起比较。这份方法 2026-08-01 在本机 Codex 会话里成型,针对的正是【换个配色就叫新风格】这件事:只换颜色,不算方向。
01 把参考拆成八根轴
色彩与对比层级、字体角色与字号跳差、页面节奏与信息密度、焦点构图、视角与裁切、材质、阅读路径、适用与不适用内容,我逐轴记录,再分出哪些原则能迁移、哪些是搬不走的招牌元素。
02 新方向至少改动六个结构维度中的四个
开场构图、阅读路径、模块几何、图片比例与裁切、信息密度与字阶、动效或触感,只换颜色、字体、边框不算数。方向一次做 3—9 个,每个都要有名字、一句话主张、色板、构图描述和一条风险。
03 换媒介时重新安排节奏
同一套视觉放进演示文稿、卡片、海报和网页时,分别考虑翻页、滑动、一眼层级和响应式阅读,不能只把画布缩小;风格库里有九个起手家族,但它们是起点系统,不是模板。
04 完成度只许按三档申报
概念、原型、生产三档分开说:验收看渲染后的像素而不是源码,方向要并排比,网页要在真桌面和移动端各测一遍、刷新后选中的风格还在。没做到的,不许说成已经做完。
来源与使用边界
六个结构维度里至少要改掉四个,只换颜色不算。每次选方向还是得人工判断,方向多不等于有效。我目前还没有一组成套交付的多方向成品档案。
SKILL.md(craft-multiform-visual-systems,2026-08-01)
本机 Codex 会话产物,全网未检索到同名上游;目前还没有一组成组交付的多方向成品档案,关联原型用于对比气质,不把旧品牌系统等同于这份方法的交付案例。
查看相关视觉系统 ↗多方向那套方法还没单独公开,这里给的是公开的 Loki Design System。
KEEP EXPLORING
