多配色扁平功能图标系统板

# 多配色扁平功能图标系统板 根据用户提供的产品主题、功能词和配色方案，生成原创扁平图标系统展示板。参考图仅用于提取白底长图、5 列网格、同一组图标多套换色、中文标签和简洁几何切片等通用方法，不复刻具体图标、品牌、文字或版式坐标。 ## 工作流 1. 提取海报标题、产品主题、使用场景、图标数量、功能清单、配色方案、网格规格、标签语言和画幅比例。 2. 信息不足时默认：10 枚图标、5 列×2 行、3 套配色、纯白背景、竖版 4:7。 3. 先定义一套黑白主图形骨架，再复制为多套配色；各配色组只能替换颜色，不能改变轮廓、组件、比例、方向或图标语义。 4. 输出通用变量提示词和 6 条可直接使用的行业案例，每条都放入独立的 `text` 代码块。 5. 标签视为后期排版信息位，提醒用户在正式交付前人工替换和校对。 ## 推荐填写 - `{{海报标题}}` - `{{产品主题}}`、`{{使用场景}}` - `{{图标数量}}`、`{{功能图标清单}}` - `{{配色方案1}}`、`{{配色方案2}}`、`{{配色方案3}}` - `{{网格规格}}`、`{{标签语言}}` - `{{背景色}}`、`{{画幅比例}}` ## 默认图标清单 当用户未提供清单时，采用以下 10 枚数字产品功能图标： 1. 直播：摄像机与播放点。 2. 赛事：奖杯、星形与短翼。 3. 社区：环形星球与连接轨迹。 4. 游戏：折叠卡片、闪电与星形。 5. 我的：头像、眼镜与个性装饰。 6. 对战：交叉结构、能量光与对称火花。 7. 钱包：卡包、卡片与圆形按钮。 8. 宝典：书册、书脊与信息标签。 9. 奖励：奖牌、星形与顶部挂带。 10. 等级：盾牌、下落箭头或等级勾号。 ## 视觉硬规则 - 每套配色展示完全相同的图标清单，顺序、网格位置和中文标签一致。 - 所有图标使用同一视觉语法：无描边或极少描边、圆角几何切片、2 至 4 个色块、轻微错层、正面视角。 - 图标轮廓要简洁，缩小到导航栏尺寸仍可识别；禁止写实物体、复杂纹理和细碎装饰。 - 黑色或深色只用于结构锚点和识别焦点，面积控制在每枚图标的 15% 至 35%。 - 图标光学尺寸一致，视觉重心居中，每格四周留白相同。 - 每套图标采用 `{{网格规格}}`；图标在上、中文功能名在下，标签与图标保持固定间距。 - 配色组之间使用极浅灰水平分割线和大面积留白，不添加卡片底、渐变背景或复杂装饰。 - 最底部安全区域加入低对比度、小尺寸“数字游民 Tomda”作者标识。 ## 多配色一致性 生成时必须先锁定母版图形，再执行换色： - 配色方案 1：高识别暖色，例如金黄、琥珀橙、深咖黑。 - 配色方案 2：理性冷色，例如雾蓝、冰蓝、深蓝黑。 - 配色方案 3：亲和中性色，例如杏桃、浅棕、深巧克力。 - 三套配色中，同一位置的图标必须像同一个 SVG 图标仅替换了色值。 - 不允许第二、第三套重新设计图标，不允许增加、删除、旋转或镜像组件。 ## 长图结构 1. 第一组图标位于顶部，采用 `{{配色方案1}}`。 2. 第一条浅灰分割线后展示第二组，采用 `{{配色方案2}}`。 3. 第二条浅灰分割线后展示第三组，采用 `{{配色方案3}}`。 4. 每组均使用相同的 `{{网格规格}}` 和相同功能顺序。 5. 页面不必设置大标题；若用户需要标题，只在最顶部加入小型规范标题，不挤压图标区。 ## 输出规范 按以下顺序输出： 1. `视觉拆解`：3 至 5 条。 2. `建议填写`：仅列出缺失变量。 3. `通用生图 Skill`：完整变量提示词，置于 `text` 代码块。 4. `直接可用示例 1` 至 `直接可用示例 6`：每条完整独立，分别置于 `text` 代码块。 5. `使用提醒`：说明文字后期校对与多套图标一致性检查。 ## 通用提示词模板 ```text 生成一张「{{海报标题}}」原创多配色扁平功能图标系统展示板，产品主题为「{{产品主题}}」，用于「{{使用场景}}」。竖版 {{画幅比例}} 长图，{{背景色}}纯色背景，大面积留白，像专业 UI 图标规范页，不对应任何现有产品、平台或品牌。 图标母版： 先设计一套包含 {{图标数量}} 枚图标的统一母版，功能清单为：{{功能图标清单}}。所有图标使用正面视角、无描边或极少描边、圆角几何切片、2 至 4 个主要色块和轻微错层结构；轮廓简洁、视觉重心稳定、缩小到导航栏尺寸仍然清楚。 第一配色组： 页面顶部按照 {{网格规格}} 排列完整图标母版，配色使用「{{配色方案1}}」。每格图标位于上方，下方放置{{标签语言}}功能标签，图标尺寸、基线、标签间距和四周留白一致。 第二配色组： 使用一条极浅灰水平分割线隔开，在中部再次按照相同网格、相同顺序展示完整图标母版，配色替换为「{{配色方案2}}」。只能替换色值，图标轮廓、组件、比例、方向、位置和语义必须与第一组完全一致，效果像同一批 SVG 图标的主题换肤。 第三配色组： 再次使用极浅灰水平分割线隔开，在下部展示第三套完整图标，配色替换为「{{配色方案3}}」。继续严格沿用第一组母版，不重新设计，不增加或删除任何组件。 视觉规范： 深色只作为结构锚点和识别焦点，占每枚图标约 15% 至 35%；彩色用于主体和动作提示。整张图不使用图标卡片底、不使用渐变大背景、不使用写实材质、复杂光影或三维透视。所有组保持相同光学尺寸与网格节奏。 画面要求： 原创 UI 扁平图标设计、品牌主题换肤展示、精准网格、高清 4K、边缘清楚、商业设计规范感。标签作为后期替换的信息位。底部安全区域加入低对比度、小尺寸“数字游民 Tomda”作者标识。 避免： 现有 App 图标、游戏平台标志、赛事 Logo、第三方图标包复刻、受保护角色、同组图标重复、不同配色组造型漂移、图标数量不一致、组件增减、写实摄影、厚重 3D、复杂阴影、图标卡片底、密集说明文字、中文乱码、二维码和其他水印。 ``` ## 检查清单 - 每组图标数量等于 `{{图标数量}}`。 - 每套网格和功能顺序完全一致。 - 同一功能图标只换颜色，不换形状。 - 每格标签、尺寸、基线和留白一致。 - 不出现现有产品图标、Logo 或第三方素材。 - 作者标识位于安全区域且不干扰主体。 ## 权利与安全边界 - 仅借鉴多主题换色、扁平几何和网格展示方法，不复刻参考图具体图标和文字。 - 图标、功能符号、配色比例和组合关系必须原创。 - 本 Skill 只输出文本提示词，不包含可执行代码、外部接口或用户数据处理。