设计素材周刊 100 期

🏆 产品推荐

Figma 创建线条风格插画插件：Emboss lines

上周介绍的使用插件生成多线条凹凸风格插画，该插件上线了，选中一个图标就能快速生成这种线性凹凸风格插画。

https://www.figma.com/community/plugin/1329369867868989491

Figma 复制插件：Repeater effect

适合做背景纹理或者图案插画，复制数量、角度、不透明度、递增或者递减都可以自定义，免费有次数限制。

https://www.figma.com/community/plugin/1331998824275465178/repeater-effect

本地图像压缩工具：Zipic

在电脑本地运行的图像压缩工具，支持批量压缩和格式转换，每天免费使用 25 次。支持 Mac 和 Windows

https://zipic.5km.tech/

字体删除线背后的信息：从删除线到默默无闻 MVAR

原文：https://fenx.work/from-strikeout-to-obscure-mvar-table/

苹方和 SF Pro 都是界面设计时常用的字体。在 Figma 中添加删除线样式时，上图中可以看到苹方和 SF 字体的删除线位置不一，一个偏下一个居中。

原因是，删除线属性由字体内的信息 OS/2 表内两个参数控制：

<yStrikeoutSize value="120"/>
<!-- 删除线尺寸 -->
<yStrikeoutPosition value="620"/>
<!-- 删除线位置 -->

yStrikeoutPosition 的值是相对于 baseline 的高度，比如苹方字体（PingFang.ttc）的 yStrikeoutPosition 是 200，x-height 是 600 [1]，所以苹方的默认删除线处于 x-height 1/3 处位置而不是近似 1/2 处。而像 Adobe illustrator 等软件，虽然和 Figma 同用 Harfbuzz 塑形引擎，但 Adobe 有着自己的一套渲染规则。如上图左一，同为苹方字体但删除线位置却不同。