返回赛题列表

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) ### 页面背景 海报之外的页面背景应该暗示这是一块电子公告板: - 深灰/暗色背景 - 海报居中悬浮,带轻微阴影或发光边缘 - 可选:海报周围有极淡的"其他海报边角"暗示(暗示这是公告墙上的一张) ````

Qwen3.6 Max Preview Thinking

Alibaba · Qwen Chat Web

简短 Prompt
1 次迭代
详细 Prompt
1 次迭代

Claude Haiku 4.5

Anthropic · Blink New

简短 Prompt
1 次迭代
详细 Prompt
1 次迭代

Claude Opus 4.7

Anthropic · 中转站API (C)

简短 Prompt
1 次迭代
详细 Prompt
1 次迭代

Claude Opus 4.7

Anthropic · Genspark AI Agent Ultra (Claude Opus 4.7 based)

简短 Prompt
1 次迭代
详细 Prompt
1 次迭代

Claude Opus 4.7 Adaptive Thinking

Anthropic · Claude.ai Web

简短 Prompt
1 次迭代
详细 Prompt
1 次迭代

Claude Sonnet 4.6

Anthropic · Blink New

简短 Prompt
1 次迭代
详细 Prompt
1 次迭代

Gemini 3.1 Pro Preview High Thinking

Google · Vertex AI Studio

简短 Prompt
1 次迭代
详细 Prompt
1 次迭代

Gemma 4 31B IT High Thinking

Google · Google AI Studio

简短 Prompt
3m1 次迭代
详细 Prompt
4m1 次迭代

GPT 5.4 (XHigh Thinking)

OpenAI · Openrouter AI

简短 Prompt
1 次迭代
详细 Prompt
1 次迭代

MiMo V2 Pro

Xiaomi · Xiaomi Mimo API

简短 Prompt
1 次迭代
详细 Prompt
1 次迭代

Mimo V2.5 Pro

Xiaomi · Xiaomi Mimo API

简短 Prompt
1 次迭代
详细 Prompt
1 次迭代

GLM 5.1

ZhipuAI · GLM Coding Plan API

简短 Prompt
1 次迭代
详细 Prompt
1 次迭代