Placa de sistema de interface do usuário Borboleta Iridescente

{ "type": "Projeto de Demonstração de Sistema de Design UI/UX", "theme": "Modo escuro, inspirado na natureza, estética luminosa e iridescente", "language": "Chinês", "canvas": { "aspect_ratio": "Pôster quadrado", "background": "Azul meia-noite profundo a preto, com um halo sutil", "style": "Um projeto de exibição futurista de alta qualidade com um contorno fino de painel azul neon, destaques brilhantes, halo suave e alto contraste." }, "header": { "title": "Sistema de Design de UI/UX inspirado na natureza{argument name=\"título do sistema\" default=\"Arco-íris de Borboletas\"}", "description": "{argument name=\"descrição em chinês\" default=\"Inspirado nas asas de borboleta, o design incorpora o brilho iridescente de cores estruturais e azul profundo para criar uma experiência digital leve, dinâmica e vibrante.\"}", "hero_image": "Uma asa de borboleta altamente detalhada e luminosa, exibindo azul elétrico, violeta e ciano iridescente, ocupa metade do canto superior direito. Estruturas de veias visíveis, bordas translúcidas e partículas brilhantes são visíveis, com uma segunda asa desfocada atrás dela." }, "layout": { "sections": [ { "title": "1. Inspiração do Design", "position": "Canto superior esquerdo, abaixo do título", "count": 4, "labels": [ "Macro de asas de borboleta iridescentes", "Close-up da textura azul-púrpura da asa", "Halo de prisma refrativo de luz", "Padrão de células da asa de borboleta" ] }, { "title": "2. Palavras-chave", "position": "Canto superior direito, abaixo da imagem principal", "count": 5, "labels": [ "íris", "Ágil", "Luz", "Profundo", "natureza" ], "icon_style": "Ícones minimalistas de linha brilhante dentro de cartões escuros arredondados" }, { "title": "3. Sistema de Cores", "position": "centro esquerdo", "subsections": [ { "title": "cor principal", "count": 3, "labels": [ "Azul Morpho #1E5BFF", "Roxo Arco-Íris #7A5CFF", "Céu Claro #00E6FF" ] }, { "title": "Cor neutra", "count": 3, "labels": [ "Preto Meia-Noite #060F19", "Azul Marinho Suave #141A2E", "Branco Pérola #F3F6FC" ] }, { "title": "Ênfase na cor e no gradiente", "count": 2, "labels": [ "Brilho Arco-Íris", "Cinza Borboleta" ] } ], "visual": "Amostras de cores circulares e esferas de gradiente, com rótulos em chinês abaixo." }, { "title": "4. Layout", "position": "center right", "count": 1, "labels": [ "Aa Poppins Light / Regular / Medium / SemiBold" ], "visual": "Aa grande e branco em um cartão escuro" }, { "title": "5. Ícone do aplicativo", "position": "Esquerda e Centro", "count": 1, "text": "{argument name=\"nome do aplicativo\" default=\"Winglet\"} Leve. Ágil. Elegante.", "visual": "O ícone do aplicativo de borboleta brilhante ao lado do nome do aplicativo" }, { "title": "6. Componentes da interface do usuário", "position": "center", "subsections": [ { "title": "Botão", "count": 3, "labels": [ "Botão principal", "Botões secundários", "textura de vidro" ] }, { "title": "ícone", "count": 2, "labels": [ "Coleção em forma de coração", "Anel iluminado" ] }, { "title": "interruptor", "count": 1, "labels": [ "interruptor" ] } ], "visual": "Botões azuis arredondados, botões com ícones de neon e interruptores retroiluminados no painel escuro" }, { "title": "Outros elementos", "position": "Centro à direita", "count": 4, "labels": [ "Caixa de pesquisa", "Novo", "Barra de progresso (72%)", "Cartão Morpho azul" ], "visual": "Componentes de interface do usuário pequenos e práticos em cartões horizontais compactos" }, { "title": "7. Interface do usuário móvel", "position": "Inferior esquerdo", "count": 3, "labels": [ "Página de pesquisa", "Página de hoje com uma grande ilustração de borboleta", "Página de reprodução de áudio com gráfico de forma de onda" ], "visual": "Três protótipos de smartphone com cantos arredondados, interface escura e uma borboleta azul-arroxeada efeito visual." }, { "title": "8. Prévia do Design do Site", "position": "Inferior direito", "count": 1, "labels": [ "Vida de Luz" ], "visual": "Mockup de página inicial para desktop, incluindo uma imagem principal de borboleta, navegação superior, botão de chamada para ação azul brilhante e texto em chinês." }, { "title": "9. Fundo Visual", "position": "Inferior em largura total", "count": 4, "labels": [ "Fundo de fita fluida 1", "Arco-íris Espiral", "Fundo de fita fluida 2", "Explosão de Cristal Radiante" ], "visual": "Quatro amostras de fundo retangular em roxo, azul e ciano." } ], "footer": { "count": 1, "text": "Projetado com a natureza em mente, criado para a experiência.", "center_icon": "Ícone de borboleta pequeno" } }, "art_direction": { "materials": "Imitação de vidro, iluminação de borda neon, gradientes suaves, reflexos sutis", "colors": "Azul elétrico, índigo, violeta, ciano, branco", "composition": "O layout limpo em grade inclui nove seções de conteúdo numeradas, amplo espaço em branco, bordas arredondadas finas e uma imagem de borboleta dominante.", "render_quality": "Altamente refinado, claramente organizado, um projeto de sistema de design premium no estilo Behance." } }