企业级绿色插画图标组件库

# 企业级绿色插画图标组件库 ## 目标 将用户提供的行业、业务模块与品牌配色，整理成一张可用于产品设计规范展示的企业级插画图标组件库长图。输出必须体现同一视觉系统中的大型场景插画、中型业务插画、小型状态图标与抽象概念符号，而不是若干互不相关的图标拼盘。 ## 使用流程 1. 识别用户给出的行业、产品类型、业务模块、品牌色和页面比例。 2. 若信息不完整，优先使用本 Skill 的默认值直接生成，不因缺少次要字段中断任务。 3. 将业务对象分配到大型、中型、小型与概念型四个层级，避免同一对象重复出现。 4. 统一几何母体、圆角、描边、明暗层级、人物比例和投影方向。 5. 对需要表达状态的图标，输出“品牌彩色正常态 + 冰灰色禁用态”成对方案。 6. 最终给出一段完整中文生图提示词；用户要求方案扩展时，再从案例库中选取或改写。 ## 推荐填写 - 系统名称：`{{系统名称}}` - 行业主题：`{{行业主题}}` - 产品定位：`{{产品定位}}` - 品牌主色：`{{品牌主色}}` - 辅助色：`{{辅助色}}` - 页面背景：`{{页面背景}}` - 大型插画模块：`{{大型插画模块}}` - 中型业务模块：`{{中型业务模块}}` - 小型状态模块：`{{小型状态模块}}` - 概念符号模块：`{{概念符号模块}}` - 状态组合：`{{状态组合}}` - 标签语言：`{{标签语言}}` - 画面比例：`{{画面比例}}` ## 默认值 - 系统名称：企业服务插画组件库 - 行业主题：企业云服务与后台管理 - 产品定位：专业、轻量、可信赖、易理解 - 品牌主色：薄荷绿与青绿色 - 辅助色：冰川蓝、浅灰蓝、深墨绿 - 页面背景：极浅灰蓝 - 大型插画：10枚 - 中型插画：12枚 - 小型图标：24枚，其中12组正常态与灰态配对 - 概念符号：24枚 - 标签语言：中文主标签 + 小号英文辅助标签 - 画面比例：竖版长图，约1:3至1:4 ## 固定页面结构 ### 1. 顶部导航与说明 - 顶部使用白色细窄导航栏，左侧放原创文字标识，右侧留轻量功能入口。 - 导航下方设置浅蓝信息提示条，用于说明组件库使用方式。 - 不使用现有公司、平台或开源项目的名称、Logo与界面截图。 ### 2. Large 大型号 - 采用4列卡片网格，展示8至12枚大型场景插画。 - 每张卡片包含一枚主插画、英文功能名和中文释义。 - 内容适合异常页、空状态页、无权限、维护中、网络异常、服务错误等复杂状态。 - 插画由2至4个几何物件组合，可包含简化人物、设备、锁、服务器、云、警示符号。 ### 3. Medium 中型号 - 采用4列卡片网格，展示8至12枚中型业务插画。 - 内容适合项目管理、角色权限、资源分配、组织关系、任务监控、认证结果等模块。 - 构图比大型插画更紧凑，保留一个主物件和一至两个辅助物件。 ### 4. Small 小型号 - 采用6列卡片网格，展示20至36枚小型状态图标。 - 优先将同一语义做成正常态与灰态相邻配对。 - 正常态使用品牌绿，禁用态使用浅灰蓝；轮廓、比例与内部结构必须完全一致。 - 每张卡片保留中文名称与小号英文名称，不出现长段说明。 ### 5. Icon 概念型 - 采用6列网格，展示18至30枚抽象概念图标。 - 通过圆、方块、三角、胶囊形、叠层、负空间表达云、数据、安全、连接、地球、焦点、身份、安装等概念。 - 与前面三档共享相同颜色、圆角、几何语言和视觉重量。 ## 视觉规则 - 风格：现代企业级扁平矢量插画，轻几何、轻体积、少量叠层，不做写实3D。 - 色彩：主色占60%，浅灰蓝占25%，深色强调占10%，提示色不超过5%。 - 卡片：纯白圆角矩形，统一内边距，可有极轻阴影或无阴影。 - 网格：同一分区尺寸一致、列距一致、基线一致，页面上下留白充足。 - 描边：尽量无描边；确需描边时使用统一细线，不混用粗细。 - 投影：仅允许非常轻的柔和投影，方向与模糊半径统一。 - 人物：仅使用简化、无明确身份的成年人物符号，不描绘真实人物。 - 标签：文字短、清楚、结构化；模型文字能力不足时优先保证图标、网格和标题区域清晰。 - 作者标识：页面底部安全区域加入低对比度、小尺寸“数字游民 Tomda”，不遮挡组件。 ## 输出规范 输出一段可直接复制的完整中文提示词，必须包含：主题、四级目录、图标数量、卡片结构、状态配对、色彩、标签、比例、质量要求、负面约束和作者标识。除非用户明确要求，不要输出图片分析过程。 ## 通用提示词模板 ```text 生成一张「{{系统名称}}」企业级插画图标组件库规范长图，行业主题为「{{行业主题}}」，产品定位为「{{产品定位}}」。竖版超长网页式画布，比例{{画面比例}}，{{页面背景}}背景，顶部白色导航栏与浅蓝信息提示条，以下按照 Large 大型号、Medium 中型号、Small 小型号、Icon 概念型四个区域纵向排列。 大型号区域采用4列白色圆角卡片，展示{{大型插画模块}}，共8至12枚复杂场景插画；每枚由主物件、辅助物件与少量环境几何块组成，适合异常页、空状态页和系统反馈。中型号区域采用4列卡片，展示{{中型业务模块}}，共8至12枚紧凑业务插画。小型号区域采用6列卡片，展示{{小型状态模块}}，共20至36枚，其中{{状态组合}}必须成对相邻，彩色态与灰态保持完全相同的轮廓和比例。概念型区域采用6列卡片，展示{{概念符号模块}}，以圆形、方块、胶囊形、三角形、叠层和负空间构成抽象符号。 统一使用{{品牌主色}}为主色，{{辅助色}}为辅助色，白色卡片、极浅阴影、统一圆角、统一内边距、精准网格和清晰基线。整体为现代企业级扁平矢量插画，轻几何、轻体积、少量透明叠层，不做复杂3D。标签使用{{标签语言}}，文字短小、层级清楚。高清4K，界面规范页质感，适合作为设计系统、后台产品、组件库和品牌视觉手册展示。 避免现有公司名称与Logo、照搬现有图标库、卡片尺寸混乱、图标风格不一致、灰态轮廓变化、复杂渐变、厚重投影、写实人物、过多文字、乱码、低清、拥挤和重复符号。页面底部安全区域加入低对比度小号“数字游民 Tomda”作者标识。 ``` ## 直接可用案例 ### 案例1：云计算运维状态组件库 ```text 生成一张“云桥企业云运维插画组件库”网页式规范长图，竖版1:3.5，极浅灰蓝背景。顶部为白色导航栏和浅蓝使用说明条，下方依次排列 Large、Medium、Small、Icon 四级目录。Large区域用4列白色圆角卡片展示10枚大型状态插画：地域不可用、服务未激活、服务器异常、无访问权限、维护中、网络中断、浏览器不兼容、建设中、页面丢失、音视频故障。Medium区域展示项目编排、实例管理、资源分组、权限分配、角色授权、任务监控、组织管理、认证成功、认证失败、资源调度、日志分析、告警中心。Small区域展示云主机、数据库、账单、合同、文件、消息、订单、人员、服务、资源、监控、通知的彩色正常态与冰灰禁用态配对。Icon区域展示云、数据、安全、连接、地球、焦点、身份、安装等24枚抽象符号。 使用薄荷绿、青绿色、冰川蓝、浅灰蓝与少量深墨绿，现代企业级扁平矢量插画，轻几何叠层，统一圆角、视觉重量、留白和图标基线。中英双语短标签，高清4K。避免现有云厂商Logo、写实服务器、复杂3D、强阴影、乱码和重复图标。底部加入低对比度小号“数字游民 Tomda”。 ``` ### 案例2：数据中台资源管理组件库 ```text 生成一张“澄数数据中台资源管理插画组件库”超长规范页，竖版1:4，冷白与浅雾蓝页面背景，白色卡片分区。Large区域展示数据源未连接、采集任务失败、计算资源不足、接口无权限、数据同步中、数据质量异常、存储空间不足、报表为空、查询超时、版本升级中。Medium区域展示数据目录、指标管理、数据血缘、任务编排、权限申请、数据脱敏、标签管理、质量监控、资源配额、API管理、元数据管理、审计日志。Small区域将数据表、字段、文件、节点、队列、脚本、报表、看板、告警、用户、密钥、连接器制作成品牌彩色态与灰蓝禁用态配对。概念区用网格、节点、波纹、数据库圆柱和负空间生成24枚数据符号。 主色为翡翠绿与湖水青，辅助色为冰蓝、浅灰和少量柠檬黄提示色；扁平几何矢量、轻透明叠层、无厚重阴影，4列与6列网格严格对齐，中文主标签加小号英文。避免照搬任何数据平台、密集代码、细碎线条、文字乱码和卡片错位。底部安全区加入“数字游民 Tomda”。 ``` ### 案例3：企业项目协作组件库 ```text 生成一张“协作方舟企业项目管理插画组件库”网页式长图，竖版1:3.5，浅灰蓝背景。大型号展示项目未创建、成员未加入、任务逾期、里程碑完成、文件上传失败、会议连接异常、项目归档、审批被驳回、无查看权限、服务维护中；中型号展示项目看板、任务清单、甘特图、团队角色、日程、审批流、文件协作、评论消息、工时统计、项目风险、资源排期、成果交付；小型号把项目、任务、日历、成员、文件、评论、附件、时间、标签、筛选、搜索、通知做成绿彩正常态与浅灰禁用态成对组件；概念型区域展示协作、连接、进度、目标、团队、流程、同步等抽象图形。 采用青绿、薄荷绿、柔和蓝灰与少量暖黄色，白色圆角卡片、精准模块化网格、轻量企业扁平插画。图形友好但不过度卡通，所有人物为无身份的简化成年人物。避免现有协作软件Logo、界面截图、复杂表格、强投影、重复语义和乱码。页面底部加