← Systems & Services
case study ↓

GAFA
Find your way.

广州美术学院 · 校园路标改良与线上导览系统

Wayfinding / Spatial Interface / QR Web Guide
2025 · Huiteen

A place to go.
An unclear way.

找路的困难,往往发生在地图与下一块标识之间。

(01)

对于第一次进入校园的新生与访客,知道目的地名称并不意味着知道如何抵达。当前位置、楼栋关系、楼层信息和沿途指引如果不能相互衔接,用户就需要不断停下来重新判断。

项目把找路过程中的问题归纳为四类:信息层级混乱、识别性地标不足、方向感缺失与指引系统不连续。改良目标由单块标牌的视觉调整,转向一条可以持续跟随的信息路径。

Background / 信息层级、地标识别、方向判断与指引连续性。

Different users.
The same uncertainty.

把新生与在校学生的找路情境,放回具体的校园生活。

(02)

用户画像与使用情境展示了不同熟悉度下的信息需求:新生需要先建立对校园的整体认知,在校学生则可能需要快速找到某个楼栋、教室或临时查询的地点。

从报到、寻找教室到跨楼栋移动,项目关注用户在哪里产生疑问,以及在那个位置应该先看到哪一层信息。画像和情境图作为设计推导材料,用于确定导览内容的组织方式。

Persona / 不同熟悉度下的目标与找路困扰。
Scenario / 把信息需求放回一周中的校园使用情境。

Read the campus.
One level at a time.

先建立校区、楼栋、楼层和房间之间的层级,再设计标识。

(03)

导览信息按校区级、楼栋级、楼层级与房间级逐层展开。用户在每个位置只需要先确认当前层级,再找到通向下一级的方向,减少所有信息同时出现带来的判断负担。

字体、图标、箭头与黑白灰层级构成统一的阅读语言,黄色用于强调关键内容。楼栋字母、楼层编号与房间方向在不同载体上保持关联,让标识之间能够接续。

Signage / 楼栋、楼层、房间与功能图标的统一表达。

A consistent information hierarchy

从整体定位,
走向具体目的地。

01 / 校区与楼栋
确认所在位置、建筑关系与下一步方向。
02 / 楼层
通过楼层编号与索引缩小目的地范围。
03 / 房间与功能
用房间编号、功能图标和方向箭头完成最后一段指引。

See the sign.
Continue on screen.

让实体标识承担快速判断,让手机承接进一步查询。

(04)

实体标识适合在空间中提供即时的方向线索,但能够承载的信息量有限。二维码入口与移动端页面补充楼栋、楼层和房间查询,让用户在需要时继续深入。

线上与线下使用同一套信息层级:从看见标识、确认位置,到进入页面、寻找房间,再回到真实空间继续行动。系统总览把平面导览、标牌与手机界面放在一起,展示这条衔接路径。

Connected Guide / 从空间标识到楼层与房间查询。

A proposed system.
A working prototype.

用线上导览原型,检查信息层级能否转化为具体操作。

(05)

GAFA 1.0 与 2.0 的 Web 原型分别作为校园导览与楼层查询的体验入口。它们把标识系统中的信息组织方式延展到手机页面,让方案能够通过操作进行讨论。

这一阶段完成的是校园导视提案与线上原型。实体标识的实际落地、现场可读距离和找路效率,需要通过真实空间中的观察与测试继续验证。

(06) / Reflection

Good directions.
A continuous journey.

GAFA 路标改良系统关注的不只是一块标牌,而是标识之间能否连成一条路。通过统一的信息层级和线上线下入口,让用户在每次转向之前,都能找到继续前进的线索。

Project
GAFA 路标改良系统 / 2025
My focus
校园导览问题分析 / 标识系统改良 / 视觉层级设计 / 移动端页面设计 / 二维码入口规划 / 线上页面部署
Deliverables
校园导览问题梳理;用户画像与找路情境;分层导视与功能图标;二维码入口规划;移动端页面与 Web 原型。
Next step
在现场验证识别距离、路口决策和指引连续性,结合新生与访客的实际找路任务调整信息层级与部署位置。