Design Moderno de Exibição de Produto em Layout Bento Grid — Generated result

Design Moderno de Exibição de Produto em Layout Bento Grid

Design Moderno de Exibição de Produto em Layout Bento Grid, utilizando material de vidro transparente acrílico fosco. Adequado para qualquer tipo de produto (alimento / medicamento / produtos tech / elementos etc.). 【Estrutura do Layout

Design de UIGPT Image 2Criado em May 11, 2026
Prompt

Design Moderno de Exibição de Produto em Layout Bento Grid, utilizando material de vidro transparente acrílico fosco. Adequado para qualquer tipo de produto (alimento / medicamento / produtos tech / elementos etc.). 【Estrutura do Layout】8 módulos, arranjo Bento grid assimétrico, formato paisagem: Módulo 1: 【Exibição Principal do Produto em Vidro 3D】(Tamanho médio 1x1, ocupa 20-25% do espaço) - Escultura 3D de vidro transparente / acrílico de [Nome do Produto] - [Características do Produto]: * Alimento → Exibir seção transversal / estrutura interna (ex.: câmaras de sementes do tomate, seção transversal da cenoura) * Medicamento → Forma em vidro transparente de comprimidos / cápsulas * Produtos tech → Representação artística em vidro da aparência do produto - Efeito do material: vidro transparente vermelho-alaranjado / azul / verde etc. [Cor Principal do Produto], superfície brilhante, refração de luz, reflexo realista - Rótulo de texto logo abaixo: "[Nome do Produto em Chinês] / [Nome em Inglês]" - Não ocupa espaço demais, deixando ampla área de exibição para módulos de informação Módulo 2: 【Eficácia / Recursos Principais】(Cartão padrão 1x1) Título: "Eficácia Principal" ou "Recursos Principais" ou "Funções Principais" Conteúdo: 4 pontos centrais de venda, separados por "/" - Alimento → "Antioxidante e antienvelhecimento / Protege a saúde cardiovascular / Clareia a pele e nutre a tez / Promove digestão e absorção" - Medicamento → "Antipirético e analgésico / Anti-inflamatório e redutor de inchaço / Antiagregante plaquetário / Previne doenças cardiovasculares" - Tech → "Cancelamento ativo de ruído / Áudio espacial / EQ adaptativo / 20 horas de bateria" Acompanhado de ícones simples Módulo 3: 【Métodos de Uso / Cenários de Aplicação】(Cartão padrão 1x1) Título: "Modo de Consumo" ou "Método de Uso" ou "Cenários de Aplicação" Conteúdo: 4 métodos / cenários de uso - Alimento → "Cru: salada / Cozido: ovos mexidos e ensopado / Processado: molho e suco / Combinação: ovos e carne bovina" - Medicamento → "Oral: tomar com água morna após as refeições / Dosagem: Adulto 100mg / Frequência: 1-2 vezes ao dia / Curso: conforme orientação médica" - Tech → "Apreciar música / Cancelamento de ruído no deslocamento / Home office / Entretenimento com filmes" Acompanhado de ícones de cenário Módulo 4: 【Dados / Parâmetros-Chave】(Cartão padrão 1x1) Título: "Valor Nutricional" ou "Parâmetros Técnicos" ou "Especificações do Produto" Conteúdo: 5 pontos de dados principais - Alimento → "Calorias [X] kcal/100g / Vitamina C [X] mg / Rico em [Ingrediente Especial] / Fibra alimentar [X] g / Potássio [X] mg" - Medicamento → "Composição: [Fórmula Química] / Especificação: [X] mg / Tempo de início: [X] minutos / Meia-vida: [X] horas / Via metabólica: [Via]" - Tech → "Chip: [Modelo] / Duração da bateria: [X] horas / Peso: [X] g / Unidade de driver: [Especificação] / Carregamento: [X] horas" Acompanhado de gráficos simples de visualização de dados Módulo 5: 【Público-Alvo / Usuários】(Cartão padrão 1x1) Título: "Indicado para" ou "Usuários-Alvo" ou "Cenários Aplicáveis" Conteúdo: Dividido em recomendado (✓) e cautela (⚠️) - Alimento → "✓ Pacientes com doenças cardiovasculares / ✓ Pessoas que buscam beleza e cuidados com a pele / ✓ Grupos de perda de peso / ✓ Prisão de ventre e indigestão / ⚠️ Cautela: Insuficiência renal / Excesso de ácido gástrico / Consumo em jejum" - Medicamento → "✓ Pacientes com febre / ✓ Dor leve a moderada / ✓ Doenças inflamatórias / ⚠️ Contraindicações: Gestantes / Pacientes com asma / Úlcera gástrica" - Tech → "✓ Entusiastas de música / ✓ Profissionais de negócios / ✓ Pessoas em deslocamento / ✓ Criadores de conteúdo" Diferenciado por ✓ verde e ⚠️ âmbar Módulo 6: 【Precauções / Diretrizes de Uso】(Cartão padrão 1x1) Título: "Precauções de Consumo" ou "Precauções de Uso" ou "Aviso Importante" Conteúdo: 4 lembretes importantes - Alimento → "Não é adequado para consumo em jejum para evitar irritação da mucosa gástrica / [Produto] imaturo contendo [Substância Tóxica] é proibido / Evitar cozimento prolongado em alta temperatura para preservar nutrientes / [População Especial] precisa controlar a ingestão" - Medicamento → "Deve ser tomado após as refeições para evitar desconforto estomacal / Não pode ser tomado com [Medicamentos Contraindicados] / Evitar álcool durante a medicação / Interromper a medicação e procurar atendimento médico imediatamente se ocorrerem reações alérgicas" - Tech → "No primeiro uso é necessário parear o dispositivo / Evitar ambientes de temperatura extrema / Limpeza e manutenção regulares / Carregar para armazenamento se não for usado por muito tempo" Acompanhado de ícones de aviso Módulo 7: 【Indicadores Especiais】(Cartão padrão 1x1) Título: Ajustar de acordo com o tipo de produto - Alimento → "Teor de Purina" exibe "[X] mg/100g" + "Alimento de baixa purina ✓" + "Amigável para gota" - Medicamento → "Reações Adversas" lista efeitos colaterais comuns - Tech → "Compatibilidade" exibe sistemas/dispositivos suportados Acompanhado de indicadores ou ícones Módulo 8: 【Curiosidades / Insights do Produto】(Cartão padrão 1x1) Título: "Curiosidade" ou "História do Produto" ou "Fatos Interessantes" Conteúdo: 2-3 fatos interessantes - Alimento → "A taxa de absorção de [Ingrediente] em [Produto] aumenta X vezes após aquecimento / [Produto] se originou em [Região] há X anos / [Produto] imaturo contém [Substância Nociva]" - Medicamento → "[Produto] é um dos [Categoria] mais usados no mundo / Mais de [X] toneladas são produzidas globalmente todos os anos / Inventado em [Ano] por [Nome da Pessoa]" - Tech → "[Produto] adota tecnologia patenteada [Tecnologia] / [Marca] aplicou pela primeira vez [Recurso] em produtos de consumo / As vendas globais ultrapassaram [X] milhões de unidades" 【Especificações do Material Acrílico Fosco】(Essência Central CRÍTICA): Efeito do material dos cartões: - Transparência: 80-85% TRANSLÚCIDO, permitindo ver através do cartão até o fundo - Efeito fosco: Desfoque suave de vidro fosco, estilo backdrop-filter - Tom de base: Leve efeito fosco branco / branco cremoso (15-20% de opacidade), melhora a legibilidade mas mantém a transparência - Borda: Borda fina brilhante, captura reflexos de luz - Sombra: Sombra suave em camadas, criando percepção de profundidade flutuante - Física do vidro: Destaques realistas nas bordas do vidro, refração de luz, efeitos de reflexão de superfície - Características visuais: O degradê de fundo fica claramente visível através do cartão, como uma placa real de acrílico fosco IMPORTANTE: Os cartões devem manter uma textura transparente TRANSLÚCIDA, não virar cartões brancos opacos! 【Esquema de Cores】: Proporção básica de cores: 90% cores neutras + 10% acentos da cor tema do produto - Camada base: Vidro transparente, cinza claro, branco-off - Cor do texto: Cinza médio escuro #3A3A3A (suave e nítido, adequado para fundos transparentes) - Acentos de cor tema (uso de 10%): * Alimento → Cor natural do produto (vermelho-alaranjado do tomate, laranja da cenoura, verde do espinafre etc.) * Medicamento → Azul médico, branco farmacêutico, cores do logotipo da Cruz Vermelha * Tech → Cor principal da marca (Apple prata-cinza-azul, Xiaomi laranja, Huawei vermelho etc.) - Posições de acento: Apenas para ícones-chave, números importantes, símbolos de alerta, assunto principal 3D - Cor de alerta: Laranja âmbar #FF9800 para conteúdo de aviso ⚠️ - Cor afirmativa: Verde #4CAF50 para conteúdo recomendado ✓ 【Configurações de Fundo】: - Tipo: Degradê suave, 2-3 transições de cores semelhantes - Adaptação da cor ao produto: * Alimento → Branco cremoso - pêssego pálido - laranja claro (tons quentes) * Medicamento → Branco acinzentado claro - azul pálido - branco médico (limpo e profissional) * Tech → Cinza espacial - branco-prata - azul pálido (inspirado em tecnologia) - Elementos decorativos: Formas abstratas extremamente suaves, fracamente visíveis através dos cartões de vidro - IMPORTANTE: O fundo deve ser suave e não distrativo, visível através dos cartões transparentes sem interferir na legibilidade 【Layout e Tipografia】: - Formato: Paisagem 16:9 ou proporção semelhante - Tipo de grade: Bento grid assimétrico, tamanhos de cartão variados - Alocação de espaço: * Assunto de vidro 3D: 20-25% (tamanho médio, não excessivamente dominante) * Cartões de informação: 75-80% (7 cartões padrão) - Espaçamento entre cartões: Espaço em branco moderado, sem aglomeração, boa respiração visual - Hierarquia visual: Estabelecer prioridade da informação por tamanho do cartão, posição e acentos de cor - Fluxo de leitura: Começa no assunto 3D no canto superior esquerdo e flui naturalmente para cada cartão de informação 【Especificações de Texto】: - Idioma: Todo o conteúdo em chinês (nomes de produtos podem ser bilíngues) - Hierarquia de fonte: * Títulos dos módulos: Negrito, tamanho grande * Conteúdo do corpo: Regular, tamanho médio * Números de dados: Negrito, destacados - Legibilidade: Texto cinza médio escuro é claro e fácil de ler no vidro fosco - Padrões de unidade: * Peso: gramas (g), quilogramas (kg), miligramas (mg) * Energia: quilocalorias (kcal), calorias (cal) * Tempo: minutos (min), horas (h), dias (d) * Volume: mililitros (ml), litros (l) 【Estilo de Ícone】: - Tipo: Ícones de linha minimalistas - Tamanho: Pequeno e discreto - Cor: Linhas cinza claro, ícones-chave com acento da cor tema - Finalidade: Explicação complementar, melhora o reconhecimento visual 【Instruções de Uso】: 1. Substitua [Nome do Produto] pelo produto real 2. Selecione os exemplos de conteúdo correspondentes com base no tipo de produto (alimento / medicamento / tech) 3. Preencha informações específicas para todos os 8 módulos 4. Ajuste a cor tema para a cor representativa do produto 5. Garanta que a textura translúcida de acrílico fosco seja mantida 【Padrões de Qualidade】: ✓ Transparência correta (80-85%, atravessável) ✓ Efeito de desfoque fosco perceptível, mas não excessivo ✓ Fundo visível através dos cartões ✓ Assunto 3D ocupa espaço apropriado (20-25%) ✓ Informação completa (todo o conteúdo dos 8 módulos presente) ✓ Toda a exibição em chinês está clara ✓ Esquema de cores contido e elegante (90% neutro + 10% acento) ✓ Layout confortável e não apertado ✓ Textura de vidro realista (destaques de borda, reflexos, refrações) 【Exemplos Típicos de Aplicação】: Alimento: 🍅Tomate, 🥕Cenoura, 🍎Maçã, 🥑Abacate Medicamento: 💊Aspirina, Vitamina C, Ibuprofeno, Penicilina Tech: 🎧AirPods Max, iPhone, MacBook, Tesla Elementos: ⚛️Carbono, Oxigênio, Hidrogênio, Nitrogênio

