优联前端 - 专业高效的前端解决方案,用户体验,创意网站,交互特效,APP,小程序,数字智能软件开发,前端外包
返回
问津书院 - 官方微信小程序

扫码查看项目

类型

小程序

上线时间

2023/05/20

01

项目背景

Project Background

问津书院,作为唯一以《论语》中“子路问津”典故为名的书院,其深厚的历史底蕴和文化积淀见证了我国数千年的文明传承。前身可追溯至西汉时期孔庙,问津书院不仅承载着古代儒家学说和传统文化,更是历代学者研究、传授经典的重要场所。传统的线下导览已无法满足现代游客的深层次体验需求。本项目旨在通过小程序,将实地游览与数字服务(地图导览、文物科普、设施查找)无缝连接,打造沉浸式的文化之旅。

02

设计组件

Design Components

摒弃了生硬的系统图标,将“斗拱大殿、毛笔、罗盘”等传统元素进行几何线性提取,保持文化感的同时不失现代轻量。

针对不同维度的信息(如“自然风光”、“历史古迹”),制定了严格的色彩层级与胶囊样式,帮助用户快速筛选。

好的设计是隐形的。在交互重构上,我们大量引入了底部抽屉和非模态弹窗,保持用户操作上下文的连贯性。同时,为按钮点击、卡片展开注入了符合真实物理世界的阻尼动画与触觉反馈,用细腻的“微动效”提升产品的整体质感。

山水重构:Banner 和背景使用了几何化、层叠的蓝色山峦剪影,配合淡雅的水墨烟云。
沉浸体验:根据实际日出日落时间设定背景场景,强调身临其境。

03

地图场景

Map Scenarios

摒弃传统电子地图的生硬线条,我们为书院量身定制了2.5D等轴侧视角的手绘插画地图。提取古建的青瓦红墙与草木的青绿,辅以温润的低饱和度配色。让地图不仅是寻路的工具,更像是一幅徐徐展开的东方游园画卷,提升游客的视觉沉浸感。

04

核心交互

Core Interactions

在地图导览场景中,用户最怕“迷失方向感”。因此,当用户点击地图上的建筑锚点时,我们没有采用全屏跳转,而是从底部滑出半屏信息抽屉。

05

项目展示

Project Showcase

新媒体矩阵

关注官方账号,获取最新动态,与我们即时互动

END