Sketch 3 实用手册:角度渐变画饼图

未来已来2018-09-12 08:55

作者:马宝


在画图表时,让人比较头疼的饼图,我们都会选择圆形蒙板遮罩三角形的方式来做,但是这个方法执行起来效率并不高,一个圆形多个3角,3角形角度比例对齐都是很难控制的。在没有素材的情况下要画好一张饼图并不是一件很容易的事情。

下面介绍一种很简单的方法,从无到有画饼图,sketch 可以很方便的利用角度渐变+数字定位的方式画饼图;


具体实现原理如下:

我们把饼图切成十等份,对应的数字坐标分别是0到9(快捷键数字键0-9),可以将角度渐变中的各个节点准确快速的定位到10%、20%、70%、90%等想要的位置上,科学高效看动图,“来给你画个饼儿” 源文件下载 Piechart.sketch.zip


教程


  1. 首先用快捷键“o”画个圆,并填充角度渐变
  2. 单击角度渐变 圆圈 随意增加节点
  3. 快捷操作:选中节点按 数字键 0-9,准确定位到想要的圆圈位置。 例如,如果您想要在20%的角度位置上设置节点(因此圆的直径的20%),就可以按 数字键2,想要-20%度数,可以按 7 等等。
  4. 在不同的节点上设置饼图区间的颜色。快捷键 tab 快速节点切换,逐一选中 control+c 吸色
  5. 如果你需要一个颜色节点完全停止在两点颜色中间,你可以插入节点后 按 “=” 键来定位它。
  6. 要画圆环饼图,只要中间用小圆切掉即可

本文来自网易实践者社区,经作者马宝授权发布