ai21.net
言語

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

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

プロンプト

{
  "type": "2x2 advertising banner grid",
  "layout": "4 distinct quadrants, each featuring a different industry advertisement",
  "quadrants": [
    {
      "position": "top-left",
      "industry": "skincare",
      "visuals": "Asian woman touching cheek, floating water droplets, white pump bottle",
      "brand": "BALANCÉE",
      "copy": {
        "headline": "{argument name=\"skincare headline\" default=\"素肌が、目覚める。\"}",
        "subheadline": "透明感あふれる、新しいわたしへ。",
        "features_count": 3,
        "features_labels": ["高保湿", "肌荒れ予防", "美白ケア*"]
      }
    },
    {
      "position": "top-right",
      "industry": "restaurant food",
      "visuals": "close-up of spaghetti bolognese with grated cheese and parsley, dark moody lighting",
      "brand": "Trattoria Luce",
      "copy": {
        "headline": "{argument name=\"food headline\" default=\"このパスタ、事件級。\"}",
        "badge": "期間限定",
        "description": "黒毛和牛のボロネーゼ 〜トリュフの香り〜"
      }
    },
    {
      "position": "bottom-left",
      "industry": "travel",
      "visuals": "woman with backpack facing a scenic mountain lake, bright daylight",
      "brand": "NATURE JOURNEY",
      "copy": {
        "headline": "{argument name=\"travel headline\" default=\"わたしを、解き放つ旅へ。\"}",
        "subheadline": "自然の中で、心が動き出す。",
        "script": "Find your freedom.",
        "banner_details": ["初夏の特別キャンペーン", "6.1 SAT - 6.30 SUN", "最大 20%OFF", "今だけの特別プラン多数!"]
      }
    },
    {
      "position": "bottom-right",
      "industry": "SaaS app",
      "visuals": "smartphone displaying a task management app interface with 4 schedule items",
      "brand": "{argument name=\"app brand name\" default=\"Taskme\"}",
      "copy": {
        "headline": "{argument name=\"app headline\" default=\"タスク管理を、もっとシンプルに、スマートに。\"}",
        "circle_badge": "1日を、デザインしよう。",
        "features_count": 3,
        "features_labels": ["直感的な操作性", "チームで共有可能", "どこでもアクセス"],
        "bottom_banner": "7日間無料トライアル実施中!"
      }
    }
  ]
}

日本語訳

{
  "type": "2x2の広告バナーグリッド",
  "layout": "4つの異なる象限、それぞれに異なる業種の広告を配置",
  "quadrants": [
    {
      "position": "左上",
      "industry": "スキンケア",
      "visuals": "頬に触れるアジア人女性、浮かぶ水滴、白いポンプボトル",
      "brand": "BALANCÉE",
      "copy": {
        "headline": "{argument name=\"skincare headline\" default=\"素肌が、目覚める。\"}",
        "subheadline": "透明感あふれる、新しいわたしへ。",
        "features_count": 3,
        "features_labels": [
          "高保湿",
          "肌荒れ予防",
          "美白ケア*"
        ]
      }
    },
    {
      "position": "右上",
      "industry": "レストランフード",
      "visuals": "粉チーズとパセリをかけたスパゲッティ・ボロネーゼのクローズアップ、暗くムードのある照明",
      "brand": "Trattoria Luce",
      "copy": {
        "headline": "{argument name=\"food headline\" default=\"このパスタ、事件級。\"}",
        "badge": "期間限定",
        "description": "黒毛和牛のボロネーゼ 〜トリュフの香り〜"
      }
    },
    {
      "position": "左下",
      "industry": "旅行",
      "visuals": "バックパックを背負った女性が山と湖の絶景に向き合う、明るい日差し",
      "brand": "NATURE JOURNEY",
      "copy": {
        "headline": "{argument name=\"travel headline\" default=\"わたしを、解き放つ旅へ。\"}",
        "subheadline": "自然の中で、心が動き出す。",
        "script": "自由を見つけよう。",
        "banner_details": [
          "初夏の特別キャンペーン",
          "6.1 SAT - 6.30 SUN",
          "最大 20%OFF",
          "今だけの特別プラン多数!"
        ]
      }
    },
    {
      "position": "右下",
      "industry": "SaaSアプリ",
      "visuals": "4つのスケジュール項目を持つタスク管理アプリの画面を表示したスマートフォン",
      "brand": "{argument name=\"app brand name\" default=\"Taskme\"}",
      "copy": {
        "headline": "{argument name=\"app headline\" default=\"タスク管理を、もっとシンプルに、スマートに。\"}",
        "circle_badge": "1日を、デザインしよう。",
        "features_count": 3,
        "features_labels": [
          "直感的な操作性",
          "チームで共有可能",
          "どこでもアクセス"
        ],
        "bottom_banner": "7日間無料トライアル実施中!"
      }
    }
  ]
}

テンプレート変数

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

skincare headline = 素肌が、目覚める。food headline = このパスタ、事件級。travel headline = わたしを、解き放つ旅へ。app brand name = Taskmeapp headline = タスク管理を、もっとシンプルに、スマートに。

出典

原作者
kitune_fire45
原典
元の投稿を見る ↗
収録元