万 观 榕。

The AR design to banyan tree theme for SanFangQiXiang -

WANGUANRONG

/2022

AR 场景设计

三坊七巷榕树主题 AR 设计

2022.9 2022.10

2 PORTFOLIO

MEMBERS-INTRODUCE

指导老师：李松月 张熙 卓凡

2 PORTFOLIO MEMBERSINTRODUCE

黄悦含

空间展示设计研究

主要负责：视觉确定、UI 视频动态、AR 编程尝试、

空间装置设计、空间装置渲染、AR 地面导视设计

// 前期调研、项目策划、方案故事深化、榕树碎片生成、

PPT 制作、报告书制作、汇报

薛玉洁

动画艺术研究

主要负责：形象 3D 化、AR 动画导航、榕树绘本、

UI 视频动态、碎片元素制作

// 前期调研、项目策划、方案故事深化、榕树碎片生成、

PPT 制作、报告书制作、汇报

陈风上

地域性研究设计与实践

主要负责：UI 平面设计、AR 立体海报设计、空间装置

渲染、报告书视觉设计与定板、色彩体系确定

// 前期调研、项目策划、方案故事深化、榕树碎片生成、

PPT 制作、报告书制作、汇报

CONTENTPART.1

-前期调研

02.

- 三坊七巷· 三坊七巷初步调研 & 文化基因提取 P-13

03.

- 榕城与三坊七巷· 意象确定与延伸深入调研 P-24

PART.3

-成果展示

01.

- 项目初识

· 思维导图总览 & 智慧城市思维构建 P-6

PART.2

-项目策划

05.

- 视觉形象· 榕树爷爷 & 延伸视觉 P-44

04.

- 意象深化

· 深化意象 & 逻辑搭建 P-37

09.

- AR 设计

·AR 系统 & 故事绘本 P-58

10.

- 装置设计· 装置概念 & 最终展示 P-66

08.

- APP 板块设计

· 前期工作 &UI 平面设计 P-54

06.

- 故事碎片体系

· 故事搭建 & 碎片体系 P-46

07.

- 互动装置构设

· 装置功能 & 外型设想 P-50

11.

- APP 视频集锦· 项目视频部分展示 P-72

5

PORTFOLIO

PREVIOUS MARKETING OF PART.1

RESEARCH WORKS

前期调研

5

6

/ 项目初识

思维导图总览01.

对整体项目从调研到延伸、确定方向、初

步设计到深化设计的总体概括

PORTFOLIO思维导图总览 -

7

01-XIANGMUCHUSHI

什 么 是 智 慧 城 市 ？

8 PORTFOLIO智慧城市理解 -

9

我们认为智慧城市，首先要聚焦到城市发展，城市问题推动了城市变革，人口大量涌入城市，催生了“人”的新需求。为了提高城市生活质量，就发挥了“智慧”。城市大脑通过物

联网，云计算，大数据，集成计算技术等，带来了互联，高效，智能的发展新模式。我们认为智慧城市最重要，最丰富的数据是服务数据，也就是说智慧城市是为了提高城市运行效率，

推动城市可持续发展的策略。最终目的是以人为核心，为人服务。

以人为尺度的空间场景，可分为数字空间，物理空间和社会空间。我们设计的途径可以是将视觉化的信息置入这三个维度空间，苏醒活跃，链接这三个部分，增加人文关怀，唤醒爱与关注。

01-XIANGMUCHUSHI

艺 术 介 入 传 统 空 间

为了更好的理解艺术场景，我们调研了一些优秀案例。智慧城市艺术化的四大要素，也可以汇总成四个

关键词：城市肌理，公共活力，地方认同，参与活动。在形式，数媒，和材料的调研中，我们也发现了

很多因素对艺术效果呈现的影响，为我们方案的制定也带来了灵感。

10PORTFOLIO智慧城市理解 -

11

01-XIANGMUCHUSHI

