ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

ppt-master 的 sketch-notes 渲染风格:手绘笔记式 AI 图片的风格规范与提示词实战

ppt-master 的 sketch-notes 渲染风格:手绘笔记式 AI 图片的风格规范与提示词实战 ppt-master 的 sketch-notes 渲染风格手绘笔记式 AI 图片的风格规范与提示词实战【免费下载链接】ppt-masterAI turns documents or topics into real, native PowerPoint decks—with native shapes, transitions and animations,>项目地址: https://gitcode.com/GitHub_Trending/ppt/ppt-master本文围绕 ppt-master 仓库中的 sketch-notes 渲染风格参考文件讲解这种暖纸底 手绘线条 柔和彩块的视觉风格如何被定义、如何与 Deck 颜色锚点结合以及如何经由image-generator的提示词组装流程落地为一张实际生成的图片。读完后你将能够复现 sketch-notes 风格的提示词组装过程理解渲染风格在整个 AI 图片生成管线中的位置并知道如何借助仓库内的对照实验样本验证风格效果。一、Rendering 是什么sketch-notes 在风格目录中的位置在 ppt-master 的图片生成体系中Rendering渲染风格是一个视觉风格族描述一张图怎么画线条质量、纹理、纵深、材质与情绪。仓库在 image-renderings/_index.md 中确立了三条基本原则一个 Deck 只锁定一个渲染风格Lock one rendering per deck同一份演示文稿里的所有 AI 图片共享它不允许在图片之间切换风格Rendering 文件中不含 HEX 值。风格只决定画法颜色一律来自 Deck 自身的核心颜色锚点spec_lock.md的colors段由提示词组装时把身份角色替换进当前 Deck 的锚点再按渲染风格推导协调的色调过渡而不是另造一套图片专用色板选择是参考而非约束先解决图片的用途image jobs与视觉风格再对照目录中每一行的线条、纹理、纵深、材质、情绪做整体比较主题关键词本身不决定渲染风格。sketch-notes 属于目录中的Hand-drawn / educational手绘 / 教育组与 ink-notes纯白底、黑色墨迹、稀疏语义强调、chalkboard黑板粉笔、课堂感、paper-cut层叠剪纸并列是 20 个固定渲染风格中定位最平易近人的一个——官方一句话描述是Warm cream paper, black hand-drawn lines, pastel fills典型用途是Education / training / onboarding教育、培训、入职引导。在确认界面Confirm UI的风格目录 catalogs.json 中它同样被归入 Hand-drawn / brush手绘 / 笔触分组中文描述为暖纸底、涂鸦线条、柔和彩块。使用流程在 _index.md §3 中写得很明确读取已解析的视觉系统与 Deck 预期的 AI 图片用途 → 对照完整目录选出整体契合度最高的风格或有充分理由的custom→ 若是预设风格则只读所选中的那一个文件并按 image-generator.md §4 组装提示词。这也意味着 sketch-notes 参考文件 image-renderings/sketch-notes.md 只在 Deck 真正选用该风格时才被加载绝不 glob 整个目录。二、风格段落Style Paragraph可直接粘贴的 110 词描述参考文件的第一节是一段paste-ready可粘贴的风格段落标注为 110 词。它的作用是在最终提示词开头一次性声明整套风格基调保证模型不会退回到模型平均值式的泛化输出。原文如下Warm hand-drawn sketchnote style anchored by the decks light background and body-text roles. Lines retain the body-text character with deliberate slight wobble, never perfectly straight, giving the human-hand quality of a thoughtful teachers whiteboard. Soft color blocks derive from the primary, secondary-accent, and accent families, allowing restrained pastel tints and paper/material transitions that stay coherent with those anchors. Simple cartoon icons and small doodle decorations (stars, sparkles, dots, underlines) appear sparingly to add warmth. Composition is airy and well organized, with generous whitespace. Overall feel is instructional, friendly, and approachable.这段文字包含四个关键指令点值得逐条理解锚定 Deck 角色风格anchored by the decks light background and body-text roles——背景与正文文本角色来自 Deck 本身风格文件不指定具体颜色线条刻意不直deliberate slight wobble, never perfectly straight追求一位用心的教师的白板那种人手质感这是与 vector/flat 等矢量风格最本质的区别色块派生自三个颜色族primary / secondary-accent / accent 三个角色族派生克制的粉彩色调restrained pastel tints并与纸面/材质过渡保持协调构图留白克制装饰简单卡通图标与星星、闪光、圆点、下划线等小涂鸦* sparingly *使用整体留白充足airy气质是 instructional、friendly、approachable。三、视觉语法线条、纹理与深度的硬性约定参考文件第 2 节用一张表把风格拆解成可执行的视觉语法这也是组装提示词时最需要复述的部分维度sketch-notes 的处理Line quality线条质量手绘黑色墨水带轻微抖动中等线宽且均匀Texture纹理奶油色背景上 8–12% 透明度的细腻纸张颗粒Depth纵深扁平——sketchnote 刻意保持 2DMaterial材质纸 墨水 粉彩块手绘过线涂色感Mood情绪温暖、教学向、友好几个细节在提示词层面直接影响出图质量纸张颗粒 8–12% 透明度这是一个明确的量化约定太低的颗粒感会让画面像普通扁平插画过高则喧宾夺主刻意 2D 扁平sketch-notes 与 3d-isometric、glassmorphism 这类带体积/景深的风格划清界限提示词里不应出现投影、等轴测、玻璃质感等描述hand-painted overshoot手绘过线粉彩填充色块不严格贴合轮廓线略微溢出模拟马克笔涂色的手绘痕迹——这是第 4 节 fewshot 片段里 Color fills do not completely reach their outlines 的出处。从源码结构看这一渲染风格还有它的姊妹篇——SVG 页面侧的配套视觉风格 visual-styles/sketch-notes.md。两者分工明确image-rendering 管AI 位图怎么画visual style 管原生 SVG 页面怎么排圆角抖动形状、波浪箭头、涂鸦装饰、手写体标题气质等。visual style 文件第 5 节明确写着 Paired image-rendering 就是sketch-notes且两者共享同一套暖纸 手绘 粉彩的亲和气质。一个选用 sketch-notes 的 Deck其页面排版与 AI 图片会因此保持同一语言体系。四、使用 Deck 的 HEX以角色为锚派生而非替换参考文件第 3 节规定 sketch-notes 的取色纪律。它天然倾向暖纸、深墨与柔和色块因此要求把 Deck 角色作为身份锚点再上下文化地派生纸面暖调与粉彩块而不是造出一套无关色板用途取值规则纸面背景从background或secondary_bg出发在保持 Deck 身份与对比度的前提下允许一层微妙的上下文化纸面色调墨水线条使用 Deck 的body_text角色色块从 primary / secondary-accent / accent 三个族派生克制的粉彩色调单一强调色Deck 的 accent HEX仅用在 1–2 处强力点缀一个关键箭头、一个被强调的涂鸦结合 _index.md 的Core deck identity has precedence规则这条纪律的边界是单个渲染文件里的任何示例 HEX 都只是历史说明性文字提示词组装时会用当前 Deck 锚点替换身份角色当某个派生色调在多页中成为可复用语义角色时应提升为命名锁行named lock row而不是散落在提示词里。换句话说同一份 sketch-notes 规范套在藏青 金的咨询风 Deck 上会得到藏青墨水套在绿色系 Deck 上会得到墨绿线条——风格不变身份跟随 Deck。五、Fewshot 提示词片段半页教学概念图参考文件第 4 节提供了一条可复用的 fewshot 片段Snippet A标注为half-page educational concept, text_policy: embedded这是该风格最典型的落地形态——一张 600×600 的半页教学概念图Warm hand-drawn sketchnote anchored by the deck background. Lines use the body-text family with slight wobble and define three rounded rectangle info boxes arranged in a soft triangle. The top box derives from primary, the bottom-left from secondary accent, and the bottom-right from accent; each uses a restrained pastel tint coherent with its anchor. Color fills do not completely reach their outlines (slight hand-painted overshoot). Hand-drawn wavy arrows connect the boxes, each with a brief inline keyword such as leads to, becomes, or supports (≤2 words). Each box contains one simple hand-drawn cartoon icon — a lightbulb, a plant, a gear. Small doodle decorations appear sparingly. Composed as a 600×600 half-page block with 14% inner padding and generous whitespace.这条片段本身就是一份微观教程把前面三节的规则全部压缩进了可执行描述三个信息框分别派生自 primary / secondary-accent / accent 三个锚点第四节取色规则的直接应用、色块未完全触及轮廓第三节的过线感、波浪箭头内联关键词限制在 2 词以内、每框一个卡通图标、14% 内边距与充足留白第二节的 airy 构图。text_policy: embedded表明图内允许出现稳定文字如箭头上的 leads to但按 image-generator.md §5.3 的两层文字归属原则这类文字必须是永远不需要再编辑的内容所有标题、正文、数据点仍然留在 SVG 层。六、从风格文件到最终提示词组装流程sketch-notes 参考文件不是被整体塞进模型的而是按 image-generator.md §4 的模板拆散重组。组装模板为[渲染风格段落 —— 所选渲染文件的 80–120 词风格描述]。 [Deck 颜色行为 —— 核心锚点及上下文化色调处理例如 secondary background #F8F9FA 提供呼吸场域primary #1E3A5F 承载主体形态 accent #D4AF37 标记一处强调细腻的明暗材质过渡保持同一视觉族]。 [构图 —— 来自所选类型文件或 §4.1 的散文描述]。 [图片专属主题 —— 该行 Reference 意图转化为具体视觉名词]。 [容器说明 —— composed as a {W}x{H}px image for {page_role} use…]。 [硬性规则 —— §5]。其中第一项就是 sketch-notes 参考文件第 1 节的那段 110 词风格段落整篇提示词预算 150–300 词含文字的图片更长纯背景更短明确禁止 tag-soupmodern, flat design, gradient, vibrant… 这种标签堆砌会产生模型平均输出。生成前还要追加 §5 的全局硬规则与 sketch-notes 最相关的是HEX 是渲染指导而非文字§5.1模型偶尔会把色名和 HEX 值画成可见标签因此要逐字追加一句Color values (HEX codes like #1E3A5F) and color names are rendering guidance only — do NOT display HEX codes, color names, or palette labels as visible text手绘风格的字体回声§5.3sketch-notes 属于 Sketch/ink renderings 家族图内文字的回声描述应为hand-lettered organic strokes, natural variation人物绘制跟随所选渲染§5.2面部细节、解剖、纹理、写实度都应与手绘风一致即简洁卡通轮廓而非照片级细节。七、仓库内的实证对照实验集里的 sketch-notes 样本仓库自带了一套 20 风格对照实验 ai-image-comparison/rendering/_manifest.json可以直观验证 sketch-notes 的实际出图效果。该实验集的受控变量设计见 _subject.md固定主题一位自信的专业人士站在上升增长图表旁面向前方单主体占画面 60–70%§4.1 Primitive A 英雄构图固定色板cool-corporatesecondary 米白#F8F9FA占 60–70% 呼吸场域primary 深藏青#1E3A5F承载主体accent 金#D4AF37点缀 5%固定画幅 16:9逐风格替换渲染段落。其中 sketch-notes 一项的实际生成提示词恰好是本文第四节取色规则的完整演示Hand-drawn sketch-notes style on warm cream paper background, black ink outlines with slight wobble, pastel color fills with slight hand-painted overshoot beyond edges, organic hand-lettered feel, doodle aesthetic. Subject: a confident professional figure hand-drawn beside an upward growth chart sketched as a doodle with arrows and small annotation marks. … Color behavior is restrained-corporate sketched: cream paper field #F8F9FA dominates (about 65%); primary deep navy #1E3A5F carries the main ink linework and dominant figure (about 28%); accent gold #D4AF37 appears as one highlighted hand-drawn arrow or doodle decoration totaling under 7%. No fourth color. 12–20% inner safe-zone padding. No embedded text or hand-lettered words visible.注意这条提示词如何落实前文所有约定奶油纸面、抖动的墨线、过线粉彩块三个风格特征全部显式写出色块面积比例65% / 28% / 7%给出量化约束结尾同时声明无第四色与无可读嵌入文字对应该样本text_policy为 none与参考文件的 embedded 片段形成互补示范。生成结果即本文开头的 sketch-notes.png与同集其他 19 张并排比较时手绘线、纸面材质与温暖亲和情绪的差异一目了然——这正是 _subject.md 建议的读法扫看全部 20 张聚焦线条质量、表面材质、情绪气质三个维度。八、执行链路风格如何进入生成管线sketch-notes 选定后它在工程链路中的位置是锁定风格选择结果以image_rendering: sketch-notes的形式记录在spec_lock.md的 colors 段Default 流程或由 Agent 在 Quick 流程中解析后写入仓库自带的 workshop-teaching 风格模板 就是一个真实用例——它的 Preferred Image Rendering 与 Preferred Visual Style 均指定为 sketch-notes因为工作坊式教学场景与该风格的教学向、友好气质天然契合清单image-generator.md §6 要求写project/images/image_prompts.json清单顶层字段deck_rendering就是 sketch-notescolor_scheme携带 background / secondary_bg / primary / accent / secondary_accent / body_text 六色锚点每个items[]携带组装好的完整段落提示词、page_role、text_policy、aspect_ratio、image_size与status执行配置了IMAGE_BACKEND时走 Path A——python3 scripts/image_gen.py --manifest project/images/image_prompts.json --output project/images见 image_gen.py带并发地逐条生成并原子写回状态中断安全未配置则走宿主原生图片工具Path B或离线手动模式。后端细节与.env查找顺序见 scripts/docs/image.md迭代对不满意的图按 §8 的单维调整原则只改负责的那个维度再重跑——风格族跑偏就把渲染段落重新放回段首重述颜色偏离 Deck 就重申哪些角色拥有场域、形态与强调色图中出现乱码文字就补强 §5.3 的none提示词。九、适用场景与使用边界适合的场景教育课件、内部培训、入职引导、科学传播与知识型内容——一切温暖与亲和比企业级精确更重要的场合。仓库中 workshop-teaching 风格模板选择它正是看中这一气质。需要守住的边界风格按 Deck 锁定不得在同一份 Deck 内混用其他渲染风格hero_page封面图也不例外见 image-generator.md §9 的禁止清单Rendering 与 Visual Style 是两个独立维度sketch-notes 渲染管位图画法SVG 页面的形状语言、排版与图标由对应 visual style 管辖两者在仓库中成对出现但各自成文参考文件中的风格段落、HEX 用法与 fewshot 片段是风格规范不是完整提示词真实使用时必须按 §4 模板拼上当前 Deck 的颜色行为、构图、主题与硬性规则后再进入生成管线若需要更冷峻的手绘气质纯白底、近单色墨水应选 ink-notes需要课堂黑板感选 chalkboard选择逻辑始终以 _index.md §2 的决策维度表为准而不是行业关键词的直觉匹配。【免费下载链接】ppt-masterAI turns documents or topics into real, native PowerPoint decks—with native shapes, transitions and animations,>项目地址: https://gitcode.com/GitHub_Trending/ppt/ppt-master创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表