Axure饼状图怎么画-Axure基础教程

 时间:2024-11-05 02:35:23

Axure是我们在做产品设计时必备的酶熳稼驰技能之一,被广大的产品经理所认可。在原型设计的过程中,我们经常会用到一些炫酷的图表,今天先教大家最基础的饼状图绘制方法,后续陆续分享其他图标的绘制方法。

Axure饼状图怎么画-Axure基础教程

工具/原料

Axure8.1

普通饼状图

1、首先绘制圆形。选择椭圆图形,拖到工作面板,默认就是一个圆形。为圆形添加颜色,根据需要添加你喜欢的颜色。

Axure饼状图怎么画-Axure基础教程

2、添加占比饼状图。添加一个圆形,点击图形右上角的灰色的点,点击打开更多图形,选择饼状图。选择之后圆形会变成饼状图。

Axure饼状图怎么画-Axure基础教程

Axure饼状图怎么画-Axure基础教程

3、为饼状图添加颜色,与之溱碳叛鹤前的圆形重叠放置。添加一个不同与圆形的颜色,将图形拖动只圆形的位置,Axure会自动提示对齐,根据提示线放置。

Axure饼状图怎么画-Axure基础教程

Axure饼状图怎么画-Axure基础教程

4、重复上面的步骤,完成饼状图的绘制。

Axure饼状图怎么画-Axure基础教程

环形图

1、环形图一新建圆形,选择合适的颜色,一般选择灰色作为底色。首先我们要建立一个圆环的底色,也就是“未足薏篇瓜完成”的颜色,一般选用浅色调。

Axure饼状图怎么画-Axure基础教程

2、同普通饼状图,新近一个饼图水貔藻疽,调整好比例。拖出一个圆形,点击右上角的小灰色的点,选择饼状图,然后设置好颜色,调整好比例。将饼图与圆形重叠放置,效果如图:

Axure饼状图怎么画-Axure基础教程

3、新建小圆,默认白色即可。新建一个圆形,将长宽调整到合适的大小,如图,按照上面的方法将小圆拖至饼图的中心位置。

Axure饼状图怎么画-Axure基础教程

4、环形图制作完成,可以根据需要填充上文本。

Axure饼状图怎么画-Axure基础教程

5、环形图二根据普通饼状图的绘制方法,制作一个饼状图,这里就不在多做介绍。

Axure饼状图怎么画-Axure基础教程

6、制作一个小圆形,将其拖至饼图的中间,颜色调为白色。这样一个环形的占比图就制作完成了。

Axure饼状图怎么画-Axure基础教程

二级饼状图

1、很多时候我们会用到二级饼状图,不仅能够体现出大类的占比,还能体现出大类中小类的占比情况。首先安装普通饼状图的方法绘制一个饼图。

Axure饼状图怎么画-Axure基础教程

2、重复上面的方法,将饼图的长宽缩小,形成较小的饼状图。将小的饼状图拖至大图中心,是两个图重叠。

Axure饼状图怎么画-Axure基础教程

3、调整小图的占比,使其体现出包含关系。如图所示,根据实际情况调整即可。

Axure饼状图怎么画-Axure基础教程

Axure如何绘制制作饼图 kettle数据导出到另一个数据库,必须先建表结构吗 Winform C#窗口半透明和鼠标穿透方法 Axure文本标签设置居中 GIMP怎么切片、一张图片分几张A4纸打印
热门搜索
毛线帽子图片大全 马简笔画图片大全 美女图片生活照 无框玻璃门图片 乾清宫图片