怎么用这个对比稿
顶栏四组开关是正交的,可以随意组合:
布局(结构差异最大)
- A 列表主导:地图退居 Tab。信息效率高,但弱化了地理属性
- B 分屏联动:地图常驻,hover 列表项对应点放大。找房网站的范式,最契合"按地理找院校"
- C 地图主导:筛选变成顶部横条,地图满屏,结果浮在右下。最有"地信味",但列表被压缩
其他三组
- 视觉:制图风(青蓝+等高线棕+4px 圆角)/学术严谨(近单色+2px 圆角+重分隔线)/现代亲和(14px 大圆角+亮青+柔阴影)
- 密度:只改行高与内边距,不改结构
- 筛选生效:即时(默认)vs 点应用——注意后者会多出一个"应用筛选(3 项)"按钮
- 控件:标签 chip vs 复选列表(带各选项计数)
我的建议:布局用 B(地图常驻才配得上"地信"),视觉用制图风,密度舒适,筛选即时 + 标签控件。