案例二:一句话把新闻变成信息图
群里转来一段新闻通稿,想快速变成一张能转发的图。
直接截图太丑,自己排版又费事。这个转换可以一句话交给模型做——让它输出的不是文字摘要,而是一段可直接渲染的 SVG 代码,刚好一屏读完。
就一句话,贴在新闻正文前面即可。
请将下面的新闻,制作成适配iPhone手机的一屏SVG信息图。只用蓝色系本次输入的新闻原文(财联社电报原文):
四部门:组织30余家车企座谈 加强汽车产品研发测试验证管理财联社10月16日电,今天从工业和信息化部获悉,工业和信息化部、公安部、生态环境部、市场监管总局四部门组织30余家重点汽车生产企业开展座谈,加强汽车产品创新设计和研发测试验证管理。
据了解,汽车生产企业应落实质量提升专项行动工作要求,坚决抵制非理性竞争,加强汽车产品创新设计和研发测试验证管理,守牢产品安全底线。重点包括:
全面加强测试验证,增强研发测试验证能力,充分开展产品创新设计安全评估和研发测试验证,及时消除安全隐患。如实宣传产品创新设计的使用边界、限制条件和研发测试验证等情况,不得作虚假、夸大或引人误解的宣传,不得使用违反道路交通法规的场景来宣传产品功能,不得诱导驾驶人忽视安全驾驶责任等内容。
工业和信息化部表示,下一步,将加快推进有关标准制修订,进一步提升安全基线要求,对重点汽车生产企业持续开展监督检查,依法依规严肃处理存在问题的生产企业,并向社会公开曝光,督促汽车生产企业加强汽车产品测试验证,坚决守牢产品安全底线,推动汽车产业高质量发展。模型返回了一段 SVG 代码(约 180 行),viewBox 直接按 iPhone 逻辑分辨率定为 390×844,正好一屏:
模型在代码后附的设计说明(节选):
尺寸适配:390×844(iPhone 逻辑分辨率),所有文字均按中文字宽预排版,不会溢出或换行错乱。 纯蓝色系:深海军蓝背景
#061431→#0D3670渐变,卡片蓝#123A7C,强调色宝蓝→冰蓝#3D8BFF→#6FD2FF,全套无任何暖色。 信息层级:标题(高亮“30余家”“研发测试验证”)→ 四部门图标卡 → “30+“大数字+三项总体要求 → 重点内容 01/02 编号卡(含三个”不得“标签)→ 下一步 2×2 举措卡 → 底部”道路+汽车“收尾点题。
为什么这样写
Section titled “为什么这样写”一句话里其实藏了四个约束,缺一不可:
| 提示词中的短语 | 起的作用 |
|---|---|
| 制作成 SVG 信息图 | 指定产物形态——可渲染的矢量图代码,而不是又一段文字摘要 |
| 适配 iPhone 手机 | 模型直接按 iPhone 逻辑分辨率 390×844 定画幅,而不是泛指的「竖屏」 |
| 一屏 | 画幅锁死在单屏,逼模型做信息取舍——四部门变成图标卡、三个「不得」变成标签 |
| 只用蓝色系 | 色域约束,防止配色失控,也避免了模型默认的「彩虹配色」 |
「一屏」是这句话里最有分量的词。 它把任务从「把新闻铺满一张长图」变成「在一屏之内做取舍」。代价也直观:为了塞下全部信息,最小字号被压到了 9.5px——新闻再长一倍,一屏就放不下了。
「只用蓝色系」只约束色相,不约束明暗。 这次模型自己选了深海军蓝底——合规,但未必是你要的。想要浅色版本,就再补三个字:「浅色底」。