# WISERUNION 动态语言 V0.1

日期：2026-11-03。状态：本版建议，待品牌负责人验收。来源电脑：Mac mini。

## 概念与使用边界

“聚焦—显现—连接—留驻”：把“可见的成果，来自深层积累”转成观看顺序。先建立安静基底，再显示完整标志与主张，逐项解释关系，最后留足阅读时间。沿用 VIS V1.5 的原始标志、黑白灰、矿物青和冰山一角寓意；沿用 SI V1.3 的空间及制作边界。

本包为可操作的品牌动态建议，未声称已有宣传视频、已建办公室、已投运业务或真实经营数据。共创折面是既有视觉参考，非施工 CAD、工程尺寸、结构或材料性能依据；网站现有 GLB 仍由原 3D 预览承担，示例不另造或替换模型。知识、能力、共创为关系标签，不是数值、资产比例或业绩指标。

## 节奏、时长与缓动

- 即时反馈：160 ms，cubic-bezier(0.2, 0, 0, 1)，仅回应操作。
- 内容进入：400–600 ms；组间错开 200–400 ms，正文不依赖运动才能读到。
- 标志揭示：800 ms；只裁切整体外层容器，完整保留官方 SVG、颜色、比例与留白。
- 进入缓动：cubic-bezier(0.22, 1, 0.36, 1)。快速建立，平稳落位，无弹跳、过冲、模糊或闪烁。
- 内容位移上限：8 CSS px；本例标题使用 6 px；折面图只有透明度变化，不作镜头移动或旋转。
- 片头/片尾建议序列：6–12 秒，本例 8.8 秒；6.2–8.8 秒为 2.6 秒完整留驻。长文案需增加留驻时间，不能靠缩字号压缩阅读。

参数与逐项时码以 timing-tokens.json 为准。示例是无声序列；用于有声视频时，应补齐逐句人工复核字幕、必要声音说明与完整文字稿，不声称本例具备音轨。

## 场景强度

L0 研究阅读、日常办公：保持静态，只有用户操作引起的微反馈。正文、图表与打印稿完整可读。

L1 官网与讲解：每次一个重点，手动触发 400–600 ms 的显现；组间有可辨认的间隔，不连带滚动整页。

L2 品牌片头、活动与空间屏幕：使用有明确开始和结束的单次序列，本例为 8.8 秒。现场由操作者触发；需要环境循环时另行确认播放频次与停止入口，不能直接把本示例设为无限循环。

## 元素规则

### 标志

使用 assets/logo-white.svg 或 logo-black.svg 的完整原文件。不得拆字、拆路径、变形、改色、重画或让各部分各自飞入。外层容器整体裁切与透明度可用；宽高按原 viewBox 比例等比适配，不能把示例栅格当成官方留白标准的替代。

### 标题与字幕

主标题先出现，辅助副句随后进入，位置固定；按语义整行或整句出现，不逐字闪动。本例两行标题分别在 1.6–2.2 秒、2.0–2.6 秒进入；英文副句在 2.6–3.0 秒淡入。字幕必须有足够停留时间与清晰对比；不得用动画替代来源与事实限定。

### 研究图表

标题、单位、坐标、口径和来源先静态可读，再按讲解顺序显示数据组，最后补注释。每组使用 400–600 ms 显现，组间 200–400 ms；直接显示最终值，不滚动数字，不制造业务增长感。实际与假设保留线型、文字与标记差异。终帧显示完整图表，旁边仍提供摘要与可读数据表。本包的演示序列是品牌关系图，未使用经营数据。

### 片尾

保留完整标志、主张及必要来源。不得闪黑或自动重播。2.6 秒只是本例短文案的最低留驻；正式制作应按实际文案与观看条件延长。播放结束保留终帧，独立导出视频时避免自动衔接造成事实误读。

## 8.8 秒可执行分镜

| 时码 | 镜头与动作 | 信息目的 |
| --- | --- | --- |
| 0.0–0.6 s | 黑白灰基底、固定说明，无声 | 聚焦阅读位置 |
| 0.6–1.4 s | 完整白标通过整体外层容器由左至右揭示 | 确认品牌身份 |
| 1.6–3.0 s | 两行主张依次显现，各 600 ms；英文副句淡入 400 ms | 主张先于解释 |
| 3.2–5.2 s | 既有折面图淡入 800 ms；知识、能力、共创标签依次淡入，每项 400 ms，间隔 300 ms | 解释层次与关系 |
| 5.6–6.2 s | “可见的成果，是深层积累的呈现。”整句淡入 600 ms | 收束文化寓意 |
| 6.2–8.8 s | 完整画面留驻 2.6 秒，结束后仍保留终帧 | 让观看者读完并选择下一步 |

storyboard.svg 以原生 SVG 文字、图形与嵌入图像记录这六格，可直接编辑时码、说明与排布。嵌入的官方 logo 保持原文件；编辑分镜时不能修改其中的正式标志图形。

## 本地示例与操作

解压完整包后，直接双击 motion-demo.html。该文件内嵌 CSS、同一控制器与原图的 data URI，无网络、外部库、音轨或构建步骤。assets/ 内同时保留未经修改的原 SVG 与既有图片。网页单独下载的 motion-demo.html.txt 与 ZIP 中 HTML 内容相同，保存后将扩展名改为 .html 即可离线打开；TXT 后缀用于明确“下载源文件”。

初始为完整静态海报。点击“播放 8.8 秒示例”后开始；“暂停示例”冻结当前时点；“继续播放”从暂停位置接续；“从头播放”从零开始。结束后显示“再次播放”，不自动重播。按钮为原生键盘控件，支持 Tab 与 Enter/空格。状态仅在开始、暂停和结束时播报，动画不逐帧朗读。

prefers-reduced-motion: reduce 时默认完整静态并停用播放；运行中切换该偏好立即恢复静态。隐藏浏览器标签、离开文化章节（culture:panelchange）或页面（pagehide）时暂停，返回后不自动恢复。打印前恢复完整海报。不支持 Web Animations 的浏览器显示完整静态图与分镜，不加载替代外部库。

网页由 src/scripts/brand-motion.ts 导入同一个 motion-demo.js 控制器。initBrandMotionLanguage(root = document) 可导出调用，带 data-bm-initialized 幂等保护；网页入口会在 DOM 可用时自动初始化。

## 来源与编辑交接

1. WISERUNION VIS V1.5，2026-11-01：brand-settings.json 中的品牌色、narrativeZh 与原标志使用边界；未复制整本品牌文档。
2. WISERUNION SI V1.3，2026-11-01：原标志、既有折面图、空间效果与工程实施的边界；空间效果不是已建实景。
3. 网站 public/brand/logos/logo-white.svg、logo-black.svg：原文件逐字节保留。
4. 网站 public/images/culture/co-creation-facets.webp：既有共创折面设计参考图，原文件逐字节保留；图像源为已有 AI 外观参考，本次未付费生成、未外传。
5. 时序、缓动、分镜、控制器、离线示例与说明：本版新编制建议。

sources.json 记录单项来源与 SHA256，manifest.json 记录交付体积与哈希，SHA256SUMS.txt 用于整包核验。正式视频、工程图与业务状态分别核对；本包不提供 CAD 或视频实绩证明。