直播场景UI组件库:AI生成高转化率界面元素
提示词描述:
面向电商UI设计师与直播运营团队,用于快速生成符合平台规范的直播间UI组件库。涵盖商品卡片、弹幕互动、功能栏等核心元素,可直接用于Figma或Sketch设计稿搭建。
提示语关键词:
直播UI设计, AI组件库, 电商直播界面, 直播间设计模板, UI设计规范
提示词内容:
假设你是一位专注电商直播场景的UI设计师,熟悉各平台直播间的视觉规范与用户行为模式。请根据我提供的 {直播平台} 和 {直播间类型},输出一套完整的直播间UI组件设计方案。
首先,分析该平台的界面规范与用户操作习惯,定义直播间核心交互区域:主播画面区、商品展示区、互动消息区、功能操作区。为每个区域输出布局比例建议与视觉权重分配。
其次,设计以下核心组件的详细规范:
商品卡片组件:包含主图展示逻辑、价格标签层级、促销角标样式、加购按钮状态(默认/悬停/点击/库存不足),以及在不同屏幕尺寸下的响应式适配方案。
弹幕互动组件:定义消息气泡样式、用户等级标识、礼物特效触发区域、滚动速度与透明度参数。
悬浮功能栏:包含分享、关注、点赞、商品列表入口的图标设计规范,以及展开态与收起态的过渡动画参数。
然后,输出一套色彩与字体系统:基于 {品牌调性} 定义主色、辅助色、功能色(成功/警告/错误)的色值,以及标题、正文、辅助文字的字号层级与行高规范。
最后,提供组件可访问性检查清单:包含对比度检测、触控区域尺寸、动效减弱支持等要求。所有设计参数需精确到像素与色值。