Fonte: aiwind.orgVer original

Mais de Design de UI

Ver tudo
Ícones de UI Pixel Retrô

Ícones de UI Pixel Retrô

retexturize a imagem anexada no seguinte estilo estético json:{"style":"Retro Pixel UI Icons","resolution":"baixa (32x32 ou 48x48)","color_palette":["#F2F2F2","#C0C0C0","#000000","#FFFFFF","#0000FF","#00FF00","#FFFF99","#008080"],"outline":{"enabled":true,"color":"#000000","thickness":"1px"},"shading":{"method":"dithering","colors_used":["cor base","realce","sombra"],"pattern":"xadrez ou linhas diagonais"},"lighting":{"type":"flat","source":"top-left","highlight_color":"#FFFFFF","shadow_color":"#808080"},"background":{"color":"#F2F2F2","type":"liso","transparency":false},"object_properties":{"style":"pixel art","perspective":"isométrica ou frontal","animation":{"enabled":false,"frame_style":"pixel art estático"}}}

Ícones no Estilo Airbnb

Ícones no Estilo Airbnb

gere ícone de [concept] com este estilo json: { "icon_style": { "perspective": "isometric", "geometry": { "proportions": "canvas em proporção 1:1, com objetos cabendo confortavelmente dentro das margens", "element_arrangement": "objeto dominante central, com elementos de apoio posicionados simetricamente ou na diagonal" }, "composition": { "element_count": "2–4 objetos principais", "spatial_depth": "em camadas para criar sensação de dimensão e leve elevação", "scale_consistency": "escala uniforme dos objetos em todo o conjunto de ícones", "scene_density": "mínima a moderada, mantendo clareza e foco visual" }, "lighting": { "type": "luz ambiente suave", "light_source": "direção sutil do canto superior direito ou frontal superior", "shadow": "sombras projetadas suaves abaixo e atrás dos objetos", "highlighting": "iluminação leve nas bordas para definir as formas" }, "textures": { "material_finish": "superfícies semi-foscas a acetinadas", "surface_treatment": "suave com leve variação tátil (ex.: veio de madeira, texturas suaves)", "texture_realism": "naturalismo estilizado sem ruído hiper-realista" }, "render_quality": { "resolution": "renderização 3D octane em alta resolução", "edge_definition": "nítido, sem contornos; separação obtida por iluminação e profundidade", "visual_clarity": "formas limpas e legíveis com mínima desordem" }, "color_palette": { "tone": "naturalista com leve aumento de saturação", "range": "tons suaves harmoniosos com contraste gentil", "usage": "cores distintas por objeto para melhorar identificação e legibilidade" }, "background": { "color": "#FFFFFF", "style": "branco puro, chapado", "texture": "nenhuma" }, "stylistic_tone": "premium, amigável, limpo com apelo de estilo de vida ou orientado a serviço", "icon_behavior": { "branding_alignment": "neutro o suficiente para aplicações amplas", "scalability": "legível em tamanhos pequenos e médios", "interchangeability": "parte de um sistema de ícones coeso com assunto intercambiável"} } }

