把灵感转化为 {纹样}

让纹理,
从灵感流向参数。

本机运行 · 不上传给他人 · © 2026 Jasper Liu

01 / 06

参数化不应该成为
设计开始之前的门槛。

Pattern Flow 从工业设计与 CMF 研究中的真实痛点出发:灵感图片很多,但从“看见规律”到“形成可编辑方案”之间,仍隔着复杂的软件与表达方式。

项目从连续纹样工具逐步演进为一套本地设计工作流。它把参考图观察、构图分析、参数控制、方案变体、产品表面预览和设计留档连接起来,让探索过程始终可见。

01.

看得懂

用设计语言解释参数,不要求用户先理解算法、节点或代码。

02.

改得动

结果不是一次性图片,而是带有 Seed、参数和设计意图的可编辑方案。

03.

留得住

素材留在本机;收藏、配方与预览明确区分,方便复现与继续设计。

02 / 06

先用熟悉的视觉判断,
再进入参数世界。

没有参数化经验的普通设计师

从上传、观察和滑杆调整开始,不被术语和节点图挡在门外。

工业与产品设计学生

把纹样、CMF、产品表面和参数化逻辑连接到同一套可展示流程。

03 / 06

从一张图开始,
形成一条完整路径。

每一步都对应可见结果。你可以停在二维构图,也可以继续进入三维产品表面与方案收藏。

  1. 01

    导入素材

    上传图案元素、参考图、案例图或灰阶控制图。

  2. 02

    理解结构

    校正视角、圈定区域,观察元素、格点与尺寸变化。

  3. 03

    生成方案

    调整排布、参数场和变体方向,持续比较设计结果。

  4. 04

    预览与保存

    进入产品表面三维预览,导出 PNG、配方或收藏方案。

04 / 06

不是替你做决定,
而是让变化更容易被理解。

三组核心能力覆盖“看懂参考—建立规则—放到产品上验证”的主要设计过程。

01 / REFERENCE

参考图模拟分析

校正透视、裁剪有效区域,识别可分离元素、格点、邻接关系和尺寸变化,并保留人工修正入口。

进入功能
02 / VARIATION

参数场与可解释变体

用渐变、绘制场、灰阶图和固定 Seed 控制尺寸、密度、旋转与颜色,得到可复现的构图方向。

进入功能
03 / SURFACE

产品表面三维预览

把当前纹样应用到音响饰板或座椅部件,比较贴图、外凸与打孔的视觉关系,并保留工程边界说明。

进入功能
四方连续二方连续参考图分析与变体参数场生成器参数化案例拆解三维饰板预览

05 / 06

每一次更新,
都让设计过程更完整。

V1连续纹样基础从单个元素到可输出的重复构图

建立四方连续与二方连续的离线工作流,并探索参考图构成分析。

  • V1.1 · 早期纹样生成器
  • V1.2 · 连续排布工作页面
  • V1.3 · 分析页面与交互试验
V2本地设计工作流分析、变体、参数场、案例与三维

迁移为只监听本机地址的工具,逐步补齐参考图模拟分析、可解释变体、产品表面预览、案例拆解、参数场与制造辅助。

  • V2.1–2.3 · 本地架构、分析与变体
  • V2.4–2.7 · 知识库、三维、案例与参数场
V3模型、收藏与可信状态从单次生成到可恢复的本机资料库

加入座椅模型、方案收藏与实体备份,并完善缓存和 Three.js 资源治理、深色工作室界面、响应式与无障碍操作。

  • V3.1–3.3 · 迁移、模型与收藏
  • V3.4–3.5 · 资源治理与视觉升级
V4.2完整滚动动效系统逐字运动、章节形变与低性能回退

以独立动画层补齐逐字滚动、复杂形变和章节进入、停留、离开转场,同时保留 V4.1 静态页面作为无动效回退。

  • V4.0 · 主页与 Studio 双入口
  • V4.1 · 视觉层级、个人档案与内容精修
  • V4.2 · 首页滚动动效与性能回退

06 / 06

Jasper Liu 刘骏与交通工具设计作品

DESIGNER / RESEARCHER

Jasper Liu,刘骏

交通工具|产品|AIGC|交互装置

教育经历

同济大学校徽同济大学

工业设计

武汉理工大学校徽武汉理工大学

工业设计

实习经历

上汽智己 · AI 前瞻设计实习

AI 座舱研究、座舱前瞻方案与 HMI 皮肤设计。

广汽丰田 · 内饰前瞻设计实习

bZ7 内饰盲图与前瞻内饰项目。

从一张图开始,
探索它还能如何生长。

开始探索 Pattern Flow