07-ZHUANGZHIGOUSHE
51
交互投影互动装置构想
集虚拟仿真技术、图像识别与跟踪技术于一身的互动投影项目，当体验者走进投影区域时，可以直接通过肢体动作与投影上的虚拟场景进行交互，互动效果会随着手势产
生相应的变化。游客使用之前收集到的光影碎片，通过 APP 与装置进行连接，上传成功后，游客即可进入装置内，感受属于自己独一无二的“树影”万花筒。
挥挥手，带起一阵风，光影效果就会变化，产生与万花筒一样有趣绚丽的画面。
52PORTFOLIO项目整体思维再构建 -
项 目 思 维 再 构 建
线上系统 / 线下系统 /AR 设定
PORTFOLIO
PART.3 ACHIEVEMENT
DISPLAY
成果展示
54PORTFOLIO三坊七巷主题地图 -
A P P 板 块 设 计
主题地图
根据万观榕设计方案的整体
色彩和风格基调，我们将三
坊七巷交互点的主题地图进
行了同步设计。
整个界面我们想呈现出一种
轻松、简单的感觉，于此同时，
主题地图也能将故事榕树最
大化展示。
周边设计
APP 定制周边—吉祥物系列 / 光影碎片系列
万观榕同步主题自助商店，游客可以在 APP 里制
作分享自己想要的商品礼物，获取自己独有的光影
碎片纪念品，上传交流互动，也可以直接购买。
UI 功能介绍
08-APP UI SHEJI
对于 ui 功能与界面的设计，我们分为扫描，导航，收集和商店四
个大的部分，涵盖了我们整体的所有功能。
通过 APP，游客可以完整地体验万观榕的种种项目内容。登陆
APP 以后，小老头导游就开始迎接游客了，它会为游客智能推荐
游览时间和游览地点，并且进行一些 AR 互动和讲解等。
规划完路线后，他就会化身 3D 形象，带游客开启穿越之旅，进行
一些互动和讲解，帮助游客找到互动的榕树地点。
登陆流程 扫描部分
游客需要登陆 APP，注册自己的万观
榕账号，登陆成功后即可进入主功能
界面，体验各种流程。
进入扫描面板，将会出现两个扫描项
目，实景 AR 扫描将会进入 AR 小榕
树实体导览界面，游客也可以通过这
个窗口扫描园区内的 AR 海报或 AR
地面导览系统进行互动。
55
08.
56PORTFOLIO
导航部分 收集部分
荣耀 UI 总预览
三坊七巷主题 UI
导航部分我们具体分为三个部
分，路线实时规划，ar 导航和
已去地点，有关已去地点，我
们会实时显示当前时间，和已
经去到过的榕树和分别的打卡
时间。
整个碎片收集部分，是在观看
完 ar 榕树故事后出现界面，
输入信息后跳转到等待界面，
之后生成本次对应故事的独一
无二碎片。
08-APP UI SHEJI
57
58PORTFOLIO
“智能游览三坊七巷·AR 趣味场景影像”
AR 包括：AR 导览、AR 故事、AR 视觉
AR 交互导航、AR 故事绘本、AR 地面导视系统、AR 立体互动海报
/AR 功能场景
主题导航绘本 & 文地面导视 & 墙面海报
三坊七巷 AR 系统 -
09.
AR 导航
09-AR SHEJI
这部分内容是 AR 导航，由我们可爱的 3D 榕树爷爷来为大家做实时 AR 导游。包含路线规划，实景导航，
天气提醒，ar 互动等功能。他将带领我们游客走完全程路线，并且进行实时互动。
榕树小老头会为游客提供最佳的观览时间和游览地点，并且形成完整的游览路径。根据不同时间段，结合
游客定位推荐榕树打卡点。规划完路线后，他就会化身 3D 形象，带游客开启穿越之旅，进行一些互动和讲解，
帮助游客找到互动的榕树地点。
榕树小老头也将充当导游的身份，主要负责主要文化区域的讲解和提示，普通地图导览的功能他也同时具备，
为我们游客提供了极大的便利和乐趣。
A R 板 块 设 计
59
60PORTFOLIO
A R 故 事 绘 本
在榕树景点设置 3--5 个绘本展台，游客可
以通过翻阅绘本了解榕树下的故事，也可以
通过手机扫描，通过 AR 技术使绘本的画
面动起来。此外，未到场游客也可以通过
APP 直接观看动态绘本视频。
三坊七巷 AR 绘本 -
绘本展示（6 个片段）
整个三坊七巷我们有 10 棵故事榕，每棵树根据时间的变化，将会有不同 5 个主题故事。
我们在这里选取了 6 个故事片段进行演示，是我们主题故事中的一个部分，是关于童年回
忆的。
在展示形式上，我们以 AR 互动为核心，配合装置和 APP 进行互动，希望不管是当地人
还是游客，都能感受到乐趣和温情，三坊七巷除了厚重的历史意义外，还是人与人的链接，
是有人情味，烟火气的。
就像我们前面展示的 6 的故事片段，它是有人存在的，也是因为有了人，才更可贵更感人。
09-AR SHEJI
61
62PORTFOLIO
A R 故 事 绘 本
三坊七巷 AR 绘本 -
09-AR SHEJI
63
64PORTFOLIO三坊七巷 AR 辅助设计 -
AR 视 觉 体 系
地面导视
在主要路口或重要节点设置
AR 地面导视，游客可以随
时拿出手机，在 App 中扫描
地标小榕树，与之互动。
同时也可以触碰小榕树进行
触摸游戏，增加游览路途中
的趣味性。
视觉海报
在三方七巷墙面设置 AR 立体交互海报，与 AR 绘
本、AR 地面导视构成系统，游客可以随时拿出手
机，在 App 中扫描海报获取信息。
（部分地面导视展示）
地面导视和万观榕海报用手机 APP 扫描即可观看 AR 效果，戳戳互动，获取信息～
09-AR SHEJI
65
66PORTFOLIO
/ 万观榕装置
碎片展示交互点 & 环形座椅
万 花 筒 测 试
（取用单个随机碎片的配色与元素，测试万花筒效果）
（结合多个碎片元素，生成万花筒）
三坊七巷互动装置 -
10.
装 置 尺 度
10-ZHUANGZHISHEJI
67
68PORTFOLIO
材 料 选 择
装置材料可以根据环境场地以及日照方向强度，改变自身的色彩偏向。
已达到在三坊七巷大环境下的融合的目的。游客独立 id 生成的万花筒，将在此空间播放展示，以一种通透斑驳
的形式与游客进行交互。
采用光影，反光墙面处理，万花筒装置的设置。增加空间通透感和光感的同时，模糊空间界限，使观者与光影与
空间产生通透融合的关系，也意在指三坊七巷榕树下找到我与无我的映射。
装置意向：光影，斑斓，迷幻，通透感
装置目标：用光影装置增加观客的沉浸感，通过肢体与空间互动—画成其物，操纵万花筒呈现的变化，令到观者
有“身在山水中”而非山水之外的场景浸入感。
三坊七巷互动装置材料 -
10-ZHUANGZHISHEJI
69
70PORTFOLIO
实 体 场 景
三坊七巷互动装置效果图 -
10-ZHUANGZHISHEJI
71
72PORTFOLIO总览视频展示 -
/ 视频锦集
项目视频部分展示 11.
11-SHIPIN JINJI
73
74PORTFOLIO总览视频展示 -
A P P 展 示
11-SHIPIN JINJI
75
76PORTFOLIO总览视频展示 -
A P P 展 示
11-SHIPIN JINJI
77
78PORTFOLIO
GROUP LEARNING
EXPERIENCE
小组学习心得
小组学习心得 -
AR 场景设计课程在 9 月 19 日开始至今，经过老师的认真教学，同学们的努力学习下，终于画下了句号。 这个课程我们立足传统创新，将三坊七巷以新的技术形式呈现，
焕发传统文化新的生机，提高了对传承渠道和传播形式创新重要性的认识，同时这也是一次难得的机会，成为了我们工作学习中难忘的一次体验，为未来提供了新的思路
和宝贵的经验。万观榕这个方案，不难发现，最大的特点就是轻松快乐，简单轻快。这也是我们最想要传达的内容：快乐至上。三坊七巷除了厚重的历史意义外，也是充
满着“人”和“爱”的纪念册，于是我们立足于“记忆”，发掘了它有关人和榕树的故事，编成了我们的“榕树故事绘本”。希望通过这个方案，我们再去阅读它的时候，
能透过时间，回溯过去，感受到人情味、烟火气。
非常感谢我们小组的每一位同学，她们是充满生机的、有思想、懂快乐的一群伙伴。在这一个多月的时间里，我们一起学习、一起进步，在互相融合的同时，我们发现了
自身更多的可能性，发掘了自己的潜能，得到了更好的自己。小组合作不是个人秀场，而是个人融入群体中的大派对，我们在群体之中培养了合作性，加深了对彼此的了
解，拥有了深厚的友情，而这则是课堂作业获得了令人满意的成果外，最珍贵的部分。
一月有余，不负自己，千言万语，即是感恩。
The AR design to banyan tree theme for SanFangQiXiang - 2022
三坊七巷榕树主题 AR 设计
指导老师 李松月 张熙 卓凡
组员 黄悦含 薛玉洁 陈风上
