Visual Spec · v0 draft
GIS Ascent · 视觉规格
地信考研就业信息服务系统的表现设计稿。这不是产品页面，是拿来看观感的样本：配色、字阶、间距、组件、以及首页的两种形态。
取材说明：整套视觉从地形图制图规范里长出来——主色是地形图的水系青蓝，次级强调是等高线棕，文字用注记黑，结构装置借用图廓与坐标刻度。
替代千篇一律的 01/02/03 编号，这里用真实的招生单位代码（10486）与学科代码（081602）。
01配色
先做灰阶、再加颜色。层级由尺寸/字重/间距建立，不靠颜色。正文对比度 ≥ 4.5:1。
02字体
只下载西文：IBM Plex Sans（界面）+ IBM Plex Mono（数据/代码，本设计的个性载体）。
中文走系统栈，不下载中文字体——中文字体动辄数 MB，会直接击穿 150KB 首屏预算。
type scale · 1.2 modular
H1 · 24/1.3 · 600地信考研择校
区块标题 18/1.4 · 600专业目录
卡片标题 16/1.5 · 500武汉大学
正文 16/1.75 · 400按科目门类、地区、院校层次，筛出真正适合你的招生单位。
次级 14/1.6 · 400081602 摄影测量与遥感 · 英语一 · 数学一 · 拟招 3 人
标签 12/1.5 · 500院校层次
数据 IBM Plex Mono10486 · 081602 · 30.541°N 114.362°E · EPSG:4490
03间距 · 圆角 · 深度
间距只用 4 / 8 / 16 / 24 / 32 / 48 / 64。组内间距 < 组间间距。暗色主题用明度表达高度，不用阴影。
shadow-sm
按钮
shadow-md
卡片
shadow-lg
抽屉/弹层
r-ctl 4px
r-card 6px
r-sheet 8px
04组件
信息密度优先。桌面结果用表格化行，移动端才退化为卡片。
Chip · 可点选筛选
结果行（桌面）
10486
武汉大学985211双一流
081602 摄影测量与遥感 · 英语一 · 数学一 · 拟招 3 人
湖北 · 武汉
10487
华中科技大学985211
081600 测绘科学与技术 · 英语一 · 数学一 · 拟招 2 人
湖北 · 武汉
10491
中国地质大学（武汉）211双一流
070503 地图学与地理信息系统 · 英语一 · 不考数学 · 拟招 6 人
湖北 · 武汉
专业目录表（详情页）
| 专业代码 | 专业名称 / 研究方向 | 学习方式 | 拟招生 | 考试科目 |
|---|
| 081602 |
摄影测量与遥感
遥感信息处理与应用 |
全日制 | 3 |
①101 思想政治理论
②201 英语一
③301 数学一
④876 遥感概论 |
| 081603 |
地图制图学与地理信息工程
GIS 理论与方法 |
全日制 | 4 |
①101 思想政治理论
②201 英语一
③301 数学一
④877 地理信息系统 |
空状态（back of the fence）
没有符合条件的院校
试试放宽地区，或把英语从「英语一」改成「不限」。
05首页即工具 · 两种形态
注意顶部的图廓与坐标刻度——它会随筛选结果的实际范围变化（筛到只剩湖北，坐标就收窄）。这是本设计的签名元素，也是唯一"大胆"的地方，其余全部克制。
▸ 桌面 ≥1024px · 列表视图
106°E–120°E · 22°N–45°N
GIS ASCENT地信考研就业信息服务系统
10486
武汉大学985211
081602 摄影测量与遥感 · 英语一 · 数学一 · 拟招 3 人
湖北 · 武汉
10487
华中科技大学985
081600 测绘科学与技术 · 英语一 · 数学一 · 拟招 2 人
湖北 · 武汉
10491
中国地质大学（武汉）211
070503 地图学与地理信息系统 · 英语一 · 不考数学 · 拟招 6 人
湖北 · 武汉
10511
华中师范大学211
070503 地图学与地理信息系统 · 英语一 · 数学一 · 拟招 4 人
湖北 · 武汉
10512
湖北大学双一流
070503 地图学与地理信息系统 · 英语一 · 数学一 · 拟招 5 人
湖北 · 武汉
▸ 手机 <768px · 主战场
108°E–117°E
找到 87 所
武汉大学10486
985 211 · 湖北 武汉
081602 摄影测量与遥感
英语一 · 数学一 · 拟招 3 人
中国地质大学（武汉）10491
211 · 湖北 武汉
070503 地图学与地理信息系统
地图展开 ▾
06自评：避开了哪些"AI 默认款"
当前 AI 生成的设计会往三种默认款上撞。逐条自查：
| 默认款 | 是否踩 | 处理 |
|---|
| 米色背景（≈#F4F1EA）+ 高对比衬线 + 陶土色强调 | 否 | 底色是冷白 #F7F8FA，不用米色；全站不引衬线 |
| 近黑底 + 单一荧光色（酸绿/朱红） | 否 | 暗色主题会做，但主色是低饱和青蓝，且这是工具不是海报 |
| 报纸式细线 + 零圆角 + 密栏 | 有风险 | "图廓"确实是细线。差异化在于：刻度是功能性的（随数据变化），不是报纸的分隔规则线；且保留 4/6/8px 圆角 |
按"出门前摘掉一件配饰"砍掉的
- 等高线底纹 —— 太吵，抢内容
- 渐变 —— 在这个产品里没有任何用途
- 暗色主题的辉光效果 —— 工具不需要
- 动画入场序列 —— 数据工具应该立刻可用；只保留 hover/focus 的 150ms 反馈
一句话确认方向：主色是地形图的水系青蓝、数据一律等宽字体、结构装置是图廓与真实坐标刻度、标记用真实代码而非 01/02/03。