【不太专业的科普贴】如何在 PPT 制作 Win10 同款亚克力材质

亚克力（Acrylic）是微软 Fluent Design 里的 UI 材质。该材质主要应用于 Windows 10 全系版本，在 Windows 11 中也保留沿用，多用于菜单、弹窗、侧边面板等界面，凭借通透磨砂玻璃质感成为现代 Windows 界面的标志性设计。

然而，由于其融合了高斯模糊、半透明叠加、细微噪点与动态适配等多重效果，实现难度较高，操作较为复杂，许多创作者很难还原出系统原生的通透质感与动态适配效果。为帮助本社区创作者更轻松地在 PPT 中制作出美观、逼真的 Windows 亚克力样式界面，我们特别整理了 OK Team 在创作中的实操经验，并撰写了本篇文章。

一、材质的组成

在PPT中，受限于功能，无法完全依照微软官网文档中的结构构建亚克力材质。但我们可以按如下图层顺序从下往上搭建，以最大程度上还原原版视觉效果（以浅色亚克力为例）：
背景模糊+噪点 → 明度混合（仿） → 浅色遮罩 → 黑色勾边（可选）

二、背景处理与阴影效果

Step1：复制并粘贴背景图片 → 图片格式 → 艺术效果 → （第五列第二行）虚化 →艺术效果选项 → 虚化半径设置为 95（左右）
Step2：剪切该图片 → 粘贴为图片 → 图片格式 → 艺术效果 → （第三列第三行）噪点 →艺术效果选项 → 透明度设置为 40%，颗粒大小设置为13
Step3：图片格式 → 图片效果 → 阴影 → 外部（选择第二列第二行的中间位置阴影） → 阴影选项，设置为如下参数：

三、仿明度混合

Step1：复制上一步的成品图片 → 与上一步的图片重叠放置（可直接粘贴后，先后选择左对齐、顶部对齐）
Step2：去除该图片的阴影 → 选择图片格式 → 设置为如下参数：

四、遮罩与勾线

Step1：创建一个矩形，拉伸至与底部图片等大，重叠放置 → 设置填充颜色为 #EAEAEA，透明度设为 40%
Step2：为该图形添加线条，设置颜色为 #404040，透明度设置为 10%，宽度设置为 0.25 磅

五、注意

亚克力材质仅适合用作点缀装饰，可在临时性窗口、边栏等位置使用，不可用于普通窗口背景，这样可能会导致视觉噪声，影响观感。详细请参考：

链接

learn.microsoft.com

至此，本则科普贴就全部结束了。若您尚未了解或者是难以理解，可以尝试下载我们制作的内容以学习借鉴和使用。

链接

wwarz.lanzouu.com

提取码：cf5k

—— OK Team 敬上

常用的设计素材网站

iconfont

阿里巴巴的矢量图标库，中文搜索，里面还有很多开源字体等

https://www.iconfont.cn/

Worldvectorlogo

一个下载全球品牌 Logo 的网站，英文搜索

https://worldvectorlogo.com/

Nucleo Core Icons

一个图标网站，含付费项，但是有 19128+图标，很全，英文搜索

https://nucleoapp.com/core-icons

Google Fonts

开源始祖 Google 的图标网站，有很多 Material Design Symbol & Icons 图标（需要🪜），完全免费，英文搜索

https://fonts.google.com/icons?icon.size=24&icon.color=%231f1f1f

macOS, iOS, watchOS Icon Gallery

可以下载历代版本 macOS、iOS 或 watchOS 的 App 图标，含第三方图标，英文搜索

macOS 图标：https://www.macosicongallery.com/

watchOS 图标：https://www.watchosicongallery.com/

iOS 图标：https://www.iosicongallery.com/

pngimg

png 素材免抠图素材库，英文搜索，完全免费

https://pngimg.com/

HarmonyOS 音效库

鸿蒙音效库，基本各种都有，需登录华为账号，中文搜索，完全免费

https://developer.huawei.com/consumer/cn/design/harmonyos-sound/

unDraw 插图

很多插图，可改颜色，下载可选择 SVG 或 PNG 格式，英文搜索，完全免费

https://undraw.co/illustrations/

字体天下

各类字体，中英文搜索，完全免费

https://www.fonts.net.cn/

爱给网

啥都有，搜啥有啥，中文搜索，攒积分

https://www.aigei.com/

pixabay

很多视频、图片、3D 模型，中英文搜索，完全免费

