苹果在 10 月 29 日更新了「Apple 设计资源」门户，为首款配备 PROLED XDR 显示屏、支持触控的 MacBook Pro 放出官方设计素材。新增的可下载 .dmg 文件里装的是不同配色与尺寸的透明 PNG 图像，以及已经精确遮罩好显示屏区域的 PSD 文件。设计师拿到的是可以直接贴进自己界面的底板，不用再等第三方模板。
下载包里具体有哪几样东西
这次更新分两个部分。第一个部分是新增的产品素材包，可下载的 .dmg 文件里包含这款新 Mac 在两个配色、两个尺寸下的透明 PNG 图像，以及对应的 PSD 文件，PSD 里的显示屏区域已经做好精确遮罩。第二个部分是苹果把新机加进了门户原本就有的产品边框素材集合，9to5Mac 在报道里写的是，新 MacBook Pro with PROLED XDR Display 被并进了 product bezels 这一组。
时间上这套素材出得很快。新 MacBook Pro 的消息在 10 月 28 日发布，9to5Mac 的报道时间是当天太平洋时间上午 11 点 14 分，作者 Marcus Mendes，文章标题用的说法是苹果已经更新了设计资源门户。也就是说素材包是跟着发布同步上线的，不是发布之后隔几天再补。
设计资源门户本来提供什么
这个门户不是为这一台新机器专门开的。9to5Mac 的介绍里列了它长期覆盖的内容：面向苹果各平台、各产品和各技术的设计指南，以及 Figma、Sketch、Keynote、Photoshop、PDF、PNG、SVG 多种格式的素材。除此之外还有字体、SF Symbols、苹果的图标编辑器、视差预览器，以及 Apple Health、Apple Wallet 这类服务的徽章与标志。
把新机的素材放进来，意味着做 macOS 界面演示、宣传图和应用展示内容的人手上有了一整套可用的官方素材。IT之家 10 月 29 日的报道把用途写得更直接：UI/UX 设计师、开发者和内容创作者不必等第三方模板，就能在官方素材的基础上制作适配新机的内容。
遮罩好的屏幕区域能省掉哪些活
PSD 文件里做精确遮罩这件事是这份素材包的关键。遮罩之后的屏幕区域是一个可以直接置入内容的空位，设计师把自己的界面、网页布局或者应用画面放进去，就能直接生成高保真的产品效果图。屏幕的边框、圆角、摄像头开孔和机身配色都在底板里，不需要自己描一遍。
同时做网站和演示稿的人，以往要么靠第三方模板凑，要么自己对着渲染图抠边缘，两种做法都要花时间在版式对齐上。官方把这一步做进素材里，产出的效果图和实际机器外观能对得上。
素材覆盖了哪些配色和尺寸
9to5Mac 提到的两个配色、两个尺寸，指的就是这款新 MacBook Pro 的全部在售规格组合。产品边框素材的用途是给屏幕做占位，配色和尺寸对不上，贴上去的界面就会跟着变形，所以素材按机型逐个出，没有用一个通用模板覆盖全部产品线。
从产品边框渲染图能看出这批素材的形态。屏幕是一块完整的空面板，四边留出等宽边框，顶部有摄像头的开孔，底部的机身和转轴一并画在图里，这部分就是可以直接被设计师置入内容的画布。
第一批会用上这些素材的人
最直接的用途是给新机器做界面演示和宣传图。在新机发布当天，首发的 Pixelmator Pro、Logic Pro、Final Cut Pro 三款专业软件都做了触控适配，素材包在同一天上线，两件事指向同一批需要尽快把新硬件讲清楚的人。软件适配的细节在苹果首款触屏 MacBook Pro 发布那篇里有记录。
门户地址是 developer.apple.com/design/resources 下的 macOS 应用与硬件素材区，苹果在这类资源上的更新节奏一向是跟着新品走。这次把触控 MacBook Pro 的边框和素材放进门户，等于给开发者省掉了自己抠图和重做版式的一段时间。
声明：本文来自苹果迷投稿，不代表苹果家园立场，版权归原作者所有，欢迎分享本文，转载请保留出处！
