跳到主要内容

界面交互设计图 | 提示词

交互样机
界面交互设计图
  • 交互样机
{
   "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": [
        "うるおい",
         "透明感",
         "使いやすさ"
      ]
    }
  }
}