A THOUSAND FACES, ONE MIRROR

千面镜像

输入一个品牌和一份讲稿,输出一场像该品牌官方出品的离线 HTML 演示。 界面、版式、动效与品牌气质全部同源——同一份内容,可以长成任何品牌的样子。

织梦引擎 HTML 演示封面 织梦引擎DREAMLOOM · 自有品牌 进入演示 ↗

点击任一案例进入完整演示 · 方向键翻页 · 运行源码已在 GitHub 公开

方法与流程
05套终版案例
02类场景命题
07组方法规则
00远程依赖
01 / 方法

一个品牌,拆成五层

不套通用模板——先把品牌的气质拆解归档,再让每一页从证据里长出来。

层壹

风格证据STYLE EVIDENCE

读网站源码与界面,提取色彩、字体、组件与动效里的设计 DNA,固化成可校验的设计契约。

层贰

感知证据PERCEPTION

官网之外的公众印象也入档:发布会美学、吉祥物、影像气质——每条认知须有多个独立来源印证。

层叁

母题版式BRAND MOTIFS

用品牌自己的界面构图承载内容:观看页、笔记卡、展柜、黄框——每一页都能说出构图出处。

层肆

识别资产IMAGERY

素材授权可溯,角色造型有模型表保持一致;生成与改造并举,图像为内容服务而非装饰。

层伍

尺度转译STAGE SCALE

网页排版不能直接上台——字号、留白、节奏全部重新标定成投影可读的发布会尺度。

02 / 流程

从输入到放映

一条流水线走完,交付一个双击即放映的单文件演示。

STEP 1

输入

一份讲稿,加上品牌线索:源码 / URL / 截图

STEP 2

采证

风格与感知双层证据,固化为设计契约

STEP 3

规划

逐页规划构图,每页注明母题出处

STEP 4

制像

生成、授权、改造三路取像,附许可清单

STEP 5

构建

单文件 HTML,动效交互全部原生实现

STEP 6

验收

机器校验,再过四道风格门;按需导出单文件

03 / 验收

四道风格门

过不了任何一道,就返工重来。

GATE 1

摘标测试

去掉一切 Logo 与商标,仍一眼认得出是谁。

GATE 2

灰度测试

抽掉全部颜色,版式与构图仍在替品牌说话。

GATE 3

互换测试

与另一品牌互换风格,画面立刻不成立。

GATE 4

冷眼终审

陌生评审只看成片、不听解释,过线才交付。

STRICT 机器校验 · 素材授权清单 · 单文件离线交付