返回赛题列表
人生选择地图
进阶用手绘探险地图的视觉语言,隐喻人生的分岔路与冒险旅程。
规则说明▼
模型需要生成一个单文件 HTML 网页。
页面核心是一张"人生选择地图"——用地理地图的视觉隐喻来呈现人生重大选择的分岔与走向。用户从一个起点出发,面临一系列选择节点,每个选择通向不同风格的"地域",选择累积后形成一条带有个人色彩的旅行轨迹。
重点考察模型的视觉隐喻构建能力、手绘/复古风格的 CSS/SVG/Canvas 表现力、以及选择树交互流的设计与实现。
Prompt▼
Prompt▼
设计一个"人生选择地图"页面,用地理地图的视觉语言来隐喻人生的分岔路。
页面展示一张风格化的地图。地图中央偏下有一个明确的"起点"标记,代表人生的出发。用户点击起点后,面临第一个人生选择——每个选择以岔路的形式呈现在地图上,附有简短的选项描述。
选择的设计要求:
- 至少设计 3 层选择节点(比如:第一层"毕业后"→ 第二层"职业方向"→ 第三层"生活转折"),每层 2-3 个选项
- 每个选择通向地图上不同的"地域",地域的视觉风格要与选项含义呼应。例如:"选择北漂"通向一片高楼密布的都市区,"选择回老家"通向农田与山丘的乡村,"选择出国"通向海洋与异域风情的远方
- 用户做过的选择累积成一条可见的旅行轨迹线,像地图上的行军路线一样标注在地图上
- 走完所有选择后,给出一段简短的"旅途总结",描述这条人生路线的特点
地图风格要求(最核心):
- **绝对不要**用普通的导航地图、卫星地图或现代 UI 卡片式布局
- 要像一张**老式手绘探险地图**:有等高线的起伏感、有用古老字体标注的传说中的地名、有危险区域的标注(比如"拖延沼泽"、"内卷深渊")、有罗盘、有卷曲泛黄的纸张纹理
- 地图边缘可以有破损、折痕、蜡封等做旧细节
- 整体色调偏暖黄/棕褐/墨绿,像从祖父的书房里翻出来的藏宝图
情感基调:
- 人生是一场值得探索的冒险,而不是焦虑的迷宫
- 没有"正确答案"——每条路都有风景,选择本身就是旅途的意义
- 地图上可以有一些温暖的小细节,比如某个角落写着"此处有好咖啡"、"遇到了一只猫"
请直接输出一个完整可运行的单文件 HTML。允许通过 CDN 引入 Google Fonts 等网页字体和开源库。整体需适配桌面浏览器全屏显示。