

扫码查看项目
类型
小程序
上线时间
2023/05/20
01 项目背景
Project Background
项目背景
Project Background
问津书院,作为唯一以《论语》中“子路问津”典故为名的书院,其深厚的历史底蕴和文化积淀见证了我国数千年的文明传承。前身可追溯至西汉时期孔庙,问津书院不仅承载着古代儒家学说和传统文化,更是历代学者研究、传授经典的重要场所。传统的线下导览已无法满足现代游客的深层次体验需求。本项目旨在通过小程序,将实地游览与数字服务(地图导览、文物科普、设施查找)无缝连接,打造沉浸式的文化之旅。
02 设计组件
Design Components
设计组件
Design Components
摒弃了生硬的系统图标,将“斗拱大殿、毛笔、罗盘”等传统元素进行几何线性提取,保持文化感的同时不失现代轻量。
针对不同维度的信息(如“自然风光”、“历史古迹”),制定了严格的色彩层级与胶囊样式,帮助用户快速筛选。
好的设计是隐形的。在交互重构上,我们大量引入了底部抽屉和非模态弹窗,保持用户操作上下文的连贯性。同时,为按钮点击、卡片展开注入了符合真实物理世界的阻尼动画与触觉反馈,用细腻的“微动效”提升产品的整体质感。
山水重构:Banner 和背景使用了几何化、层叠的蓝色山峦剪影,配合淡雅的水墨烟云。
沉浸体验:根据实际日出日落时间设定背景场景,强调身临其境。
03 地图场景
Map Scenarios
地图场景
Map Scenarios
摒弃传统电子地图的生硬线条,我们为书院量身定制了2.5D等轴侧视角的手绘插画地图。提取古建的青瓦红墙与草木的青绿,辅以温润的低饱和度配色。让地图不仅是寻路的工具,更像是一幅徐徐展开的东方游园画卷,提升游客的视觉沉浸感。
04 核心交互
Core Interactions
核心交互
Core Interactions
在地图导览场景中,用户最怕“迷失方向感”。因此,当用户点击地图上的建筑锚点时,我们没有采用全屏跳转,而是从底部滑出半屏信息抽屉。
05 项目展示
Project Showcase
项目展示
Project Showcase
关注官方账号,获取最新动态,与我们即时互动

























