界面交互设计图 · #131

系统图库 #131UI 与界面
#UI 与界面#界面#品牌#3D#科技#商业#社媒2430 字符 · 5 个参数

提示词内容

5 个此条目专属参数,点击彩色字段直接切换

{
  "type": "UI/UX 登陆页模型",
  "theme": "暗模式,时尚现代美学,玻璃拟态, 发光点缀",
  "header": {
    "logo": "",
    "top_right_tag": "VIRAL CAMPAIGN CASE STUDY"
  },
  "layout": {
    "sections": [
      {
        "name": "Hero",
        "headline": "",
        "subheadline": "3天引爆全网, 助力品牌实现指数级增长",
        "stats_row": {
          "count": 4,
          "labels": [
            "总播放量",
            "互动率",
            "转化咨询",
            "执行周期"
          ],
          "values": [
            "",
            "18.7%",
            "3,200+",
            "72小时"
          ]
        },
        "visual": "电影感镜头,穿连帽衫的人注视发光的数字屏幕和图表,叠加大播放按钮"
      },
      {
        "name": "Strategy",
        "title": "我们的 3 天执行策略",
        "layout_type": "垂直时间轴",
        "steps_count": 3,
        "elements_per_step": [
          "时间轴节点",
          "标题",
          "要点",
          "带播放按钮的视频缩略图",
          "描述框"
        ]
      },
      {
        "name": "Performance",
        "title": "数据驱动的表现",
        "left_column": {
          "stat_cards_count": 4,
          "values": [
            "10M+",
            "43%",
            "28,000+",
            "3,200+"
          ]
        },
        "right_column": {
          "charts_count": 2,
          "chart_1": "折线图显示 7 天增长,峰值在第 3 天",
          "chart_2": "水平分段条形图显示平台分布(TikTok 52%,Instagram 24%,X 15%,YouTube 9%)"
        }
      },
      {
        "name": "Keys to Success",
        "title": "病毒成功的 3 大关键",
        "cards_count": 3,
        "card_elements": [
          "发光图标(火焰、目标、天线)",
          "标题",
          "描述",
          "查看详情链接"
        ]
      },
      {
        "name": "Social Proof",
        "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": "Call to Action",
        "title": "准备好走红了吗?",
        "interactive_elements": [
          "文本输入框",
          "带文字 '' 的发光按钮"
        ],
        "visual": "3D 渲染的火箭升空,紫色和蓝色火焰"
      }
    ]
  }
}

相关案例

继续探索相近风格

返回公开目录