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

对数据进行可视化处理时，饼图是常用的图形之一，饼图一般用于体现各个项之间的占比情况，表现为由一组或者多组数值按照百分比扇区组成的圆形图，最终圆形图的比例为100%。今天带领大家了解下其他画饼图的方法！

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

1、布尔运算绘制饼图

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

具体步骤如下：

首先，使用椭圆工具绘制一个正圆形（小tips：选中椭圆工具后，按住shift键即可绘制正圆形），为了方便区分，我们设置正圆形为蓝色填充，并取消边框。

然后，使用三角形工具，绘制一个三角形，我们也可以通过双击三角形进入编辑模式，把三角形左侧的端点拉到中间垂直的位置，形成一个直角三角形。

再然后，把直角三角形和圆形放在一起，且直角和圆的中心点对齐，选中两者，复制一份，分别进行相减、相交的布尔运算，即可得到3/4和1/4大小的扇区。

最后，把得到的扇区组合在一起，分别填充不同的颜色，即可得到一个饼图，如果想要一个圆环图，很简单，在中间放一个白色填充的正圆形即可。布尔运算这一招的缺点是如果要用三角形划分饼图的扇区比例，则需要把勾股定理、正弦定理、余弦定理了解一下。。。

2、环形渐变

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

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

然后，在圆形上任意位置上增加渐变点，注意，每个位置需要同时存在2个渐变点（一内一外，等会用到），设置渐变点时，可以通过按数字键0-9，精确定位渐变点的位置，设置完成后，如下图所示。

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

3、Sketchy Pies插件

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

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

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

转载于:https://blog.51cto.com/14367150/2410206

Sketch小技巧—进阶其他几种绘制饼图的方法(二)相关推荐

Sketch小技巧—画出各种星型和多边形的简单方法
sketch拥有很棒的矢量工具以及基本的形状.这十分有利于任何一项制图的起步,无论是网页设计或是图标的设计,或者其他.在Sketch中你能轻松设计图层面板,而且在这里我们提供你可能需要的各种操作功能 ...
Html:小技巧：自动提交表单的实现方法
Html:小技巧:自动提交表单的实现方法方法一: <html> <head> <title>Untitled Document</title> (1) ...
用友NC二次开发小技巧：服务端执行SQL语句的方法
大家好,今天给大家分享一下NC二次开发过程中的一个非常有用的小技巧:执行SQL语句. 我们在NC二开的过程中,经常需要直接查询数据库或者直接修改数据库表的字段值.这是一个非常简单并且通用的需求.下面给 ...
python利用matplotlib做饼图_python利用matplotlib库绘制饼图的方法示例
介绍 matplotlib 是python最著名的绘图库,它提供了一整套和matlab相似的命令API,十分适合交互式地进行制图.而且也可以方便地将它作为绘图控件,嵌入GUI应用程序中. 它的文档相当 ...
vue访问完整外部链接数据_【Excel小技巧】链接外部数据的五个方法
链接并抓取外部数据的方法集合: 1. 函数 HyperLink (Win10 复制路径/非Win10) 2. 添加链接(Ctrl+K) 3. VBA Workbooks.Open 4. VBA Get ...
删除桌面计算机,电脑设置小技巧（多余壁纸、屏保删除方法）
1.电脑桌面壁纸的删除方法 XP系统进入C:\WINDOWS\Web\Wallpaper...把里面不要的图片删除,就行了. 右键点击桌面-属性-背景-点你不要的那个背景壁纸-点击浏览(可以看见你不要 ...
iOS开发小技巧--利用苹果官方API播放视频（方法已经过时，了解一下）
iOS开发小技巧-修改SliderBar指针的样式(牢记这个方法,只能通过代码来修改)
代码: // 修改进度条的指针图片 [self.progressSlider setThumbImage:[UIImage imageNamed:@"player_slider_playba ...
日常生活小技巧 -- “Error: Encountered an improper argument”的解决方法
使用keil5.25兼容版本的,在debug过程中修改代码和打断点,再退出debug马上就出现该问题:Error: Encountered an improper argument. 解决方法: 工程 ...

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

Sketch小技巧—进阶其他几种绘制饼图的方法(二)相关推荐

最新文章

热门文章