12 PORTFOLIO

城 市 中 的 变 与 不 变 ？

我们认为不变的因素可以概括成城市肌理，交通路网，区域功能，生态格局的延续，简单来说，就是特

色文化不变。而可变的因素，则是生活配套设施，工作生产环境，休闲娱乐途径和交际文化场景，变在

这里就是变化满足城市人的需求，以人为本，适时调整。

智慧城市理解 -

13

/ 三坊七巷

初步调研 & 文化基因提取

02.

“一片三坊七巷，半部中国近代史”

三坊包括：衣锦坊，文儒坊，光禄坊

七巷包括：杨桥巷，郎官巷，塔巷，黄巷，安民巷，宫巷，吉庇巷，南后街

座落于福建省福州市鼓楼区南后街，总占地约 45 公顷，是从南后街两旁从北至南依次排

列的坊巷总称。发轫，于唐五代形成，到明清鼎盛，如今古老坊巷风貌基本得以传续。

是众多伟大历史人物的故居地。是国内现存规模较大、保护较为完整的历史文化街区，

有“中国城市里坊制度活化石”和“中国明清建筑博物馆”的美称。其中包含三个重要

主题文化展馆：社区博物馆中心展馆，福建省民俗博物馆，福建省非物质文化遗产博览苑。

榕 城 历 史 脉 络 “城外一城内一城中心”

14PORTFOLIO榕城历史脉络 -

1502-SANFANGQIXIANG

16PORTFOLIO三坊七巷文化基因 -

三 坊 七 巷 文 化 基 因

建 筑 特 色

1702-SANFANGQIXIANG

文 化 特 色

18PORTFOLIO三坊七巷文化基因 -

物质文化基因

非物质文化基因

02-SANFANGQIXIANG

有关于文化基因，我们从游客评价表的 80 个高频词汇得到最直观的初步感受。从这些词

汇片段中能大概构建出活跃文化历史街区的气质样貌。而具体的文化基因我们分为物质文

化类与非物质文化类。又可以看出一个街区浓缩了整个福州乃至福建的文化发展缩影。

20PORTFOLIO PORTFOLIO

三坊七巷地域区块 -

地 域 区 块

区块热度分析

三坊七巷街区人口活动密度 // 商业 POI 数据比例

服装鞋帽皮具店铺占比最多，达 26.94%。作为最能代表地域特色的店铺（右图红色虚线）却总占比只有 47%，相对不合理。且区块商业雷同多。

宏观上，三坊七巷地处鼓楼区，位于福州市城区西北部，属于中心城区。地势西北高、东南低，处在福州盆地，河道交错，交通便利，路网密布；

而三坊七巷位于福州城最繁华的商业街边，随着城市建设的不断发展，逐渐形成了四周高楼林立的样子。周边车水马龙日夜喧嚣。这就引出了城市

建设中的“古与今”问题。所以，保护好传统街区，保护好古建筑，保护好文物，才能保存城市的历史和文脉。

2102-SANFANGQIXIANG

22PORTFOLIO

三坊七巷交通与绿化 -

地 理 位 置 与 问 题 聚 焦

区块交通分析

有关于交通的分析。右下是三坊七巷主要步道与巷口的示意图，左边为区域交通图。两个主要区域内是不允许机动车同行的。开放时间为早上八点半到下午五点禁止入园，建议

游玩时间是三个小时。【黄色标志为景区出入口，绿色为交通干道，中有东街口，南门兜两个地铁站连接了福州地铁一号线和二号线。蓝色图标为停车场。

2302-SANFANGQIXIANG

24PORTFOLIO

榕城与三坊七巷 -

/ 榕城与三坊七巷 03. 意象确定与延伸深入调研

2503-RONGCHENG

三 坊 七 巷 主 要 绿 植 种 类

26PORTFOLIO

榕 城 历 史 脉 络

榕城历史脉络 -

