75°E–135°E · 18°N–53°N · EPSG:4490

Design Exploration Archive

设计探索归档 · GIS Ascent

项目孵化期为做决策而画的一次性验证页面。它们不是产品，也不参与构建——价值在于"当时为什么这么定"留下了可回看的证据。

正式站点是另一回事：Vue 3 + TypeScript + vite-ssg，内容页预渲染，布局采用 B 分屏联动（左筛选 / 中列表 / 右地图常驻）。当前进度见 PLAN.md，完整设计见 docs/DESIGN.md 与 docs/UIUX.md。

地图引擎 · 已定案

Leaflet vs MapLibre GL JS已定案

map-compare/index.html

同一份数据（50 所地信院校 + DataV 省界）在两种引擎上的对照：专题图、热力图、暗色主题、3D 挤出、俯仰旋转。结论是改用 MapLibre。

视觉方向 · 已定案

视觉规格已定案

ui-spec/index.html

色板、字阶、间距与圆角阴影尺度、组件样本，以及首页的桌面与移动两种形态。取材自地形图制图规范（水系青蓝 + 等高线棕 + 图廓刻度）。

布局与交互范式 · 已定案

布局 A / B / C 对比已定案

ui-spec/variants.html

列表主导 / 分屏联动 / 地图主导三种范式，四组开关正交可切（布局、视觉、密度、筛选生效方式、控件形态）。把鼠标移到列表项上——地图对应点会放大。

设计语言（morphism）· 已选型

九种设计语言对比 + 选型方法已选型

ui-spec/morphism.html

用同一组真实组件渲染拟物 / 粘土 / 新拟物 / 玻璃 / Material / Fluent / 扁平 / 半扁平，附六维评分表。§05 是「如何选择」——耐过时性阶梯（结构 10 年 > 排版 > 颜色 > 表面 1–3 年）与六步流程。

2026 设计语言格局已选型

ui-spec/design-languages-2026.html

三层分工（设计系统 / 视觉风格 / 产品调性）、主流设计系统对比、当代风格"上升 / 退潮"清单，以及同一组内容在 Material / Fluent / Carbon / antd / 本项目下的视觉烙印对比。

材质实验 · 待重做

液态玻璃实验台观感待重做

ui-spec/liquid-glass.html

iOS 26 Liquid Glass 的浏览器近似实现，可实时调参（折射强度、模糊、饱和、高光、动态响应）。坦白说这一版观感不佳：底图选了深色低频的矢量底图，而玻璃需要高频多彩的背景才成立。已记录在 docs/UIUX.md §13。