Design de interação de interface · #101 Imagem de exemplo

Clique para ver a imagem completa · Referência do caso original

Fonte do caso

@naga_zyashin ↗ · Caso #101

Conteúdo original do caso preservado. Os resultados gerados dependem da versão do modelo, imagens de referência e parâmetros; este site não retestou cada item e não garante a reprodução do mesmo resultado.

Pôsteres e Tipografia / PROMPT #101

Design de interação de interface · #101

InterfaceMarcaTecnologiaComércio

Veja a imagem primeiro e depois copie o prompt original. Se houver marcadores, substitua-os abaixo com o seu conteúdo.

01 / Configure sua versão

02 / Prompt completo · Original

{
  "type": "YouTube thumbnail",
  "style": "High-impact, neon green and black color scheme, cyber business aesthetic",
  "background": "Dark with glowing green grid, upward chart lines, large green arrow",
  "subject": {
    "description": "{argument name=\"subject description\" default=\"Serious Japanese man in a black suit\"}",
    "position": "Right side",
    "props": "Stacks of 10,000 Yen bills in bottom right"
  },
  "layout": {
    "main_title": {
      "text": "{argument name=\"main title\" default=\"月30万 ChatGPT副業 誰でも始めやすい\"}",
      "position": "Center, huge bold white and green gradient text"
    },
    "top_left_badge": {
      "text": "{argument name=\"top left badge\" default=\"再現性高め\"}",
      "style": "Angled neon green box"
    },
    "top_tags": {
      "count": 4,
      "labels": ["初心者OK", "スマホでも可能", "最短で収益化", "具体例つき"]
    },
    "left_bullet_points": {
      "count": 6,
      "style": "Dark boxes with neon green borders and icons",
      "items": [
        "Lightbulb icon: 失敗しない始め方",
        "Yen coin icon: 副業におすすめ",
        "Chart icon: 収益化の流れ",
        "Search icon: 案件の探し方",
        "Chat icon: プロンプト例つき",
        "Clipboard icon: テンプレ付き"
      ]
    },
    "bottom_banner": {
      "text": "{argument name=\"bottom banner text\" default=\"手順を徹底解説\"}",
      "icons": "ChatGPT logo left, upward chart right"
    },
    "bottom_tags": {
      "count": 2,
      "labels": ["{argument name=\"year tag\" default=\"2026年最新版\"}", "即実践できる"]
    }
  }
}

Copie para a ferramenta de geração de imagens que você usa; este site oferece visualização e edição de prompts, não gera imagens diretamente.

03 / Verificações antes de gerar

  • Substitua os marcadores por conteúdo específico e verifique se é necessário enviar uma imagem de referência.
  • Para textos na imagem, defina a redação final com clareza e confira letra por letra após gerar.
  • Ajuste apenas um elemento por vez (sujeito, iluminação ou composição) para facilitar a comparação dos resultados.
Ver guia de uso de prompts →

Continue explorando inspirações semelhantes

Mais casos de Pôsteres e Tipografia

Ver tudo ↗