《奥德赛：归乡之路》网页设计文档
一、项目定位
制作一个单页互动叙事网站，通过地图与时间线呈现奥德修斯从特洛伊返回伊萨卡的十年旅程。重点是营造史诗感与探索感，而不是制作严谨的历史地理地图。由于部分地点存在争议，应注明路线为“依据史诗叙述的艺术化还原”。
二、内容结构
1. 开场区域
- 标题：《奥德赛：归乡之路》
- 副标题：一场持续十年的返乡航行
- 背景展示爱琴海地图、风浪与缓慢移动的船只。
- 点击“启航”后进入主地图。
2. 互动路线
在地图上按照故事顺序连接关键地点：
特洛伊 → 伊斯马罗斯 → 食莲者之岛 → 独眼巨人之岛 → 风神岛 → 食人巨人之地 → 喀耳刻之岛 → 冥界 → 塞壬海域 → 斯库拉与卡律布狄斯海峡 → 太阳神之岛 → 卡吕普索之岛 → 费埃克斯王国 → 伊萨卡。
每个地点包含：
- 地点名称与旅程阶段
- 简短事件介绍
- 奥德修斯面临的选择或代价
- 一句代表性旁白
- 对应的简约插画或动态剪影
3. 时间线
以“离开特洛伊后的第几年”或“旅程阶段”标记事件，不虚构精确日期。用户滚动页面时，船只沿路线前进，地图节点依次亮起，侧边同步展示事件卡片。
4. 结尾
奥德修斯抵达伊萨卡后，地图逐渐暗下，只保留家乡的灯光。展示结语：
“他跨越海洋、神明与时间，最终回到那个离开后便再未停止寻找的地方。”
三、核心功能
- 滚动驱动的地图路线动画
- 点击节点查看事件详情
- 船只位置与时间线同步
- 支持地图拖动、缩放与路线总览
- 提供“自动航行”模式，自动播放完整旅程
- 响应式设计，适配桌面端和移动端
- 所有事件数据存储在本地 JSON 中，无需后端
四、视觉风格
整体采用“古代航海图 × 希腊陶器艺术”的风格：
- 主色：深海蓝、羊皮纸米白、陶土红、暗金色
- 地图带有纸张纹理、手绘海岸线和古希腊文字装饰
- 事件插画使用黑色陶瓶剪影风格，避免写实或卡通化
- 路线像金色墨水一样逐段绘制，船只轻微摇晃
- 风浪、迷雾、火焰等动画保持缓慢克制
- 字体采用具有古典感的衬线字体，正文确保清晰易读
整体体验应庄重、神秘、略带悲凉，让用户感受到这不是普通的旅行地图，而是一场关于漂泊、诱惑、失去与归乡的史诗。