ai21.net
语言

界面交互设计图

界面交互设计图 — 1

提示词

{
  "type": "e-commerce landing page hero section mockup",
  "aesthetic": "clean, bright, airy, feminine, floral accents with purple flowers, {argument name=\"primary color\" default=\"soft pink\"} and white color palette, soft lighting",
  "header": {
    "logo": "{argument name=\"brand name\" default=\"LUMEA BEAUTY\"}",
    "navigation_links": {
      "count": 5,
      "labels": ["特徴", "成分", "お客様の声", "使い方", "FAQ"]
    },
    "cta_button": "今すぐ試す"
  },
  "hero_section": {
    "left_column": {
      "headline": "{argument name=\"headline text\" default=\"鏡を見るたび、うるおう透明感。\"}",
      "subheadline": "乾燥・くすみが気になる肌に。美容成分を贅沢に配合した、毎日のための集中保湿美容液。",
      "feature_badges": {
        "count": 3,
        "style": "pill-shaped with small icons",
        "labels": ["敏感肌OK", "高保湿", "朝晩使える"]
      },
      "bullet_points": {
        "count": 3,
        "style": "pink checkmarks",
        "labels": ["美容成分をしっかり届ける", "ハリ・ツヤのある印象へ", "続けやすいシンプルケア"]
      },
      "cta_buttons": {
        "count": 2,
        "labels": ["初回限定で試してみる >", "成分をチェック >"]
      },
      "trust_badges": "送料無料 / 初回限定 / 定期縛りなし"
    },
    "center_subject": {
      "model": "{argument name=\"model description\" default=\"young East Asian woman smiling, touching her cheek\"}",
      "action": "holding a dropper bottle of serum"
    },
    "right_column": {
      "product_display": {
        "count": 2,
        "items": ["{argument name=\"product type\" default=\"moisturizing boost serum\"} dropper bottle", "packaging box"]
      },
      "stat_cards": {
        "count": 3,
        "style": "floating white rounded rectangles with gold accents",
        "labels": ["満足度 96%", "美容成分 5種配合", "愛用者 12,000人突破"]
      }
    }
  },
  "bottom_section": {
    "benefit_cards": {
      "count": 3,
      "style": "horizontal white rounded rectangles with icons",
      "labels": ["うるおい", "透明感", "使いやすさ"]
    }
  }
}

中文译文

{
  "type": "电商落地页 hero 区域 mockup",
  "aesthetic": "干净、明亮、通透、女性化,紫色花朵的花艺点缀,{argument name=\"primary color\" default=\"soft pink\"}与白色的配色,柔和光线",
  "header": {
    "logo": "{argument name=\"brand name\" default=\"LUMEA BEAUTY\"}",
    "navigation_links": {
      "count": 5,
      "labels": ["特点", "成分", "顾客评价", "使用方法", "FAQ"]
    },
    "cta_button": "立即试用"
  },
  "hero_section": {
    "left_column": {
      "headline": "{argument name=\"headline text\" default=\"鏡を見るたび、うるおう透明感。\"}",
      "subheadline": "针对在意干燥、暗沉的肌肤。奢华配合美容成分,为每一天打造的集中保湿美容液。",
      "feature_badges": {
        "count": 3,
        "style": "胶囊形,配小图标",
        "labels": ["敏感肌可用", "高保湿", "早晚可用"]
      },
      "bullet_points": {
        "count": 3,
        "style": "粉色对勾",
        "labels": ["将美容成分切实送达", "迈向紧致透亮的印象", "易于坚持的简单护理"]
      },
      "cta_buttons": {
        "count": 2,
        "labels": ["首次限定试用 >", "查看成分 >"]
      },
      "trust_badges": "免运费 / 首次限定 / 无定期订阅绑定"
    },
    "center_subject": {
      "model": "{argument name=\"model description\" default=\"young East Asian woman smiling, touching her cheek\"}",
      "action": "手持一支滴管瓶精华"
    },
    "right_column": {
      "product_display": {
        "count": 2,
        "items": ["{argument name=\"product type\" default=\"moisturizing boost serum\"} 滴管瓶", "包装盒"]
      },
      "stat_cards": {
        "count": 3,
        "style": "悬浮的白色圆角矩形,带金色点缀",
        "labels": ["满意度 96%", "配合 5 种美容成分", "爱用者突破 12,000 人"]
      }
    }
  },
  "bottom_section": {
    "benefit_cards": {
      "count": 3,
      "style": "带图标的横向白色圆角矩形",
      "labels": ["水润", "透明感", "易用性"]
    }
  }
}

模板变量

该提示词含可替换参数,方括号内为默认值

primary color = soft pinkbrand name = LUMEA BEAUTYheadline text = 鏡を見るたび、うるおう透明感。model description = young East Asian woman smiling, touching her cheekproduct type = moisturizing boost serum

溯源

原作者
ryuya__31
原始出处
查看原帖 ↗
收录来源