都市代谢网页截屏

Generates a Chinese webpage screenshot featuring a detailed bilingual urban metabolism atlas infographic for showcasing information visualization examples.

目标：创建一个清洁浏览器页面屏幕撷图，展示一个中文案例研究部分，呈现一个关于城市系统地图的大型双语信息图海报。

画布：横向屏幕撷图，大约 917×833 px，白色网页背景，裁切让最上面显示中文段落的尾端，底部切掉海报部分。使用清晰 UI 样式渲染，不是完整浏览器边框。

网页版面：在可见部分左上方，显示一个小框架图像表情符号/图标，后跟粗体中文标题「精选案例」，下方有薄灰色水平分隔线横跨大部分宽度。下方显示粗体小节标题：「案例一：信息图可视化」。在该标题下方放置一个大型信息图影像位于中央，边距狭窄。

主要海报：设计一个信息密集双语图册海报，标题为「{{argument name="主标题" default="城市生命系统图谱"}}」英文副标题「{{argument name="英文副标题" default="城市代谢图册"}}」。在标题下方添加小双语标语「城市是一个有生命的系统 / 城市是一个有生命的系统」。海报应该看起来像一个专业建筑/城市规划信息图表：米色背景、深蓝标题文本、薄灰色面板边框、小双语标签、图表图标和占据中央大部分的等距城市插图。

海报顶部元素：在左上方包含一个标记 N 的罗盘和标记「比例尺」的刻度尺，附有刻度线 0、50、100、200、500m。靠近上中央包含一个标记为「系统图例」的方框，精确有 10 个着色线样本标记：电力、天然气、供暖、通信、交通、物流、数据流、人流、洁净水、废水。在右上角包含一个标记为「位置」的小嵌入地图卡片，显示简化城市地图，绿色公园、蓝色水道、灰色街道和红色边界。

中央城市插图：显示一个密集等距智能城市，有许多高层塔楼、中层建筑区块、带着汽车和公车的道路、蓝色运河或河流、桥梁、街道树木、广场、地下铁路隧道和底部切口可见的公用事业管道。包含小细节，如无人机、飞机、屋顶太阳能面板、运输站、行人和服务车辆。使用薄着色网络线穿过城市以暗示水、能源、数据、物流和运输流。添加精确 5 个在中央场景中可见的圆形编号标注标记：6 在建筑上、3 靠近道路/运输走廊、8 靠近右边街道边缘、9 在绿色广场、10 靠近地下隧道/运河边缘。

边侧信息卡片：在城市周围精确放置 6 个可见圆角矩形系统卡片，每个带着着色编号徽章、双语标题、小项目标签和迷你图表。左栏有 3 张卡片：1「能源系统 / 能源网格」带着太阳能面板、电池储能、电动车充电和汽车；2「城市水循环 / 水循环」带着水厂、雨水收集、污水处理、再生水和地下水图表；3「交通网络 / 运输」带着地铁列车、公车、道路、自行车图标和路线线条。右栏有 3 张卡片：6「建筑内部系统 / 建筑系统」带着楼层切口、暖通空调、防火、BMS 控制和管道；7「公共服务 / 公共服务」带着医院、学校、消防局、警察局和社区服务图标；8「食物与物流 / 食物与物流」带着仓库、冷链、最后一英里配送、卡车、箱子和机器人配送。保持左栏和右栏较低部分略微被屏幕撷图边缘裁切，匹配截取页面查看。

视觉风格：高度详细半写实等距插图混合技术信息图表设计、淡灰色和白色搭配深蓝排版、强调色黄色、青色、红色、紫色、橙色和绿色。文本应该在标题级别基本可读，但许多小标签可能极小。保持真实中文网络文章展示范例影像的感觉。

限制：不添加浏览器网址列、浮水印、浮动工具列或额外社群媒体 UI。保留网页上的中文标题和双语海报标题阶级。影像应该看起来像生成的信息图表嵌入在文档页面的屏幕撷图。

机器翻译 — 实际生成作品的是原文提示词。

✨ 生成 收藏 复制提示词 分享 原始帖子 在 Hitboard 打开