Urban Metabolism Atlas Webpage Screenshot

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

목표: 도시 시스템 지도를 다룬 대형 이중 언어 인포그래픽 포스터를 보여주는 중국어 사례 연구 섹션의 깔끔한 브라우저 페이지 스크린샷을 생성합니다.

캔버스: 가로형 스크린샷, 약 917×833 px, 흰색 웹페이지 배경, 상단에는 중국어 문단의 끝부분이 보이고 하단에는 포스터의 일부가 잘리도록 크롭합니다. 전체 브라우저 크롬이 아닌 깔끔한 UI 형태의 렌더링을 사용하세요.

웹페이지 레이아웃: 보이는 섹션의 왼쪽 상단에 작은 프레임 그림 이모지/아이콘을 배치하고, 그 뒤에 굵은 글씨로 “精选案例”라는 중국어 제목을 넣습니다. 그 아래에는 너비 대부분을 차지하는 얇은 회색 가로 구분선을 배치합니다. 제목 아래에는 굵은 소제목 “案例一：信息图可视化”을 넣습니다. 해당 제목 아래에 좁은 여백을 두고 대형 인포그래픽 이미지 하나를 중앙에 배치합니다.

메인 포스터: “{argument name="main title" default="城市生命系统图谱"}”라는 제목과 영어 부제 “{argument name="English subtitle" default="Urban Metabolism Atlas"}”가 포함된 정보 밀도가 높은 이중 언어 아틀라스 포스터를 디자인합니다. 제목 아래에는 “城市是一個有生命的系統 / The City is a Living System”이라는 작은 이중 언어 태그라인을 추가합니다. 포스터는 전문적인 건축/도시 계획 인포그래픽처럼 보여야 합니다. 미색 배경, 네이비 색상의 제목 텍스트, 얇은 회색 패널 테두리, 작은 이중 언어 라벨, 도식화된 아이콘, 그리고 중앙 대부분을 차지하는 등각 투영(isometric) 방식의 도시 단면 일러스트를 사용하세요.

포스터 상단 요소: 왼쪽 상단에는 N이 표시된 나침반과 0, 50, 100, 200, 500m 눈금이 표시된 “Scale” 막대를 포함합니다. 상단 중앙 근처에는 Electricity, Gas, Heating, Communication, Traffic, Logistics, Data Flow, People Flow, Clean Water, Wastewater라고 라벨이 붙은 10개의 색상 선 샘플이 포함된 “System Legend” 박스를 넣습니다. 오른쪽 상단에는 녹색 공원, 파란색 수로, 회색 도로, 빨간색 경계선이 표시된 단순화된 도시 지도가 담긴 “Location” 인셋 맵 카드 하나를 포함합니다.

중앙 도시 일러스트: 고층 빌딩, 중층 블록, 자동차와 버스가 다니는 도로, 파란색 운하 또는 강, 다리, 가로수, 광장, 그리고 하단 단면으로 보이는 지하철 터널과 유틸리티 파이프가 있는 밀도 높은 등각 투영 스마트 도시를 보여줍니다. 드론, 비행기, 옥상 태양광 패널, 환승역, 보행자, 서비스 차량과 같은 작은 디테일을 포함하세요. 물, 에너지, 데이터, 물류 및 교통 흐름을 암시하는 얇은 색상의 네트워크 선을 도시 전체에 배치합니다. 중앙 장면에 5개의 원형 번호 마커를 배치합니다: 건물에 6번, 도로/교통 통로 근처에 3번, 오른쪽 도로 가장자리 근처에 8번, 녹색 광장에 9번, 지하 터널/운하 가장자리 근처에 10번을 넣습니다.

측면 정보 카드: 도시 주변에 6개의 둥근 모서리 직사각형 시스템 카드를 배치합니다. 각 카드에는 색상이 지정된 번호 배지, 이중 언어 제목, 작은 불렛 포인트 라벨, 미니 다이어그램이 포함됩니다. 왼쪽 열에는 3개의 카드를 배치합니다: 1 “能源系统 / Energy Grid”(태양광 패널, 배터리 저장소, 전기차 충전, 자동차 포함), 2 “城市水循环 / Water Cycle”(정수장, 빗물 수집, 하수 처리, 재생수, 지하수 다이어그램 포함), 3 “交通网络 / Transportation”(지하철, 버스, 도로, 자전거 아이콘, 노선도 포함). 오른쪽 열에는 3개의 카드를 배치합니다: 6 “建筑内部系统 / Building Systems”(층, HVAC, 화재 안전, BMS 제어, 파이프가 보이는 건물 단면 포함), 7 “公共服务 / Public Services”(병원, 학교, 소방서, 경찰서, 커뮤니티 서비스 아이콘 포함), 8 “食物与物流 / Food & Logistics”(창고, 콜드 체인, 라스트 마일 배송, 트럭, 박스, 로봇 배송 포함). 캡처된 페이지 뷰와 일치하도록 왼쪽 및 오른쪽 열의 하단 부분은 스크린샷 가장자리에 의해 약간 잘리게 하세요.

시각적 스타일: 기술적인 인포그래픽 디자인과 혼합된 매우 상세한 반실사 등각 투영 일러스트, 차분한 회색과 흰색 배경에 네이비 타이포그래피를 사용하고, 노란색, 청록색, 빨간색, 보라색, 주황색, 녹색을 포인트 컬러로 사용합니다. 텍스트는 제목 수준에서는 대부분 읽을 수 있어야 하지만, 많은 작은 라벨은 매우 작게 처리해도 됩니다. 예시 이미지를 보여주는 실제 중국어 웹 기사의 스크린샷 느낌을 유지하세요.

제약 사항: 브라우저 주소창, 워터마크, 떠다니는 툴바 또는 추가적인 소셜 미디어 UI를 추가하지 마세요. 웹페이지의 중국어 제목과 이중 언어 포스터 제목 계층 구조를 유지하세요. 이미지는 문서 페이지에 삽입된 생성된 인포그래픽의 스크린샷처럼 보여야 합니다.

기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.

✨ 생성 저장 프롬프트 복사 공유 원본 게시물 Hitboard에서 열기