ARTICLE DETAIL

资讯详情

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

OfficeCLI 教育向 Morph 设计实战:Bloom Academy 分层软边缘有机 Blob 风格

OfficeCLI 教育向 Morph 设计实战:Bloom Academy 分层软边缘有机 Blob 风格 CLIAI 应用MCP 服务【免费下载链接】OfficeCLIOfficeCLI is the first and best Office suite purpose-built for AI agents to read, edit, and automate Word, Excel, and PowerPoint files. Free, open-source, single binary, no Office installation required.项目地址https://gitcode.com/GitHub_Trending/of/OfficeCLI点击查看免费下载Bloom Academywarm--bloom-academy是 OfficeCLI Morph-PPT 技能中 52 套参考风格之一专为教育、在线学习、儿童内容与趣味品牌场景设计。本文以该风格的 style.md 为骨架结合 morph-ppt 技能 中的 Morph 机制与 OfficeCLI 源码中softedge属性的底层实现讲解如何用三层软边缘技术绘制有机 blob 背景、叠加图标徽章与点缀元素并借助形状命名配对完成跨页流动的 Morph 动画。读完后你将掌握一套可直接复用的教育向有机风 Morph 幻灯片构建方案。风格定位与适用场景设计意图Bloom Academy 的核心是教育化的有机感用有机 blob 椭圆organic blob ellipses配合分层软边缘技术layered soft-edge technique在页面中铺出柔和、亲切、富有生命力的视觉基调。软边缘soft edge / 柔化边缘让深色底层像晕染开的气泡而中间层保持清晰锐利从而在柔和与可读之间取得平衡。该风格在风格库中的定位可从 INDEX.md 得到确认场景Scenario教育、在线学习e-learning、儿童内容、趣味品牌Education, e-learning, childrens content, playful branding情绪Mood俏皮、教育感、有机、友好Playful, educational, organic, friendly基调Tone温暖的教彩色系Warm educational colors风格库归类Warm 暖色系Primary hex列为-表示该风格仅提供style.md设计说明没有独立 build 脚本INDEX.md 明确标注- style has onlystyle.md。在 INDEX.md 的按用途速查表中warm--bloom-academy被列入Education / Training / Courseware推荐组合同组还有light--training-interactive、warm--playful-organic、vivid--candy-stripe因此当用户需求落在课程课件、教学演示、儿童教育品牌等主题时可以直接命中该风格。与同族风格的关系warm--playful-organic同为教育/儿童友好方向采用暖奶油底#FFF8E7 珊瑚#FF8A65 黄#FFD54F 青#4DB6AC的点缀色并定义 6 页幻灯片骨架hero → statement → pillars → evidence → comparison → cta见 warm--playful-organic/style.mdwarm--earth-organic同用有机椭圆但强调叶片、卵石、种子场景元素表8 个带预设、填充色、透明度、典型尺寸的场景演员见 warm--earth-organic/style.mddark--aurora-softedge同用外层大软边缘、内层锐利的分层技巧但面向暗色极光视觉软边缘公式为base ellipse softedge radius × 2.5pt见 dark--aurora-softedge/style.md。Bloom Academy 与它们的差异点在于软边缘只给最深的背景层Layer 0中景与前景一律不加并叠加图标徽章icon badges、圆点dots、饼片pie pieces这类活泼的小元素。核心技术三层软边缘哲学Layered Soft-Edge PhilosophyBloom Academy 的技术骨架是三层的有机 blob 叠放。文档给出了严格的软边缘分配规则层级角色软边缘softedge设计目的Layer 0最深背景deep bgavg_radius × 5pt最大软边缘大范围柔和晕染制造远、虚、氛围Layer 1中景mid无软边缘crisp清晰的剪影对比保持主体可辨识Layer 2前景foreground无软边缘内容承载层锐利聚焦公式中avg_radius指该 blob 椭圆的平均半径即(width/2 height/2) / 2或近似(width height) / 4。也就是说软边缘半径与形状自身尺寸成正比——越大的背景 blob 模糊越重小元素则保持锋利。这与 dark--aurora-softedge 的radius × 2.5pt属于同一比例驱动思路但 Bloom Academy 系数更高×5pt晕染更充分符合教育场景的柔和气质。源码印证softedge 属性的真实语义OfficeCLI 的softedge属性在形状属性层面实现核心逻辑位于 PowerPointHandler.Effects.cs 的ApplySoftEdge取值支持数字或pt后缀如softedge5或softedge5pt也支持none/false清除数值必须是有限、非负的点半径否则抛出ArgumentException无效值如负数、NaN、Infinity 会被拒绝底层写入 OOXML 的a:softEdge效果节点半径从点换算为 EMURadius radiusPt × EmuConverter.EmuPerPoint1pt 12700 EMU应用前会先RemoveAllChildrenDrawing.SoftEdge()清掉旧值确保重复设置幂等。读取方向同样完整在 PowerPointHandler.NodeBuilder.cs 中读回时以softEdge {radius / EmuPerPoint:0.##}pt的格式输出PowerPointHandler.HtmlPreview.Shapes.cs 也会把软边缘半径换算成像素参与 HTML 预览渲染。因此构建命令--prop softedgept与get读回、officecli view html预览是闭环一致的。实践中写无软边缘就是干脆不传softedge属性或传softedgenone而不是传一个极小的数——这样生成的 XML 更干净也符合文档Layer 1 / Layer 2 NO softedge的要求。场景元素系统blob、徽章、圆点与饼片在分层软边缘之上Bloom Academy 使用四类有机元素构成画面有机 blob 椭圆主体氛围形状通常用presetellipse生成大小差异明显大 blob 打底、小 blob 做点缀配合不同opacity叠加层次图标徽章icon badges承载功能语义的圆形小载体用于知识点卡片能力项等模块标记圆点dots多点散布制造节奏感和趣味性可参考 warm--playful-organic 的多色点用法暖色小圆点散落于版式边角饼片pie pieces扇形/饼形局部元素用于百分比示意或装饰性放射。这类元素的形态参考可对照同族风格的具体参数warm--earth-organic 定义了 8 个场景演员的预设、填充色、透明度与典型尺寸椭圆 6–9cm 模拟叶片、圆角矩形 5–7cm 模拟卵石、透明度 0.12–0.5见 warm--earth-organic/style.md。Bloom Academy 可沿用同样的预设 填充色 透明度 尺寸四元组思路只是把色相换成温暖的教育色。由于该风格未随附 build 脚本构建时建议遵循 INDEX.md 的明确告诫参考设计技法配色、形状、Morph 编排不要照抄坐标与尺寸——各 build 脚本的坐标是为其示例内容手工调校的直接复制会产生文字重叠与错位。正确做法是借用分层软边缘 有机 blob 点缀的技法在自己的网格pptx v2 的 33.87 × 19.05cm 12 栏网格上重新排版。让有机层动起来接入 Morph 跨页动画Bloom Academy 的 blob 层天然适合作为 Morph 的场景演员——同一命名形状在相邻页之间平滑移动、缩放、改变透明度正是本技能的核心价值。依据 morph-ppt/SKILL.md需要掌握以下机制形状命名配对PowerPoint Morph 引擎按完全相同的name在相邻幻灯片间配对形状并插值其位置/尺寸/旋转/填充/透明度。没有匹配的名字就没有动画只会静默淡入淡出。因此命名必须在add之前规划好使用三段前缀系统前缀角色生命周期本风格中的示例!!scene-*背景/装饰贯穿全片设置一次通过改位置/尺寸制造运动极少 ghost!!scene-blob-deep、!!scene-blob-mid、!!scene-dot!!actor-*内容/前景随章节演进在 N 页引入、N1 页演化、退场页 ghost 到x36cm!!actor-pie、!!actor-badge#sN-*单页内容标题、正文、图注每页新建N1 页 ghost 到x36cm#s1-title、#s2-kpi以 Bloom Academy 为例!!scene-blob-deep承载最大软边缘的最深背景 blob跨页缓慢移动缩放!!scene-blob-mid保持 crisp 无软边缘作中景轮廓移动标题、正文走#sN-*每页重建。命名冲突红线!!scene-*与!!actor-*不得同名如!!scene-card!!actor-card否则 Morph 引擎会混淆应拆为!!scene-card-bg/!!actor-card-content。应用 Morph 过渡在创建或修改幻灯片时设置transitionmorphFILEdeck.pptx officecli create $FILE; officecli open $FILE # 第 1 页构建场景演员软边缘仅给最深层 officecli add $FILE / --type slide --prop layoutblank --prop backgroundFFF8E7 officecli add $FILE /slide[1] --type shape --prop name!!scene-blob-deep \ --prop presetellipse --prop fillFFD54F --prop opacity0.5 \ --prop softedge20pt --prop x2cm --prop y4cm --prop width12cm --prop height12cm officecli add $FILE /slide[1] --type shape --prop name!!scene-blob-mid \ --prop presetellipse --prop fillFF8A65 --prop opacity0.35 \ --prop x22cm --prop y10cm --prop width8cm --prop height8cm officecli add $FILE /slide[1] --type shape --prop name#s1-title \ --prop textBloom Academy --prop x2cm --prop y2cm --prop width30cm --prop height3cm \ --prop fontMontserrat --prop size48 --prop boldtrue --prop color3D3B3C --prop fillnone # 第 2 页blob 演化 新内容开启 morph officecli add $FILE / --type slide --prop layoutblank --prop backgroundFFF8E7 --prop transitionmorph officecli add $FILE /slide[2] --type shape --prop name!!scene-blob-deep \ --prop presetellipse --prop fillFFD54F --prop opacity0.6 \ --prop softedge20pt --prop x22cm --prop y2cm --prop width18cm --prop height18cm officecli add $FILE /slide[2] --type shape --prop name!!scene-blob-mid \ --prop presetellipse --prop fillFF8A65 --prop opacity0.5 \ --prop x3cm --prop y12cm --prop width10cm --prop height10cm # 上一页标题必须 ghost 到画布外x36cm保证动画仍可见 officecli set $FILE /slide[2]/shape[name#s1-title] --prop x36cm officecli add $FILE /slide[2] --type shape --prop name#s2-body \ --prop textPlayful learning begins here. --prop x2cm --prop y8cm \ --prop width30cm --prop height2cm --prop fontSource Han Sans --prop size24 \ --prop color3D3B3C --prop fillnone officecli close $FILE; officecli validate $FILE需要注意两点见 SKILL.md 的已知问题!!前缀必须单引号包裹--prop name!!scene-blob-deep否则 bash/zsh 历史展开会吞掉!!transitionmorph会自动给幻灯片上的每个形状名加!!前缀#s1-title存储为!!#s1-title但name路径选择器仍然可解析前缀/后缀容错匹配所以set /slide[2]/shape[name#s1-title]依然有效无需改写路径——只是读回的名字是带!!的形式。空间多样性红线相邻页的配对形状必须有明显的构图差异位移 ≥ 5cm 或旋转 ≥ 15° 或尺寸变化 ≥ 30%至少作用于 3 个配对形状否则 Morph 无物可插值退化为普通淡入。这正是 Bloom Academyblob 每页重新分布、软边缘深层持续演化的原因——背景层的持续位移缩放撑起了动画的可感知性。若需要更慢/更快的过渡可用transitionmorph-slow/morph-fast或transitionmorph-毫秒如morph-1500组合速记。交付纪律ghost 与 Gate 5b 形态检查教育向 Morph 片最容易翻车的不是设计而是幽灵形状累积M-2!!actor-*在某页引入后若后续每一页没有显式重新设置x36cm它会复活在原始位置。因为每页的形状列表相互独立一页的 off-canvas 状态不会带到下一页。SKILL.md 规定的逐页纪律是每页添加完新内容后立即把所有不应出现在本页的旧演员再 ghost 一次for ACTOR in !!scene-blob-deep !!scene-blob-mid; do officectl set $FILE /slide[$N]/shape[name$ACTOR] --prop x36cm || true done配合 morph-helpers.py 的final-check幽灵计数 50 即 REJECT以及 SKILL.md 的 Gate 5b-morph-1..4 四个查询循环演员泄漏检查、相邻页构图雷同检查、跨页同名配对检查、#sN-*幽灵泄漏检查可系统化确认 Morph 配对正确。需要特别提醒的是Morph 动画只在 PowerPoint 365 / Keynote / WPS 中实时渲染LibreOffice 与多数网页预览只会静态或淡入呈现因此最终验收必须在支持 Morph 的播放器中完成这是渲染器限制不属于技能缺陷。风格落地建议综合以上分析把 Bloom Academy 风格投入实际课件/教育片构建时的落地清单从 INDEX.md 定位风格教育课件直接命中warm--bloom-academy读取其style.md提取三层软边缘 有机 blob 点缀元素的设计逻辑不要复制任何 build.sh 坐标规划 Morph 对开建前在brief.md中列出 Morph Pair Planning 表把所有!!名字一次定死!!scene-blob-deep始终带最大softedge中景/前景保持 crisp按视觉底线排布标题 ≥ 36pt、正文 ≥ 18pt、标题 ≥ 2× 正文继承 pptx v2 硬规则三层 blob 的透明度控制在 0.2–0.6确保文字对比度达标逐页 ghost 交付验收每页结束立即重设幽灵演员最后跑 Gate 1–5b 全流程在 PowerPoint 365 / Keynote / WPS 中逐对观看一次 Morph 动画确认运动可见。Bloom Academy 提供的是一条以柔克刚的设计路线用最大软边缘的背景层铺氛围、以 crisp 的中景/前景保证可读性再用 Morph 让整个有机层像呼吸一样缓慢流动。结合 OfficeCLI 的softedge属性实现与transitionmorph的配对机制这套风格可以稳定复用到各类教育、儿童内容与趣味品牌场景。赞分享CLIAI 应用MCP 服务【免费下载链接】OfficeCLIOfficeCLI is the first and best Office suite purpose-built for AI agents to read, edit, and automate Word, Excel, and PowerPoint files. Free, open-source, single binary, no Office installation required.项目地址https://gitcode.com/GitHub_Trending/of/OfficeCLI点击查看免费下载相关推荐用 OfficeCLI morph-ppt 打造 Bloom Academy 教育风格幻灯片分层柔边有机 Blob 设计实战用 OfficeCLI morph ppt 打造 Bloom Academy 教育风格幻灯片分层柔边有机 Blob 设计实战 本篇技术指南以仓库内 skill人工智能AI 应用AI 技能CLIMCP 服务OfficeCLI Morph-PPT 风格实战用 Aurora Softedge 打造暗色极光柔和边缘设计作品集OfficeCLI Morph PPT 风格实战用 Aurora Softedge 打造暗色极光柔和边缘设计作品集 导读 本篇文章聚焦 OfficeCLI 的人工智能AI 应用AI 技能CLIMCP 服务OfficeCLI Morph-PPT 风格实战warm--earth-organic 大地色系有机叙事型幻灯片设计OfficeCLI Morph PPT 风格实战warm earth organic 大地色系有机叙事型幻灯片设计 导读 本文是 OfficeCLI 的 mo人工智能AI 应用AI 技能CLIMCP 服务上一篇opus-mt-ru-en-openmind性能基准测试BLEU 34.8背后的技术实现下一篇pywal CI/CD配置GitHub Actions自动化测试流程创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表