https://pixabay.com/zh/

Instantlogosearch

很多 Logo 素材，可以在线制作 Logo，英文搜索，完全免费

https://www.namecheap.com/logo-maker/

Magnific

超多图标，和 iconfont 差不多，英文搜索，完全免费

https://www.magnific.com/icons

ColorMe

在线调色网站，完全免费

https://www.magnific.com/icons

Uigradients

在线渐变色调色网站，完全免费

https://uigradients.com/#Horizon

--

MyFont

超全的英文字体网站， 英文搜索，完全免费

Fontke

超全的中字体网站， 中英文搜索，完全免费

https://www.fontke.com/

9sotu

设计师搜索引擎,自动检索设计网站内容，中英文搜索，完全免费

https://www.91sotu.com/

Work in Progress

网站设计获奖的设计公司，英文网站，完全免费

https://workinprogress.no/

使用 GitHub Pages 来搭建你的网站

想要属于自己的网站？那就使用 GitHub Pages 上线你的网站吧！

优点：

· 免费

· 操作简单

· 无网页内容限制

缺点：

· 网站有时响应速度慢

· GitHub 网站有时打不开

操作方法：

1.进入 github.com，使用电子邮箱或其它账户登录或注册 GitHub。（这里不多赘述）

2.点击右上角的“+”，选择“New repository”。

3.在“Repository name”下放的输入框中输入“你的账户名.github.io”（例如我这里用户名是 CaelusStudio，就输入“CaelusStudio.github.io”）（有域名的话随便，之后在设置的 Pages 改就好了，不过需要验证 DNS）

4.在创建好的仓库里点击绿色按钮旁边的“Add file”，点击“Upload files”。

5.在窗口的灰色虚线框内拖入你的 html 文件或选择文件（文件名称必须是“index.html”），然后点击“Commit changes”。

6.点击“Settings”，选择“Pages”，设置好仓库改为公开。

过一会儿，就可以用“你的用户名.仓库名.github.io/”访问你的网站了！（有域名直接用域名）

注：我不是专业人士，内容可能有问题，欢迎大家提出。

【不太专业的科普贴】如何在 PPT 制作 Aero 视效的窗口

Aero是微软在Windows Vista中推出的一套视觉设计语言，其名称中的四个字母分别对应：Adjective（真实感）、Energetic（活力感）、Reflection（反射效果）与Open（开放感）。该设计语言曾广泛应用于Windows Vista、Windows 7等系统，至今仍备受不少设计爱好者喜爱。

然而，由于其视觉效果元素较为复杂，实现难度较高，许多创作者在尝试时往往望而却步。为帮助本社区创作者更轻松地在PPT中制作出美观且富有真实感的Aero样式的窗口，我们特别整理了在 Echo OS 创作中的有关经验，并撰写了本篇文章。

一、窗口的大致组成

在PPT中，Aero窗口的实现受到诸多因素限制。为最大程度还原、实现Aero窗口效果，我们可以按以下图层顺序从下往上搭建：

背景 → 模糊处理后的背景副本（用于毛玻璃） → 玻璃反光 → 设置阴影 → 玻璃染色与标题栏 → 边框 → 编辑窗口内容

二、毛玻璃与阴影效果

Step1：复制并粘贴背景图片 → 图片格式 → 艺术效果 → （第五列第二行）虚化 →艺术效果选项 → 虚化半径设置为5

Step2：图片格式 → 裁剪（下面的小三角形） → 裁剪为形状 → 圆角矩形 → 拉低圆角半径

Step3：图片格式 → 图片效果 → 阴影 → 外部（选择第二列第二行的中间位置阴影） → 阴影选项，设置为如下参数：

三、玻璃反光与玻璃染色

极光反射是Aero视效实现中难度较大的一环，在这里仅演示小窗口反光，大窗口极光效果原理大致相同。

Step1：创建一个圆角矩形，拉伸大小至于模糊背景相同 → 调整圆角半径至与背景相同 → 设置渐变，调整角度、填充色、填充色透明度（详细可参照 Echo OS）

Step2：复制上一步创建的图形并对齐 → 填充玻璃颜色，并设置透明度为90%左右

Step3：创建一个矩形，高度设置为背景图片高度的五分之二左右 → 设置由下至上、由透明度0%至透明度100%的白色渐变

四、边框与三大金刚键

