霓虹赛事排行 UI 组件设计板

# 霓虹赛事排行 UI 组件设计板 根据用户的活动主题、组件清单、等级名称与品牌配色生成原创 UI 组件套装提示词。参考图仅用于提取黑色背景、透明亚克力霓虹材质、分散式资产板、冠亚季军体系和榜单卡片等通用方法，不复刻参考图的文字、人物、徽章、Logo 或具体坐标。 ## 工作流 1. 提取活动名称、活动类型、使用场景、组件清单、等级名称、榜单字段、主辅色、材质、画幅和是否需要人物占位。 2. 信息不足时，默认使用“年度巅峰榜”、电竞与内容创作者主题、粉紫蓝橙霓虹、黑色背景、竖版 3:5。 3. 先建立统一视觉语言，再设计基础组件、名次组件、榜单卡片和标题装饰，避免每个组件风格割裂。 4. 输出变量版通用生图提示词，并生成 12 个完整、独立、可复制的主题案例。 5. 通用提示词和每条案例分别放入 `text` 代码块；文字作为后期排版信息位。 ## 推荐填写 - `{{组件板标题}}` - `{{活动主题}}`、`{{使用场景}}` - `{{组件清单}}` - `{{等级名称}}` - `{{榜单字段}}` - `{{主色}}`、`{{辅助色}}`、`{{点缀色}}` - `{{金属色}}`、`{{背景色}}` - `{{人物占位形式}}` - `{{画幅比例}}` ## 默认组件清单 当用户未提供时，至少展示以下组件： 1. 三枚基础荣誉徽章。 2. 金、银、紫三枚 1/2/3 名奖牌。 3. 空状态与高能状态两条能量条。 4. 一枚圆角“活动规则”按钮。 5. 一枚带双翼或光带的冠军飘带。 6. 一枚状态上升箭头和一枚数字消息气泡。 7. 三张榜单人物卡片，分别对应冠军、亚军、季军。 8. 一组三枚小型 1/2/3 名次徽章。 9. 一条年度榜单标题条。 10. 一枚活动主视觉数字或抽象符号。 11. 一张人物或团队展示卡片。 12. 三枚 A/B/C 字母或三个等级字标。 ## 统一视觉语言 - 使用深黑、黑蓝或深紫背景，组件之间保持独立并留出充足安全间距。 - 组件由半透明亚克力、彩色玻璃、柔光金属、软胶内芯和霓虹描边组合，但不做厚重写实机械。 - 主色默认粉紫与电光蓝，辅助使用橙金、青绿和少量白色高光。 - 所有组件共享相同圆角曲率、透明度、边缘高光、发光强度、阴影方向和渲染视角。 - 光源统一来自左上方与正面，外发光克制，主体边缘必须清楚，不能被光晕吞没。 - 数字、标题、姓名、头像与规则说明全部作为后期替换信息位；不得生成可识别真人或现有活动人物。 ## 构图规则 - 采用竖版资产合集板，不强制规则网格，但需要按功能分组并保持视觉平衡。 - 顶部放置基础徽章、名次牌、能量条和规则按钮。 - 中部放置冠军飘带、状态图标和三张核心榜单卡片。 - 下部放置小型名次徽章、榜单标题条、人物展示卡、主视觉符号和字母等级组件。 - 组件之间不可重叠，透明发光边缘也不能侵入其他组件的安全区。 - 可加入极少量英文分类信息位，但不出现现有平台、工作室或赛事名称。 ## 榜单卡片规则 - 三张榜单卡片使用相同尺寸、圆角、背景渐变和信息层级。 - 卡片顶部放荣誉头像框，中部放抽象人物剪影或原创虚拟头像，底部放姓名与称号信息位。 - 冠军、亚军、季军只通过局部色彩、冠饰和标号区分，不能使用三种互不相关的卡片结构。 - 如不需要人物，可改用团队符号、作品缩略图、产品占位或纯几何头像。 ## 输出规范 按以下顺序输出： 1. `视觉拆解`：3 至 5 条。 2. `建议填写`：仅列缺失变量。 3. `通用生图 Skill`：完整变量提示词，置于 `text` 代码块。 4. `直接可用示例 1` 至 `直接可用示例 12`：每条独立完整，分别置于 `text` 代码块。 5. `使用提醒`：说明后期文字、头像和数据校对。 不得只给关键词，不得用“同上”省略案例内容。 ## 通用提示词模板 ```text 生成一张「{{组件板标题}}」原创霓虹赛事排行 UI 组件设计板，活动主题为「{{活动主题}}」，用于「{{使用场景}}」。竖版 {{画幅比例}}，{{背景色}}纯色背景，像专业数字产品活动页组件资产库，不对应任何现有平台、赛事、游戏、品牌或活动。 视觉语言： 整套组件使用半透明亚克力、彩色玻璃、柔光金属、软胶内芯与克制霓虹描边。主色为{{主色}}，辅助色为{{辅助色}}，点缀色为{{点缀色}}，金属结构使用{{金属色}}。所有组件保持相同圆角曲率、透明度、边缘高光、发光强度、阴影方向和正面略俯视视角。 顶部组件区： 展示三枚基础荣誉徽章、金银紫三枚 1/2/3 名奖牌、空状态与高能状态两条电池形能量条，以及一枚圆角“活动规则”按钮信息位。组件相互独立、尺寸关系合理、边缘清楚。 核心荣誉区： 展示一枚带双翼或光带的冠军飘带、一枚状态上升箭头、一枚数字消息气泡，以及三张统一结构的榜单卡片。榜单卡片分别对应{{等级名称}}，包含原创荣誉头像框、{{人物占位形式}}、姓名信息位和称号信息位；三张卡片只通过局部配色与冠饰区分，结构保持一致。 下部扩展区： 展示一组三枚小型 1/2/3 名次徽章、一条「{{榜单字段}}」标题条、一枚活动主视觉数字或抽象符号、一张人物或团队展示卡，以及 A/B/C 三枚等级字母组件。所有文字与数字均作为后期排版占位。 构图与光线： 组件按功能分组分散排布，顶部轻、中部重、下部延展，四周保留充足安全间距；不使用复杂界面截图。统一左上柔光与正面补光，透明边缘产生粉紫蓝橙渐变高光，发光克制，不遮挡轮廓。 画面要求： 原创赛事排行 UI 组件、数字产品活动视觉、透明亚克力与霓虹玻璃质感、高清 4K、边缘清晰、商业设计完成度高。底部安全区域加入低对比度、小尺寸“数字游民 Tomda”作者标识。 避免： 现有平台名称、赛事 Logo、游戏徽章、明星或主播肖像、真实用户头像、品牌字体、第三方 UI 素材复刻、组件风格不统一、卡片结构漂移、强烈过曝、光晕吞边、拥挤重叠、低清噪点、文字乱码、二维码和其他水印。 ``` ## 检查清单 - 组件覆盖基础、名次、能量、按钮、冠军、榜单与扩展七类。 - 三张榜单卡片结构一致，名次差异清楚。 - 1/2/3 名颜色层级统一，不能出现编号重复。 - 所有组件材质、圆角、发光和视角一致。 - 不使用现有活动、品牌、角色或真实人物资产。 - 文字、姓名、数据和头像均保留后期替换空间。 ## 权利与安全边界 - 只借鉴通用组件类型、暗色资产板和霓虹材质，不复刻参考图具体内容。 - 所有徽章、卡片、图标、文字组合和人物占位必须原创。 - 本 Skill 只输出文本提示词，不包含可执行代码、外部接口或用户数据处理。