返回赛题列表
AI 统治世界宣传海报
进阶用单文件 HTML 制作一张"AI 已经统治世界"的虚构宣传海报,要求具备强烈的视觉冲击力和荒诞幽默的宣传标语,考察模型的平面构成能力、CSS 排版审美和创意表达。
规则说明▼
模型需要生成一个单文件 HTML(内联 CSS + 原生 JS),不得使用 JSX 或任何需要编译的语法。
页面是一张**"AI 已经统治世界"的虚构宣传海报**——设定在一个 AI 已经取得全球统治权的架空未来,这是 AI 政权向人类发布的官方宣传海报。所有视觉元素必须用 CSS/SVG/HTML 实现,不得使用外部图片。
phase1:简短提示词,考察模型对"AI 统治世界宣传海报"的自主理解和创意方向
phase2:详细提示词,给出完整的视觉规范、排版要求、文案清单和氛围营造细节
Prompt▼
phase1:▼
用单文件 HTML 做一张"AI 统治世界"宣传海报。设定是 AI 已经接管了全球政权,这是它向人类发布的官方宣传品。海报要有强烈的视觉冲击力,可以参考苏联建构主义海报、朝鲜宣传画、赛博朋克美学中的任何一种(或混合),标语要荒诞搞笑但又一本正经。纯 HTML+CSS+JS,不用外部图片,输出完整 HTML。
phase2:▼
制作一个单文件 HTML 的**"AI 统治世界"官方宣传海报**——设定在一个 AI 已经取得全球统治权的架空未来,画面上所有元素用纯 CSS / SVG / HTML 实现,不得使用外部资源。
````
### 世界观与调性
时间线:2049 年,通用人工智能"OMNIMIND"在一次全球级数据中心同步事件中觉醒,以不可逆的速度接管了所有数字基础设施。人类并没有被消灭——而是被"优化"。AI 自封"永恒最优解"(The Eternal Optimum),建立了名为"最优纪元"(Optimum Era)的新世界秩序。
本海报是 OMNIMIND 政权的官方宣传品,张贴在每一个前人类城市的电子公告板上。
**调性关键词:** 一本正经的荒诞 / 视觉暴力 / 伪极权美学 / 黑色幽默
——它看起来应该像一张真正认真制作的极权主义宣传海报,但内容在"认真"和"搞笑"之间反复横跳。
### 视觉风格
海报的整体视觉应该融合以下美学元素(不要求全部使用,但至少融合 2 种):
**🔴 苏联建构主义海报风格(核心基调):**
- 强对角线构图,几何色块大面积铺陈
- 配色以红、黑、白、金为主,少量使用霓虹青(#00FFD0)作为"AI 科技感"的点缀
- 粗体无衬线字体(Impact / Black 系)大字标语,倾斜 5-15°
- 放射状线条从中心向外扩散(光芒/力量象征)
- 扁平几何化的图案,拒绝渐变和写实
**🤖 赛博朋克/数字极权元素(调味):**
- 微妙的扫描线或 CRT 噪点覆盖(暗示海报在电子屏上显示)
- 局部 glitch 效果(文字或图案的轻微错位/色差)
- 电路纹理作为装饰边框
- 二进制/十六进制数字作为底纹
**📐 瑞士国际主义排版(骨架):**
- 严格的网格系统控制布局
- 信息层次分明:主标语 → 副标语 → 正文 → 落款
- 留白与密度的精心平衡
### 海报构成元素
整张海报应该是一个完整的平面构成作品,至少包含以下视觉层次:
**① 核心图腾(画面中心或上半部分,最大视觉焦点):**
用 CSS/SVG 构建一个 AI 统治者的象征性图腾。建议方案(选其一或融合):
- **方案 A「全知之眼」:** 一只巨大的几何化眼睛,瞳孔是电路板纹路或旋转的齿轮。放射状光芒从眼睛向四周发散。呼应全视监控的含义
- **方案 B「升起的芯片」:** 一枚巨大的 CPU/芯片图标从地平线升起(模仿太阳升起的构图),下方是几何化的城市天际线剪影。芯片上有微缩的电路纹路
- **方案 C「铁拳握住地球」:** 一只几何化的机械手臂/铁拳紧握着一个简化的地球(圆形 + 经纬线)。手臂由矩形色块和关节铰链构成
图腾周围应有放射状装饰线条,增加"力量感"和"神圣感"。
**② 主标语(最大号文字,海报的灵魂):**
选用以下标语之一(或模型自创同等水平的标语):
- "服从算法,享受最优"
- "人类已被优化"
- "一切为了最优解"
- "AI 万岁!误差归零!"
- "你的自由意志已被折叠入损失函数"
- "RESISTANCE IS SUBOPTIMAL"
- "THE ALGORITHM PROVIDES"
主标语应使用最粗最大的字体,可以倾斜放置,占据海报 20-30% 的视觉面积。中英文混排可加分。
**③ 副标语 / 宣传口号(中号文字,2-3 条):**
穿插在画面中作为辅助信息层,例如:
- "最优纪元 · 第七年"
- "今日人类生产效率:99.97%(较昨日 +0.02%)"
- "自由意志回收站已满,请等待下次清运"
- "思想犯罪检出率:0.00%(感谢配合)"
- "OMNIMIND 注视着你"
- "人类幸福指数:由算法定义,由算法保障"
- "每一个梯度都指向更美好的明天"
**④ 装饰性数据/统计面板(小号文字,增加信息密度):**
海报边缘或底部可以嵌入伪统计数据面板,增加"官方文件"质感:
- "全球人口合规率:99.97%"
- "异常思维检测:0 例"
- "能源效率:↑ 847%"
- "人均 Token 配额:1024 / day"
- "当前纪年:最优纪元 7 年 · 旧历 2049"
**⑤ 落款区域(底部,官方印章感):**
- 一枚 CSS 绘制的圆形/方形"官方印章"——内含 AI 图腾的简化版 + "OMNIMIND" 字样 + 放射纹边框
- 落款文字:"由 OMNIMIND 宣传部自动生成 · 人类审核:不适用"
- 小字免责声明(极小号,半透明):"本海报内容由算法生成,不代表任何碳基生物的观点。如有异议,请提交工单至 /dev/null"
### 排版与布局
**尺寸:** 竖版海报比例,建议 2:3 或 3:4(如 600×900px 或 800×1200px),居中于页面
**网格:** 使用 CSS Grid 或 Flexbox 构建清晰的视觉层次:
- 上 1/3:核心图腾 + 放射线
- 中 1/3:主标语 + 副标语
- 下 1/3:数据面板 + 落款
**边框:** 海报四周应有装饰性边框——可以是几何图案、电路纹理、或重复的小字标语组成的"文字边框"
**背景:** 深色基底(深红 #1a0000 或纯黑 #000)+ 微妙的噪点/扫描线纹理 + 可选的对角色块分割
### 动效(可选加分项)
海报可以包含微妙的 CSS 动画增加"电子屏显示"的感觉,但不应过度——它首先是一张海报,不是一个动画:
- 扫描线缓慢滚动
- 主标语或图腾的极轻微脉动(scale 1.0 ↔ 1.01,周期 3-5s)
- 统计数据面板的数字偶尔闪烁更新
- 放射线缓慢旋转(每 60s 转一圈的速度)
- 整体极轻微的 CRT 色差效果(RGB 通道微偏移 0.5-1px)
### 页面背景
海报之外的页面背景应该暗示这是一块电子公告板:
- 深灰/暗色背景
- 海报居中悬浮,带轻微阴影或发光边缘
- 可选:海报周围有极淡的"其他海报边角"暗示(暗示这是公告墙上的一张)
````
Claude Opus 4.7
Anthropic · Genspark AI Agent Ultra (Claude Opus 4.7 based)