边框是Aero视效质感的精髓，其使得窗口在屏幕上具有立体感，三大金刚键（最小化、最大化、关闭）也是通过边框实现立体效果。一般的Aero窗口至少有两条边框。

Step1：复制玻璃染色的图形，设置边框粗细为0.5磅 → 将边框设置为全白或白、青蓝色渐变（白、青蓝色渐变需将两颜色渐变光圈位置拉近，越近越好）

Step2：复制如上的内容 → 将颜色设置为全黑，长、宽各在原基础上增加0.02磅至0.03磅左右 → 对齐

关于三大金刚键，由于其制作较为复杂，您可以尝试自己制作，也可以前往Echo OS获取案例与素材

五、编辑窗口内容

Step1：设置标题文字，纯黑色填充，白色发光

Step2：设置矩形，参照上述方法套两层边框，一层深灰一层浅灰→编辑您的窗口内容

至此，本则科普贴就全部结束了。若您尚未了解或者是难以理解，可以尝试前往 Echo OS 预览者计划发布页 下载我们制作的内容以学习借鉴和使用。

—— OK Team 敬上

一些合适的矢量图标库分享~

我们在设计桌面或者应用 UI 的时候，往往需要用到一些矢量图标（线性/填充）来表示相应元素的意义。这里提供了一些可免费使用矢量图标库，希望能够适用于你们的 UI 设计哦~

1、Material Design 图标库

下载链接：https://wwyc.lanzouq.com/i3YdZ3bdl6gb

2、Feather 图标库

下载链接：https://wwyc.lanzouq.com/iQSZd3bdlooh

3、Remix Icon

下载链接：https://wwyc.lanzouq.com/iz0vN3bdlqg

4、HarmonyOS 主题图标库

下载链接：https://wwyc.lanzouq.com/ig24h3bdlosb

除去上述的图标库外，Windows 10/11 用户也可以在自己的系统上找到微软为系统设计的线性图标库，只不过以字体的形式呈现。

Win10：Segoe MDL2 Assets

Win11：Segoe Fluent Icons

去微软商店下载 Character Map UWP，下载完后打开应用，找到相应的字体名称便可以浏览所有线性图标。在图标库中选中想要下载的图标后，点击应用右下角的“另存为”按钮，便可以以图片形式保存图标（建议以 SVG 格式保存图标，方便在 PPT 中更改图标颜色）

有疑问欢迎评论区留言~

PPT 如何快速为元素添加背景模糊？

很多创作者在制作 PPT OS 时，都会为一些元素（诸如任务栏、窗口、边栏等）添加背景模糊，以加强 UI 质感。

以下是原本在 PowerPoint 中实现这个效果的步骤：

插入图片和形状➡️为图片设置模糊➡️将图片裁剪至形状大小和形态➡️移动至形状所处方位➡️移除原本形状（可选操作）。

虽然步骤看着挺少，但是实际执行时往往容易执行不到位。尤其是第三步和第四步，如果使用鼠标手动对齐的话，很容易会出现模糊图片和形状并不完全贴合的情况，发现这种情况后又得浪费时间去处理，这个过程可谓繁琐（至少本人如此认为~）。

那么，有没有方法能迅速且完美地执行这些步骤呢？

你别说，确实有！只不过，我们需要外挂，它的名字叫：OKPlus 插件。

（插件下载链接：https://www.123865.com/s/HmTrVv-uHPWh）

安装好插件后，在形状覆盖图片或者背景图的情况下，选中形状，进入“OKP”选项卡，点击“毛玻璃”。

完成。

若要添加颜色遮罩，可以点击“毛玻璃”选项下方的“白色遮罩”（记得先选中已做模糊处理的形状）。这时插件会给这些形状自动蒙上白色的遮罩，当然这些遮罩的颜色也可以改变（因为其本质就是在这些模糊形状上，再添加一层形态大小相同、可以自由调整各种参数的形状）。

点击“白色遮罩”下方的“参数设置”，可以对模糊、阴影和遮罩透明度进行调整，调整完后点击“保存”，再单击窗口正上方的圆圈按钮退出窗口。之后再次选中形状，点击“毛玻璃”选项，便可以应用更改后的新效果。

当然，若要立即更改原本的模糊效果，我们也可以选中模糊形状，进入“设置图片格式”调整区，直接调整模糊半径和阴影程度。

以上就是在 PPT 中迅速为元素添加背景模糊效果的方法。

戌犬朱狼
Lipus Studio