Sketch小技巧—进阶其余几种绘制饼图的方法(二)

对数据进行可视化处理时,饼图是经常使用的图形之一,饼图通常用于体现各个项之间的占比状况,表现为由一组或者多组数值按照百分比扇区组成的圆形图,最终圆形图的比例为100%。今天带领你们了解下其余画饼图的方法!html

获取最新版Sketch 55 for mac(矢量绘图软件)app


一、布尔运算绘制饼图ide

在设计工具中使用线条勾勒一些规则图形是比较麻烦的,因此经过线条勾勒出扇区去组成饼图的方法显然太过于笨拙。所以,咱们能够用布尔运算的法则来对既有圆形进行相交、相减处理,最终获得咱们想要的扇区。工具

具体步骤以下:url

首先,使用椭圆工具绘制一个正圆形(小tips:选中椭圆工具后,按住shift键便可绘制正圆形),为了方便区分,咱们设置正圆形为蓝色填充,并取消边框。spa

而后,使用三角形工具,绘制一个三角形,咱们也能够经过双击三角形进入编辑模式,把三角形左侧的端点拉到中间垂直的位置,造成一个直角三角形。插件

再而后,把直角三角形和圆形放在一块儿,且直角和圆的中心点对齐,选中二者,复制一份,分别进行相减、相交的布尔运算,便可获得3/4和1/4大小的扇区。设计


最后,把获得的扇区组合在一块儿,分别填充不一样的颜色,便可获得一个饼图,若是想要一个圆环图,很简单,在中间放一个白色填充的正圆形便可。布尔运算这一招的缺点是若是要用三角形划分饼图的扇区比例,则须要把勾股定理、正弦定理、余弦定理了解一下。。。htm

二、环形渐变blog

在Sketch中,一共支持三种渐变效果,分别是线性渐变、径向渐变和环形渐变,其中,环形渐变能够用来实现饼图,具体步骤以下:

首先,依然使用椭圆工具绘制一个正圆形,取消边框,点击➕设置填充为环形渐变,以下图:

而后,在圆形上任意位置上增长渐变点,注意,每一个位置须要同时存在2个渐变点(一内一外,等会用到),设置渐变点时,能够经过按数字键0-9,精肯定位渐变点的位置,设置完成后,以下图所示。

最后,选中每一个渐变点,并设置渐变点的填充颜色,外渐变点和顺时针相近的内渐变点,设置为同一个填充颜色,表明它们的扇区颜色,可使用快捷键Tab快速切换渐变点,Control+C组合键进行吸色,便可获得一个下图所示的饼图。这一招的优势是能够快速调整扇区的比例,只要拖动渐变点便可,缺点是扇区分割时会出现锯齿,目前尚未锯齿的解决方案。

三、Sketchy Pies插件

Sketchy Pies插件,一键就能生成漂亮的饼图,还支持经过颜色代码和比例设置扇区,比任何方法都快。
想快速画饼图的朋友能够点击下面连接下载插件。

点击获取原文Sketchy Pies for mac(sketch插件 图层转换饼状图)

以上就是小编为你们带来Sketch小技巧—其余几种绘制饼图的方法介绍。还有更多详细、实用的功能,你们快来关注小编吧。