インターフェース・インタラクションデザイン図

プロンプト

{
  "type": "UI/UX landing page mockup",
  "theme": "dark mode, sleek modern aesthetic, glassmorphism, {argument name=\"primary accent color\" default=\"neon purple and blue\"} glowing accents",
  "header": {
    "logo": "{argument name=\"brand name\" default=\"goViralX\"}",
    "top_right_tag": "VIRAL CAMPAIGN CASE STUDY"
  },
  "layout": {
    "sections": [
      {
        "name": "Hero",
        "headline": "{argument name=\"hero headline\" default=\"How We Created 10M+ Viral Impact\"}",
        "subheadline": "3天引爆全网, 助力品牌实现指数级增长",
        "stats_row": {
          "count": 4,
          "labels": ["总播放量", "互动率", "转化咨询", "执行周期"],
          "values": ["{argument name=\"main statistic\" default=\"10,240,000+\"}", "18.7%", "3,200+", "72小时"]
        },
        "visual": "cinematic shot of a person in a hoodie looking at glowing digital screens and graphs, large play button overlay"
      },
      {
        "name": "Strategy",
        "title": "Our 3-Day Execution Strategy",
        "layout_type": "vertical timeline",
        "steps_count": 3,
        "elements_per_step": ["timeline node", "title", "bullet points", "video thumbnail with play button", "description box"]
      },
      {
        "name": "Performance",
        "title": "Data-Driven Performance",
        "left_column": {
          "stat_cards_count": 4,
          "values": ["10M+", "43%", "28,000+", "3,200+"]
        },
        "right_column": {
          "charts_count": 2,
          "chart_1": "line graph showing 7-day growth peaking at Day 3",
          "chart_2": "horizontal segmented bar chart showing platform distribution (TikTok 52%, Instagram 24%, X 15%, YouTube 9%)"
        }
      },
      {
        "name": "Keys to Success",
        "title": "The 3 Keys to Viral Success",
        "cards_count": 3,
        "card_elements": ["glowing icon (fire, target, antenna)", "title", "description", "VIEW DETAIL link"]
      },
      {
        "name": "Social Proof",
        "title": "TRUSTED BY CREATORS & BRANDS",
        "left_column": {
          "logos_count": 8,
          "grid": "2x4",
          "brands": ["SHEIN", "SHOPLINE", "Blueglass", "instacart", "lemon8", "mi", "CIDER", "bellroy"]
        },
        "right_column": {
          "testimonial_cards_count": 2,
          "elements": ["quote", "author title (SaaS Founder, Growth Manager)"]
        }
      },
      {
        "name": "Call to Action",
        "title": "READY TO GO VIRAL?",
        "interactive_elements": ["text input field", "glowing button with text '{argument name=\"call to action text\" default=\"获取专属增长方案 ->\"}'"],
        "visual": "3D render of a rocket ship taking off with purple and blue flames"
      }
    ]
  }
}

日本語訳

{
  "type": "UI/UXランディングページのモックアップ",
  "theme": "ダークモード、洗練されたモダンな美意識、グラスモーフィズム、{argument name=\"primary accent color\" default=\"ネオンパープルとブルー\"}の光るアクセント",
  "header": {
    "logo": "{argument name=\"brand name\" default=\"goViralX\"}",
    "top_right_tag": "バイラルキャンペーン事例紹介"
  },
  "layout": {
    "sections": [
      {
        "name": "ヒーロー",
        "headline": "{argument name=\"hero headline\" default=\"私たちはいかにして1000万+のバイラルインパクトを生み出したか\"}",
        "subheadline": "3日間でネット全体を席巻し、ブランドの指数関数的な成長を実現",
        "stats_row": {
          "count": 4,
          "labels": ["総再生回数", "エンゲージメント率", "コンバージョン相談", "実施期間"],
          "values": ["{argument name=\"main statistic\" default=\"10,240,000+\"}", "18.7%", "3,200+", "72時間"]
        },
        "visual": "パーカーを着た人物が光るデジタルスクリーンとグラフを見つめるシネマティックなショット、大きな再生ボタンのオーバーレイ"
      },
      {
        "name": "戦略",
        "title": "3日間の実行戦略",
        "layout_type": "縦型タイムライン",
        "steps_count": 3,
        "elements_per_step": ["タイムラインのノード", "タイトル", "箇条書き", "再生ボタン付きの動画サムネイル", "説明ボックス"]
      },
      {
        "name": "実績",
        "title": "データドリブンなパフォーマンス",
        "left_column": {
          "stat_cards_count": 4,
          "values": ["10M+", "43%", "28,000+", "3,200+"]
        },
        "right_column": {
          "charts_count": 2,
          "chart_1": "3日目にピークを迎える7日間の成長を示す折れ線グラフ",
          "chart_2": "プラットフォーム別の内訳を示す横型の積み上げ棒グラフ（TikTok 52%、Instagram 24%、X 15%、YouTube 9%）"
        }
      },
      {
        "name": "成功の鍵",
        "title": "バイラル成功の3つの鍵",
        "cards_count": 3,
        "card_elements": ["光るアイコン（炎、ターゲット、アンテナ）", "タイトル", "説明", "VIEW DETAILリンク"]
      },
      {
        "name": "社会的証明",
        "title": "クリエイター＆ブランドから信頼",
        "left_column": {
          "logos_count": 8,
          "grid": "2x4",
          "brands": ["SHEIN", "SHOPLINE", "Blueglass", "instacart", "lemon8", "mi", "CIDER", "bellroy"]
        },
        "right_column": {
          "testimonial_cards_count": 2,
          "elements": ["引用", "投稿者の肩書き（SaaS創業者、グロースマネージャー）"]
        }
      },
      {
        "name": "行動喚起",
        "title": "バイラルになる準備はできていますか？",
        "interactive_elements": ["テキスト入力欄", "テキスト '{argument name=\"call to action text\" default=\"専用のグロースプランを取得 ->\"}' の光るボタン"],
        "visual": "紫と青の炎を噴き上げて飛び立つロケットの3Dレンダリング"
      }
    ]
  }
}

テンプレート変数

置換可能なパラメータを含みます。角括弧内は既定値です

出典

原作者

IndieDevHailey

公開日

2026-04-17（由推文 ID 反解）

原典

元の投稿を見る ↗

収録元

freestylefly/awesome-gpt-image-2 · 131 · MIT

EvoLinkAI/awesome-gpt-image-2-API-and-Prompts · 2044974254769463312 · CC0-1.0

youart-open-source/awesome-gpt-image-2-5-prompts · 2044974254769463312 · CC0-1.0 / CC-BY-4.0 (upstream-stated; see ATTRIBUTION.md)

この項目は 3 件の出典を統合・重複排除して作られました