Travel Buddy · 攻略模板样式探索

三种风格方向,同一份行程数据

基于你珠海长隆·澳门攻略的真实内容渲染 | 点击卡片进入该方案的完整页面 mockup,请在终端告诉我你的选择或修改意见

方案 A

经典蓝 · 守正

忠于参考站 travel.waixi.wang:slate 底 + 蓝主色渐变 hero + 靛蓝 chip 表头。升级 16px 字号、44px 触控目标、移动端适配。

  • 与参考站视觉血统完全一致
  • 信息密度高,表格友好,打印稿完美
  • 改动风险最低,"就是那味儿但更精致"
查看方案 A 完整页 →
推荐试看
方案 B

地图主视觉 · 现代

SaaS/杂志风:大标题 + 地图卡片 Hero 一屏呈现,白底大留白、琥珀强调色、圆润卡片与微阴影,地图成为主角。

  • 地图优先,分享朋友圈最有冲击力
  • 移动端阅读体验最好
  • 与"地图渲染"卖点绑定最强
查看方案 B 完整页 →
方案 C

暖纸 Editorial · 克制

纸感米白 + 衬线标题、目录页、留白呼吸,阅读与打印质感最强,像一本迷你旅行杂志。

  • 最有"作品集"气质,适合长文阅读
  • 衬线标题需引入 Noto Serif SC 字体
  • 信息密度最低,表格弱化
查看方案 C 完整页 →
怎么看:三页均为同一份行程数据(航班/酒店/口岸/预算全真实)。可以在桌面浏览器缩放看大屏效果,再用手机打开同一链接看移动端表现。 选定方向后可继续细化(配色微调、组件细节),最终把这个方向做成模板系统的「classic」模板。