城市代謝資訊圖網頁案例展示

一個清晰的網頁案例研究頁面截圖，展示一張關於城市系統地圖的大型雙語資訊圖海報。白色網頁背景，畫面頂部邊緣露出一段中文段落的末尾，底部邊緣微微裁切掉海報下半部分。在可見區域左上方，有一個帶框的圖片小圖示，後接加粗中文標題“精選案例”，下方是一條貫穿大部分寬度的淺灰色細分割線。其下為加粗子標題：“案例一：資訊圖視覺化”。居中展示一張密集詳盡的雙語圖集海報，主標題為“[城市生命系統圖譜]”，副標題為“[Urban Metabolism Atlas]”，下方帶有副文案“城市是一個有生命的系統 / The City is a Living System”。海報呈米白色背景、海軍藍標題文字、灰色細邊框面板，中央為主體等軸測剖面智慧城市插圖。海報頂部包含指示北向的指南針羅盤、比例尺（0, 50, 100, 200, 500m）、包含10種彩色線條標註的“System Legend”圖例框（Electricity, Gas, Heating, Communication, Traffic, Logistics, Data Flow, People Flow, Clean Water, Wastewater），以及右上角的“Location”縮略地圖卡片。中央等軸測圖展現密集的摩天樓、街區、運河、地下管線與地鐵剖面、彩色流動網路線，帶有圓形標號（6、3、8、9、10）。城市兩側排布6個圓角矩形系統說明卡片：左列為1“能源系統 / Energy Grid”、2“城市水迴圈 / Water Cycle”、3“交通網路 / Transportation”；右列為6“建築內部系統 / Building Systems”、7“公共服務 / Public Services”、8“食物與物流 / Food & Logistics”。高精細度的建築與城市規劃資訊圖風格，UI式清晰截圖呈現，無瀏覽器位址列或水印。