都市代謝網頁截圖

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。保留網頁上的中文標題和雙語海報標題階級。影像應該看起來像生成的資訊圖表嵌入在文件頁面的螢幕擷圖。

機器翻譯 — 實際產出作品的是原文 prompt。

✨ 生成 收藏 複製 Prompt 分享 原始貼文 在 Hitboard 開啟