Museum Interaction Design

《耕织图》
智慧博物馆

基于 23 道农耕与蚕织工艺的数字化转译,通过身份智能判定系统,为用户打造沉浸式的中国传统生产美学体验。

Digital Twin UX Portfolio

设计背景 / Background

《耕织图》是记录中国古代农业技术的宝库,但其静态形式难以吸引年轻一代观众。我们需要一种新型的交互媒介。

核心痛点 / Painpoints

知识门槛高(术语晦涩)、参与感弱(单纯看图)、视角单一(缺乏现代关联)。

设计目标 / Objectives

通过“身份角色化”降低准入门槛,利用“多模态交互”增强知识趣味性,建立个人情感链接。

00

设计流程 / Context

二元路径解构:从“生产”到“生活”

受众分层: 调研发现博物馆受众存在明显的“知识探究”与“沉浸体验”需求差异。基于此,我们将《耕织图》23道工序解构为理性侧重的生产侧(工艺原理)与感性侧重的生活侧(叙事共鸣)双线。

设计价值: 这种拆解打破了传统的线性叙事,通过降低单一路径的信息密度,有效缓解了用户在面对复杂古画时的认知负荷与过载感。

交互原则: 坚持“短路径”策略,用户仅需极简点击即可触发多态交互(视、听、触联动),确保在游览过程中不牺牲连续性与沉浸感。

交互策划闭环

01

入画注册

建立初始链接,开启数字化身份

02

身份智能判定

基于知识/体验分层智能推荐路径

03

工序探索

多模态多态交互,深度解构工艺

04

数字资产生成

将游览体验转化为专属数字资产档案

01

信息架构 (Information Architecture)

信息架构总览

01 主页模块

数字化转译的起点。通过“身份注册”触发 AI 判定逻辑,智能分发导览路径。

02 展厅模块

核心交互场景。集成 AR 物理识别、音频讲解及双轨叙事切换。

03 物品栏模块

数据沉淀池。将交互数据转化为独一无二的数字“成衣卡片”。

04 个人主页

数字化成长档案。包含游览历史、收集成就,构建长效链接。

02

用户流程 (User Flow)

核心用户流程图

1. AI 智能分流

减少初次进入的认知负荷,将 23 道复杂工序根据用户画像简化为个性化路线。

2. 沉浸式任务闭环

以 AR 扫描作为物理与数字的桥梁,支持跳过机制以确保游览效率与体验灵活度。

3. 数据资产沉淀

基于交互数据的唯一性,将浏览过程转化为可保存的数字“成衣卡片”情感资产。

03

低保真逻辑 (Wireframes)

01_COVER

02_SURVEY

03_SELECTION

04_PROCESS

05_SCAN

06_GUIDE

清晰的视觉反馈

按键采用高对比度设计,确保在各种光线下清晰可见。

短促的交互路径

遵循“三步触达”原则,减少层级深度。

零犹豫决策设计

通过智能判定代替犹豫,降低认知成本。

严格遵循 UI 规范

对齐 8px 栅格系统,符合主流移动端标准。

04

视觉语言 (Visual Design)

我们将《耕织图》原画的古典线条与移动端毛玻璃 UI 规范相结合。提取“朱砂红”作为关键操作引导色,通过留白与宣纸质感建立起具有东方意蕴的数字化空间。

朱砂 #AC2425
靛蓝 #0B437C
宣纸 #F8F3E7
琥珀 #DACFB5
金褐 #C3B38B

字体标准 / Typography

Noto Serif SC / Medium / 26px 用于主标题、画卷意境词
Noto Serif SC / Medium / 20px 用于重要交互按键
Noto Sans SC / Regular / 14px 用于正文、导航辅助说明

交互组件库 / Component Kit

Buttons / 注册确认

Toggle / 双轨视角

生产侧
生活侧
生产侧
生活侧

Selector / 身份卡片

生活侧·叙事者

解构生活切片,感悟情感共鸣。

#体验#情感
05

高保真展示 (Hi-Fi Display)

01_Cover

02_Selection

03_Survey

04_Interaction_A

05_Interaction_B

06_Process

07_Overview

08_Inventory

09_Process_Detail

10_Asset

色彩一致性

遵循古籍色彩规范,建立生产理性与生活感性的二元功能分级体系。

古画沉浸感

利用宣纸纹理与平滑转场,营造“翻阅古籍、行走画间”的诗意体验。

数字化重构

将传统平面美学与现代 UI 技术融合,提升信息传递效率。

情感化叙事

将枯燥工序拆解为可感知的情感单元,建立用户与历史文化的共鸣。

PROJECT SHOWCASE

项目展示视频

本视频详细展示了《耕织图》智慧博物馆从“入画注册”到“数字资产生成”的全过程闭环。通过 23 个工序节点的数字化解构,实现了多模态的深度沉浸体验。

100% Closed Loop
4K Resolution