Cartões de Tipo de Personalidade MBTI de Cenas Famosas de Ópera

Cartões de Tipo de Personalidade MBTI de Cenas Famosas de Ópera

# Objetivo da Tarefa

Widget Minimalista de Clima

Widget Minimalista de Clima

crie imagem com proporção 1:1 estética minimalista surreal, moldura de janela de avião sobre fundo em gradiente sutil com a mesma cor, através da janela oval mostrando cenário aleatório de marco icônico de [Country Name], uma interface de clima sobreposta no centro da janela, de cima para baixo, contendo o pequeno ícone do clima, temperaturas enormes com fonte elegante e leve, e uma pequena tag de localização abaixo, na parte inferior está o nome do país, gerar com climas extremos, a janela será afetada pelo clima, a combinação de cores do fundo em gradiente sutil ressoa com o clima, iluminação natural, sombras suaves, reflexos sutis no vidro, ótimo espaço negativo

Cartão de infográfico em estilo desenhado à mão

Cartão de infográfico em estilo desenhado à mão

Crie um cartão de infográfico em estilo desenhado à mão, na proporção vertical 9:16. O tema do cartão deve ser claro, com fundo bege ou off-white com textura de papel, e o design geral deve refletir uma estética desenhada à mão, simples e acolhedora. Na parte superior do cartão, destaque o título com uma fonte grande de caligrafia cursiva com pincel em vermelho e preto, com contraste forte, para atrair o foco visual. Todo o conteúdo textual deve usar caligrafia cursiva chinesa, e o layout geral deve ser dividido em 2 a 4 seções claras, cada uma expressando pontos-chave com frases curtas e concisas em chinês. A fonte deve manter o ritmo fluido da caligrafia cursiva, sendo clara e legível, ao mesmo tempo artística. Decore o cartão com ilustrações ou ícones simples e divertidos desenhados à mão, como pessoas ou símbolos representativos, para aumentar o apelo visual e despertar reflexão e identificação no leitor. Preste atenção ao equilíbrio visual do layout geral e reserve espaço em branco suficiente para garantir que a imagem seja limpa e clara, fácil de ler e compreender. O tema é: “Fazer IP é juros compostos de longo prazo; continue aparecendo todos os dias, continue fazendo, com certeza haverá resultado, porque 99% das pessoas não conseguem persistir.”