“岁莫不凋 , 熙宁以来绿荫满城 , 行者自不张盖 。”

03-RONGCHENG

27

国 家 号 召 与 榕 城 响 应

绿水青山就是金山银山

生态兴则文明兴。新的赶考之路上，生态文明建设成为一道必答题。

党的十八大以来，以习近平同志为核心的党中央以前所未有的力度抓生态文明建

设，全党全国推动绿色发展的自觉性和主动性显著增强，美丽中国建设迈出重大

步伐，中华大地正展现出天蓝地绿水清的亮丽新景象。“环境就是民生，青山就

是美丽，蓝天也是幸福。”

在 2022 年世界经济论坛视频会议上，习近平主席用 3 个“全力以赴”，再次表

明中国坚定不移推进生态文明建设、实现可持续发展的决心和行动：“中国坚持

绿水青山就是金山银山的理念，推动山水林田湖草沙一体化保护和系统治理，全

力以赴推进生态文明建设，全力以赴加强污染防治，全力以赴改善人民生产生活

环境。”

在城市发展过程中，福州市坚持“榕城”底色，想方设法保护榕树。榕树被列入

福州市常用园林绿化树种名录库，在福州市现存 1623 古树名木中，接近一半是

榕树，其中上千年树龄的有 6 株。“古树名木是福州近年来大力推进生态文明建

设的见证者，我们一定要把它保护好。”市林业局绿化办有关负责人表示，下一

步，将牢固树立绿水青山就是金山银山的理念，珍视一草一木，不断加强古树名

木保护管理，加快古树微公园建设，充分发掘古树名木的科研、景观、历史文化

等价值，不断探索古树名本司法保护、古树名木保险等新模式。

28PORTFOLIO

三坊七巷作为福州历史文化的集大成者，榕城中心，以榕树为出发

点对其进行串联设计意义重大，将城市绿化特色与当地历史发展有

机结合，是对三坊七巷宣传有重大成效的载体。

1. 唤醒大众对古树名木的保护与对生态文明建设的重视

2. 从独特的视点出发，吸引外地游客，使其了解当地生态文化

3. 传递当地居民对榕树的情感故事，加深生态文化印象

4. 具有一定的优化旅游路线与提升旅游质量的作用

三坊七巷榕树印象 -

三 坊 七 巷 榕 树 印 象

福州吉祥物·榕榕

古 榕 资 源 开 发 意 义

03-RONGCHENG

29

游客对于三坊七巷榕树的形象，我们也概括为左边的优点：古树保存好，增添厚重历

史韵味。而右边的缺点为：与古树保护与互动方式古板，没有公共景观与兴奋点，缺

乏趣味性。从这些评价出发，也为我们之后的设计提供好了的思路引导。

现 有 榕 树 旅 游 文 化 印 象

30PORTFOLIO

三坊七巷榕树印象 -

三 坊 七 巷 榕 树 景 致

城市总体榕树分类 / 榕树伴生景致 / 特色榕树

w

福州的榕城风貌主要分为图示六种，河岸、码头、建筑门口、自然繁衍榕树与群植等。其中最主

要的可以概括为行道树与风景园林的作用。

03-RONGCHENG

31

心型榕：位于三坊七巷南后街安民巷附近的这棵榕树，形状天然像一颗爱心，出于保护树木和古厝景观整体性的原因，古厝保护人

员在打造此爱情景观时，并没有进行过多处理。龙墙榕：位于朱紫坊 26-28 号门前，树高约 30 米。“龙墙”呈东低西高走向，绵

延近 10 米，西端上扬，宛如蟠龙腾跃。三坊七巷的榕树与建筑相伴相生，形成了特殊城市风貌，榕树见证着这里从古至今的一切。

32PORTFOLIO

三坊七巷榕树印象 -

榕 荫 记 忆

城市总体榕树分类 / 榕树伴生景致 / 特色榕树

