渐变悬浮 UI 功能卡片海报

# 渐变悬浮 UI 功能卡片海报 输出原创渐变悬浮 UI 功能卡片海报提示词。仅借鉴参考图的浅蓝背景、大号中文标题、错位圆角卡片、粉紫/橙黄/蓝青渐变、2.5D 图标和线框示意组件等通用方法，不复刻参考图的具体标题、卡片内容、人物照片、图标、品牌标记或版式坐标。 ## 工作流 1. 提取海报标题、辅助标题、设计主题、卡片数量、功能卡片清单、图标主题、主辅色、头像位、使用场景和画幅比例。 2. 信息不完整时，默认使用“产品功能设计思路”、3 张功能卡、粉紫/橙黄/蓝青渐变、浅冰蓝背景、竖版 3:4。 3. 将每张卡片拆分为标题、短说明、辅助信息位、图标主体和可选头像/数据位，保证层级一致。 4. 输出变量版通用 Skill，并生成 6 条不同主题的直接可用示例。 5. 通用 Skill 和每条示例分别放入 `text` 代码块，提供复制按钮。 ## 推荐填写 - `{{海报标题}}`、`{{辅助标题}}` - `{{设计主题}}`、`{{使用场景}}` - `{{卡片数量}}` - `{{功能卡片清单}}`：使用“卡片标题：短说明：图标主体”的格式 - `{{主色}}`、`{{辅助色}}`、`{{点缀色}}` - `{{头像位形式}}`：抽象头像、彩色圆点、缩略图占位等 - `{{背景色}}`、`{{画幅比例}}` ## 版式规则 - 顶部约三分之一为标题区，包含一行较轻的辅助标题和一行超大黑色粗体主标题。 - 标题可加入一处细线手写英文或抽象签名字形作为装饰，但不能遮挡中文主标题。 - 中下部设置 3 至 5 张大圆角卡片，采用上下错位、左右交替的对角线节奏，不使用整齐九宫格。 - 左侧可增加一枚灰色线框卡片、骨架屏或结构示意块，用于表达 UI 设计过程。 - 页面底部保留小型设计署名区、英文辅助信息位或分类标签，但不出现现有工作室名称。 - 卡片之间不重叠主体文字，不裁掉核心图标，四周保留充足留白。 ## 卡片规则 - 每张卡片只传达一个功能，包含卡片标题、1 行短说明、1 组辅助头像/状态信息和 1 枚 2.5D 图标。 - 卡片使用白色到浅品牌色的柔和渐变，圆角统一，带轻微外发光和悬浮阴影。 - 图标使用半透明亚克力、软胶、磨砂玻璃或圆润塑料材质，颜色与卡片渐变呼应。 - 图标位于卡片右上或右侧，可轻微超出卡片边界，但不得遮挡标题。 - 头像使用抽象头像、插画缩略图或纯色圆形占位，不生成可识别的真实人物。 - 标题和说明均为后期排版信息位，正式发布时应人工替换与校对。 ## 输出规范 按以下顺序输出： 1. `视觉拆解`：3 至 5 条。 2. `建议填写`：仅列出缺失变量。 3. `通用生图 Skill`：完整变量提示词，置于 `text` 代码块。 4. `直接可用示例 1` 至 `直接可用示例 6`：每条完整独立，分别置于 `text` 代码块。 ## 通用提示词模板 ```text 生成一张「{{海报标题}}」原创渐变悬浮 UI 功能卡片海报，{{画幅比例}}，设计主题为{{设计主题}}，用于{{使用场景}}。整体呈现轻盈、现代、清楚的产品设计教程与功能介绍视觉，不对应任何现有应用、平台、课程或品牌。 标题区： 画面使用{{背景色}}柔和纯色或极浅渐变背景。顶部设置辅助标题「{{辅助标题}}」，使用{{主色}}细体中文；下方放置超大黑色粗体主标题「{{海报标题}}」，字距紧凑、视觉有冲击力。标题附近可加入一处青蓝色细线手写英文装饰信息位，但不能遮挡中文内容。 设计示意： 标题下方左侧设置一枚灰色线框 UI 结构示意块，包含圆角矩形、两条横线和一个圆形占位，用于表达信息层级与设计过程；示意块保持低对比度，不抢占主视觉。 功能卡片： 画面中下部排布 {{卡片数量}} 张大圆角悬浮卡片，采用上下错位、左右交替的对角线节奏。卡片内容为：{{功能卡片清单}}。每张卡片包含粗体中文标题、1 行短说明、1 组{{头像位形式}}和1枚原创2.5D图标；标题和说明作为后期替换信息位。 卡片视觉： 第一张卡片使用粉紫渐变，第二张使用橙黄渐变，第三张使用蓝青渐变；其余卡片从{{主色}}、{{辅助色}}和{{点缀色}}中延展。所有卡片保持相同圆角、内边距、字体层级和柔和悬浮阴影。图标位于卡片右上方或右侧，允许轻微超出边缘，但不遮挡卡片标题。 图标材质： 所有图标使用半透明亚克力、磨砂玻璃、圆润软胶和轻微霓虹渐变混合材质，统一正面略俯视三分之四角度、柔和顶侧光和轻微接触阴影。每个图标主题唯一、结构简洁、缩小后仍易识别。 画面要求： 原创 UI 设计教程海报、产品功能视觉、现代编辑排版、轻盈渐变、高清 4K、边缘清楚、商业完成度高。底部设置低调的设计分类信息位，并在安全区域加入低对比度、小尺寸“数字游民 Tomda”作者标识。 质量约束： 不使用现有应用名称、品牌 Logo、真实界面截图、真实人物头像、社交平台标记或版权图标；不出现标题乱码、卡片重叠、说明文字过多、圆角不一致、头像变形、图标重复、过强霓虹、复杂背景、二维码或其他水印。 ``` ## 权利与安全边界 - 标题、卡片内容、图标、头像占位、配色与布局细节必须原创。 - 不生成或近似复刻现有社交产品、办公软件、课程平台、真实界面或知名应用图标。 - 卡片文字、数字、头像和按钮在正式发布前应人工校对并后期排版。 - 本 Skill 仅输出文本提示词，不包含可执行代码、外部接口、资源下载或用户数据处理。