Crie Seu Próprio Personagem de GTA

Crie Seu Próprio Personagem de GTA

Aja como diretor criativo da Rockstar Games. Crie uma ficha de personagem fictícia de GTA VI exatamente no mesmo estilo das imagens promocionais oficiais de GTA VI. O layout deve ser: Uma ficha de personagem horizontal, com o personagem à direita, em uma pose dinâmica que reflita sua personalidade. À esquerda, inclua o seguinte texto estruturado: Um pequeno logo "VI" no canto superior esquerdo (mencione-o visualmente). O nome do personagem em texto grande e em negrito. Um slogan ou tagline marcante logo abaixo, em uma cor vibrante diferente. Uma história de fundo curta (3–5 linhas) escrita em um tom irônico, esperto de rua ou brincalhão — exatamente como o tom de voz da Rockstar. Use a estética vibrante de Vice City com iluminação de pôr do sol, acentos neon e estilo de quadrinho cel-shaded. As roupas, a ação e o ambiente do personagem devem refletir seu arquétipo e histórico. Deixe-me personalizar as seguintes variáveis: Arquétipo: {sua escolha} Gênero: {sua escolha} Tom de pele: {sua escolha} Penteado: {sua escolha} Emoção : {sua escolha} Roupa: {sua escolha} Arma ou ação: {sua escolha} Detalhes de fundo: {sua escolha} Gere um nome fictício no título e uma descrição em inglês Formate o resultado final como uma revelação de asset finalizado de dentro do jogo. A vibe deve ser exagerada, estilosa e cheia de personalidade — como se fizesse parte do mundo real de GTA VI. (se as seções "Sua escolha" não forem preenchidas com informações personalizadas, cabe a você gerá-las aleatoriamente por conta própria) gere o visual diretamente a partir de agora