source
cover

用 Arc 功能为椭圆图层易形

Figma 虽然界面简单,看上去很简洁。但在实际使用的时不时出现一些让人眼前一亮的小功能。这些功能只会在你绘制图形的时候出现,不会聚在工具栏、检视窗等界面上。比如说 Smart Selection。今天介绍的功能 Arc 就只能在椭圆图层上使用。


Arc 功能包含了四个子操作点。

打开缺口

当鼠标 hover 到椭圆图层上时,右手边会出现一个操作点,叫做「Arc」。拖动这个操作点可以为椭圆图层打开缺口。

调整朝向

椭圆图层打开缺口后,会出现三个可以拖拽的操作点。顺时针第一个操作点叫做「Start」,拖动它可以更改开口的朝向。

调整开口

顺时针第二个操作点叫做「Sweep」,拖动它可以更改开口的大小。

制作圆环

躺在圆心的操作点叫做「Ratio」,拖动它可以制作圆环,可以正向或反向拖动。


那么咱们可以用 Arc 来做点什么呢?比如画个饼图。

第一步,绘制正圆

点击快捷键 o,按住 shift + option,拖拽出一个正圆。

第二步,复制改色

粘贴复制出一个同样的正圆,并把颜色改深。

第三步,制作扇形

找到第二个正圆上的 Arc 操作点,拖拽开口。然后继续拖砖,更改开口角度,最终形成一个锐角扇形。

好了,一张朴素的饼图做完了。在此基础上还有很多可以发挥的点,就教给大家自行探索了。在 Sketch 中画这么一个饼图避免不了几次布尔运算,所以 Figma 的这个 Arc 功能还是有心的,为设计师节省了不少时间。