跳转到使用指南
Illustration Style作者 Owl-Listener

Illustration Style Skill.

让委托创作或反复使用的插画拥有统一的视觉语言,并在界面中发挥明确作用。

  • 用户体验
  • 设计指南
来源审查 · Illustration StyleSKILL.md
任务 用户体验 产出 • 插画视觉语言指南 • 配色、角色和可复用元素规则 • 针对具体情境的应用与无障碍指南 开始之前 需要一个能够检查视觉参考、产品配色以及插画将出现的界面和尺寸的智能体。
编辑摘要 · 已审查来源 2026-10-07 · 非生成示例

01 功能说明

Illustration Style:定义视觉语言

定义一组插画的视觉风格、配色、角色及其在产品界面中的使用方式。

基于来源的工作流程并非执行基准测试

工作方法

Illustration Style 规定一组插画应呈现怎样的视觉效果,以及适用于哪些场景。它涵盖几何形态与有机形态、扁平表现与立体表现、细节程度、抽象程度和线条风格。

来源将这种视觉语言与产品配色、可选的角色规则,以及主视觉、空状态、引导流程和错误等不同情境联系起来。它还要求提供可复用元素和创作指南。这是一份艺术指导规范,并非图像生成模型或成品素材包。

预期交付成果

  • 插画视觉语言指南
  • 配色、角色和可复用元素规则
  • 针对具体情境的应用与无障碍指南
查看示例简报

从简报到审查

  1. 01
    定义风格维度

    通过具体参考确定形态、维度、细节、抽象程度和线条处理方式。

  2. 02
    设定系列规则

    限制配色范围,定义阴影或渐变,并仅在相关时添加角色指南。

  3. 03
    规划应用场景

    说明主视觉、点缀插画、空状态插画和其他插画在尺寸与用途上的差异。

02 适用场景

适用时机

在委托创作一系列插画之前使用;当现有产品插画需要统一的视觉方向时也可使用。

适合的场景

  • 委托创作系列插画为参与创作的人员提供足够的约束,使其能够创作出风格关联的作品。
  • 产品图像不一致统一各插画系列,同时不强迫每种情境采用完全相同的构图。

需要检查的限制

  • 并非图像生成器文档规定的产出是指南;成品插画需要单独的创作流程。
  • 并非图标标准小型符号化界面图标有独立的系统规范。

请提供这些输入

  • 品牌参考提供产品配色和已获认可的视觉示例。
  • 应用清单列出插画出现的界面及其尺寸。
  • 内容需求明确概念、角色和代表性要求。

03 关键决策

关键决策

  1. 在多样性中保持一致

    统一的视觉语言可以支持多种插画类型,而不必重复同一个场景。

  2. 有目的地放置

    使用规则说明插画何时能发挥作用,以及何时会沦为不必要的装饰。

04 示例任务

尝试聚焦的简报

以下示例简报尚未经过测试。使用前请检查该技能的设置。

检查设置

从 designer-skills 代码仓库将此任务的 SKILL.md 加载到智能体支持的技能位置。入口文件未规定通用的安装命令。

上游源文件
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ui-design/skills/illustration-style/SKILL.md

提供已获认可的视觉参考,以及插画将出现的位置。该技能生成艺术指导指南,而非成品图像。

从一项交付成果开始

运行该技能之前,请调整此简报中的范围、来源材料和约束。

示例简报
使用 illustration-style 为我们的用户引导和空状态插画编写指南。定义形状、维度、细节、线条和配色规则;在出现角色时,纳入深色变体和代表性指南。规定显示尺寸检查和文本替代方案,但不要声称已生成素材。

检查结果

按照以下可观察的标准检查实际输出。

  • 风格决策足够具体,可供其他插画师执行。
  • 每种应用都有尺寸和用途指南。
  • 重要信息并非仅通过图像传达。

OpenDesign 为编程智能体提供本地设计工作区。此条目并不表示该技能已内置,也不表示其中包含其外部工具、凭据和软件依赖项。

05 来源与许可证

来源与许可证

本页介绍下方链接所指向的固定来源修订版本。上游行为和要求可能发生变化。

来源所有者
Owl-Listener
许可证
MIT
已审查的快照
2026-10-07 · 9a6930cf84a8
编辑来源摘要
定义一组插画的视觉风格、配色、角色及其在产品界面中的使用方式。

由 OpenDesign 根据所链接来源撰写的原创摘要。代码仓库星标数是带日期的受欢迎程度信号,并不代表技能使用量或质量评分。

06 开始前的问题

开始前的问题

它会生成成品插画吗?

不会。它生成风格指南;成品插画需要单独的创作流程。

每种风格都必须使用角色吗?

不是。角色规则明确为按条件适用。

主视觉插画和空状态插画应该完全相同吗?

它们可以共享一种视觉语言,同时遵循不同的尺寸和信息传达要求。

OpenDesign

为下一轮设计迭代留出空间。

在本地工作区中集中保存简报、来源材料和设计工作。将该技能加入工作流程之前,请检查其自身的设置要求。

上游源文件
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ui-design/skills/illustration-style/SKILL.md