Gera uma captura de tela de uma página web em chinês apresentando um infográfico bilíngue detalhado do atlas do metabolismo urbano para exibir exemplos de visualização de informações.
Objetivo: Criar uma captura de tela limpa de uma página de navegador mostrando uma seção de estudo de caso em chinês que apresenta um grande pôster infográfico bilíngue sobre um mapa de sistemas urbanos.
Canvas: Captura de tela em paisagem, cerca de 917×833 px, fundo de página web branco, cortado de forma que o topo mostre o final de um parágrafo em chinês e a parte inferior corte parte do pôster. Use uma renderização nítida estilo interface de usuário, não uma moldura completa de navegador.
Layout da página web: No canto superior esquerdo da seção visível, mostre um pequeno ícone/emoji de imagem emoldurada seguido pelo título em chinês em negrito “精选案例”, com uma linha divisória horizontal cinza fina abaixo, abrangendo a maior parte da largura. Abaixo, mostre um subtítulo em negrito: “案例一:信息图可视化”. Sob esse título, coloque uma imagem infográfica grande centralizada com margens estreitas.
Pôster principal: Projete um pôster de atlas bilíngue rico em informações intitulado “城市生命系统图谱” com o subtítulo em inglês “Urban Metabolism Atlas”. Abaixo do título, adicione o pequeno slogan bilíngue “城市是一個有生命的系統 / The City is a Living System”. O pôster deve parecer um infográfico profissional de arquitetura/planejamento urbano: fundo off-white, texto do título em azul marinho, bordas de painel cinza finas, pequenas legendas bilíngues, ícones diagramáticos e uma ilustração isométrica de corte da cidade ocupando a maior parte central.
Elementos do topo do pôster: No canto superior esquerdo, inclua uma rosa dos ventos marcada com N e uma barra de escala rotulada como “Scale” com marcas de 0, 50, 100, 200, 500m. Perto do centro superior, inclua uma “System Legend” em caixa com exatamente 10 amostras de linhas coloridas rotuladas: Electricity, Gas, Heating, Communication, Traffic, Logistics, Data Flow, People Flow, Clean Water, Wastewater. No canto superior direito, inclua um pequeno cartão de mapa inserido rotulado como “Location”, mostrando um mapa simplificado da cidade com parques verdes, vias navegáveis azuis, ruas cinzas e um limite vermelho.
Ilustração central da cidade: Mostre uma cidade inteligente isométrica densa com muitas torres altas, blocos de altura média, estradas com carros e ônibus, um canal ou rio azul, pontes, árvores nas ruas, praças, túneis de metrô subterrâneos e tubulações de serviços públicos visíveis em um corte na parte inferior. Inclua pequenos detalhes como um drone, avião, painéis solares no telhado, estações de trânsito, pedestres e veículos de serviço. Use linhas de rede coloridas finas percorrendo a cidade para indicar fluxos de água, energia, dados, logística e trânsito. Adicione exatamente 5 marcadores numerados circulares visíveis na cena central: 6 em um prédio, 3 perto de um corredor de estrada/transporte, 8 perto da borda da rua à direita, 9 em uma praça verde e 10 perto da borda de um túnel subterrâneo/canal.
Cartões de informações laterais: Coloque exatamente 6 cartões de sistema retangulares arredondados visíveis ao redor da cidade, cada um com um emblema numerado colorido, título bilíngue, pequenas listas com marcadores e minidiagramas. A coluna da esquerda tem 3 cartões: 1 “能源系统 / Energy Grid” com painéis solares, armazenamento de bateria, carregamento de VE e um carro; 2 “城市水循环 / Water Cycle” com diagramas de estação de água, coleta de água da chuva, tratamento de esgoto, água de reuso e água subterrânea; 3 “交通网络 / Transportation” com um trem de metrô, ônibus, estradas, ícone de bicicleta e linhas de rota. A coluna da direita tem 3 cartões: 6 “建筑内部系统 / Building Systems” com um prédio em corte mostrando andares, HVAC, segurança contra incêndio, controle BMS e tubulações; 7 “公共服务 / Public Services” com ícones de hospital, escola, corpo de bombeiros, delegacia de polícia e serviço comunitário; 8 “食物与物流 / Food & Logistics” com armazém, cadeia de frio, entrega de última milha, caminhão, caixas e entrega por robô. Mantenha as partes inferiores das colunas esquerda e direita levemente cortadas pela borda da captura de tela, correspondendo a uma visualização de página capturada.
Estilo visual: Ilustração isométrica semirrealista altamente detalhada misturada com design de infográfico técnico, cinzas e brancos suaves com tipografia azul marinho, cores de destaque amarelo, ciano, vermelho, roxo, laranja e verde. O texto deve ser legível em nível de título, mas muitas legendas pequenas podem ser minúsculas. Mantenha a sensação de um artigo web chinês autêntico exibindo uma imagem de exemplo.
Restrições: Não adicione barras de endereço de navegador, marcas d'água, barras de ferramentas flutuantes ou interface de rede social extra. Preserve os títulos em chinês na página web e a hierarquia de títulos do pôster bilíngue. A imagem deve parecer uma captura de tela de um infográfico gerado incorporado em uma página de documentação.