榕树，大乔木，高达 15-25 米，胸径达 50 厘米，冠幅广展；老树常有锈褐色气根。寿命极长，可达数千年。树皮深灰色。叶薄革质，狭椭圆形，表面深绿色，有光泽，

全缘。榕树的果实是成对腋生或者是生长在落叶枝的叶腋中，成熟时为黄色或者微红色。榕树的花比较奇特，雄花、雌花、瘿花都生长在榕果内，花期一般为 5 到 6 个月。

03-RONGCHENG

33

冰心：“故乡的‘绿’，最使我倾倒。”

榕树下，有孩童的嬉戏欢笑声，有少年青春的印记，还有老人们摇着蒲扇，乘凉低语，藏着每个福州人记忆深处的感情。

榕树最具灵性，最能造福庇荫乡人，世人称之为榕荫。千百年来，福州人世代生活繁衍在榕荫、福荫之中。人们常借榕荫遮风避雨、休憩、纳凉休闲。

每当盛暑之际，榕树的树荫就成了人们最喜爱的地方。阳光透过榕树的翠叶繁枝，斑驳光影落在屋檐和地面上，偶有微风袭过，所有的热意瞬间化为乌有。

34PORTFOLIO

三坊七巷榕树印象 -

三 坊 七 巷 人 群 分 析

生活线索 / 访问目的与意象

本地居民

外地游客

03-RONGCHENG

35

本地人老人儿童居多，生活也相对慢节奏，游客相对以年轻人居多。针对出行动力，娱乐活动，不足与问题我们做了相应总结，做设计时我们会综合考虑这些因素。

同时，整理了以时间为线索，福州人在榕树下一天生活的碎片，成为后期故事线索。我们希望以榕树下的当地人生活作为切入，来让游客走进三坊七巷的古榕故事。

36PORTFOLIO

PROJECT PLANNING OF THE PART.2

RESEARCH WORKS

项目策划

04-YIXIANGSHENHUA

37

将万花筒这一元素与榕树间的光影联系起来，使每一位游客拥有专属自己的沉浸式体验。尝试

针对不同的主要受众人群，设计多种互动模式增加趣味性，包括收集碎片，光影沉浸交互与榕

树故事叙述。

基本互动形式与年龄分布

04. / 意象深化

万花筒·万观榕

38PORTFOLIO设计意象 -

项 目 预 期 目 标

生活线索 / 访问目的与意象

游客在景区内以简单的参观游览为主，反映出景区内缺乏深度旅游体验项目和产品，导致游客停留时间较短，不利于景区的可持续发展。对此，景区可以通过打造融入街区文化的

体验类产品，如“茉莉花茶园”和“橄榄体验展馆”，向游客展示相关产品的制作流程。游客可以通过参与现场制作过程，增加体验感。类似的体验类产品不仅可以吸引游客，还

能延长游客在景区停留的时间，增强游客的深度体验感。形成独特的文化符号和个性， 将街区的核心吸引物、 业态和游憩方式贯穿起来， 帮助街区形成鲜明的主题， 增强与消费

者的黏性和连接性， 触发消费者更多的消费热情， 有助于增强街区的沉浸式体验。

04-YIXIANGSHENHUA

39

AR 初步构思设定

关于三七坊的故事可以在这里寻找 ...

APP 将录入主要的榕树，在榕树下设置 AR 交互点。游览者可以使用 APP 寻找最佳时间所对

应的交互点。APP 将生成最佳路线图，为游客提供最优便利。

树影间的小巷故事 ...

游客通过手机 APP 界面扫描指定榕树，可以看到 AR 版本的小巷故事，感受三坊七巷的社会人

文、自然和谐，感受当地人的闲适生活。以小见大，通过榕树下的光影故事，感受榕城魅力。

40PORTFOLIO设计意象 -

设 计 意 象 与 案 例

AR 故事 / 碎片收集 / 视觉导视

游客在观赏完 AR 影片后，APP 可根据互动时间编码以及游客输入的数字 id 生成一个属于游客自己独一无二

的光影碎片。游客在获得一定量的碎片后，就拥有了“门票”，继而可以去园区内的大型艺术装置参与互动。

区块链 +“数字身份”——用户 ID 和时间编码，通过与区块链技术结合，可以生成独一无二的数字资产。通

过这种技术，增强的用户的个人认同感，让群众更好地融入三坊七巷，既增加了用户体验，又可以增加用户粘性。

不同时间，不同标记点，游客扫描出来的 AR 故事是不相同的的 ... 呼应主题“万花筒，万观容”，体验不同

时期不同情境下的三坊七巷，走进寻常百姓下，感受民生，品百味生活。根据万花筒的系列 IP 形象，设计一

套导视系统，包含社区内的指示牌、门票、导览册，海报等。

04-YIXIANGSHENHUA

41

42PORTFOLIO设计逻辑构建 -

地 图 与 故 事 榕

逻辑设定 / 游览路线 / 故事概念

我们在三坊七巷选取了十个著名景点周围的古榕作为载体，设定了一个初步游览路线，但相对灵活，各故事也相对独立。在不同时间每扫描一棵故事榕后，可以获得限定

时间点故事与独特游览碎片。最终引导到达图中橙色虚线的装置位置，生成光影沉浸交互体验。

04-YIXIANGSHENHUA

43

故事线逻辑

十棵故事榕树我们会分为主要五个时间段，也就是说，在不同的时间段游览任意一棵树，得到的榕树下故事都是不同的。五个时间段

对应的主题分别是，苏醒，孩童嬉戏，烟火与美食，树荫慢生活与情侣和动物栖息。我们的故事也会随着时间光影的变化来制作。图

示就是在五个时间段下来游览 1 号树得到的故事。在对应大主题下的小故事分别为祈福，春游，妈妈的家常菜，下象棋与情侣漫步。

44PORTFOLIO榕树爷爷 -

05.

/ 视觉形象

初步视觉概念 / 吉祥物设计

设定完初步游览构架，我们对视觉元素进行提取，由榕树的叶与时间变换构成联想，

年轮与俯视榕树冠、时钟构成联想，结合万花筒与光影，集合这些元素，形成了

吉祥物形象、碎片提取、视觉系统、光影形态的完整视觉体系。

05-SHIJUEXINGXIANG

45

榕树爷爷

平面形象 / 立体深化

确定的吉祥物形象是快乐树老头，他的胡子是榕树叶，

可以像时钟一样转动。外形像是榕树冠与表盘的结合。

后期作为我们的 ip 形象会一直伴随出现。之后对 ip 的

3D 立体化制作，对其进行了动态绑定，方便后期 ar 导

航与立体海报的制作。延伸为十棵故事榕制作了对应的

小图标，用于 ui 界面设计中。

46PORTFOLIO故事碎片体系 -

/ 故事碎片体系 06. 色彩体系与碎片生成逻辑

我们也从中国传统色中，提取了 50 个榕树色，来分别对应 10 棵树与 5 个时间段，作为视觉基础来生成故事碎片。例如在中午 12 点游览了

5 号榕树，得到的碎片主色调就会是少艾。之后，又从建筑元素，榕树果实，日光和天穹四个主题中，分别提取 5 个颜色，共 20 种作为随机色，

与之前的 50 色进行随机搭配，形成完整的色彩体系。

06-SUIPIANTIXI

47

碎片设计

& 生成

整体生成逻辑为，根据游览时

间与个人信息确定颜色。由基

础元素随机出三种阵列，生成

树与倒影的碎片。

48PORTFOLIO故事碎片体系 -

/30 碎片预览

色彩体系与碎片生成逻辑

06-SUIPIANTIXI

49

50PORTFOLIO装置概念构设 -

/ 互动装置构设 07. 装置功能 & 外型设想