设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 走进摹客 > 可视化后台必备指南!一文教你合理使用图表组件

可视化后台必备指南!一文教你合理使用图表组件

mooncakest
2022-07-13
2898

大家好,这里是怪物猎人小摹。

猎的什么怪?乃是被无数产品经理、设计师视为洪水猛兽的数据图表!

凡是制作过数据可视化后台项目的小伙伴,都知道这其中的水有多深,小摹总结了图表四宗罪:

构成复杂,图表元素数量多且密集。

种类多样,越少见的图表类型越奇怪。

数据成堆,把数据和坐标对齐都能干一下午。

维护黑洞,往已有的大图表上再加一个项目都能直接爆炸。

不过小摹已经根据不同使用需求,为大家整理好了狩猎图表怪的攻略,今天一并分享给大家。

可视化后台必备指南!

 (不算攻略的)攻略一 . 自己画

一个完整的图表是由非常复杂的点、线、面、文本、数字构成的,并且对元素的布局要求非常高。因此自行绘制图表,相当考验耐心、细心甚至体力。对于绝大部分小伙伴来说,都不推荐此方式。

但是如果设计项目本身有较特殊的风格、标准或规范,无法通过其它工具来实现,那么自行绘制图表,在某种意义上,是不得不选择的唯一办法。

但,如果我们的项目更侧重传达数据信息,对于图表样式风格的要求没有那么苛刻,那大家一定要往下看看其它更推荐的方式。

可视化后台

 攻略二 . 导入三方工具制作的图表

在三方工具中制作好图表,再截图粘贴到设计项目中,这是很多刚接触可视化后台项目的小伙伴倾向于采用的方式。

其中最具代表性的工具必然是Excel,这款几乎每个人都会使用的表格工具,提供了根据表格数据快速生成各类图表的功能。

虽然此方式能够为制作图表提供不少便利,但Excel的组件风格相对简单,截图对图表的清晰度会有很大的影响,并且后续的维护调整非常麻烦。对于很多人来说,也只能算一个勉强的选择。

可视化数据

 攻略三 . 导入专业图表工具制作的图表

在搜索引擎中就能轻松检索到很多专业图表设计工具。使用这类工具能够制作类型多样、精细度高的图表,并且提供了多种导出及应用方式,还可以直接用于各类网页、产品的开发使用。

但此类图表工具往往价格高昂,并且有一定的学习成本,因此通常只有对图表有较大使用需求的企业和团队才会选择。

导入专业图表工具制作的图表 

攻略四 . 使用自带图表组件的设计工具

如果想在设计工具中快速创建各种类型的图表,并自定义图表风格样式,还可以随时进行修改维护,那么此方法必然是你的最佳选择。

只需三步,即可快速搭建精美的可视化数据界面。

第一步,添加图表。在组件库中找到图表分类,并拖拽到指定位置,即可创建默认状态的图表。

不仅支持常用的柱状图、饼图、折线图,还能添加面积图、雷达图、散点图等图表类型。

使用自带图表组件的设计工具

 第二步,修改数据。双击图表,即可在编辑器中增加、删除和修改各类项目及对应的数据,柱状图、折线图等图表均支持添加多行多列,即使是海量数据也能得到支持和呈现。

点击项目前的色块,还可以打开拾色器,轻松调整图表的配色方案。

修改数据

 第三步,调整元素。选中图表,在右侧的属性面板中,可以调整图表的构成元素。坐标轴、图例、数据标签都可以设置为显示或隐藏,还可以为部分图表设置数据堆叠效果。

通过调整图表的整体尺寸,图表中的元素尺寸及位置也会自适应调整。

可以调整图表的构成元素  

并且,通过此方法制作的图表还非常易于维护。除了数据、样式可以随手改,还可以进行图表类型的切换。如果收到把柱状图改为折线图的需求,只需要一秒就能完成类型切换。是不是超级方便!

 调整图表的构成元素

 在演示时,制作好的图表还自带非常丰富的交互动效,无需任何设置,效果完全可以媲美代码实现的图表内容。

 数据可视化

 看到这里,小摹的老朋友们想必已经知道我说的是哪一款设计工具了吧?没错,正是咱们摹客的在线原型设计工具——摹客RP!

在摹客RP中,不仅可以轻松绘制图表,还能使用其它组件快速搭建各类的手机、PC界面。不管是制作可视化后台或是其它各类项目,摹客RP都能帮你轻松完成。

最后,必须要再次强调的是:摹客RP可以永久免费用!参与摹客RP的免费设计计划,可以不限功能、不限时长、不限项目数及页面数地进行使用!

 摹客免费

 别再一个点、一条线地拼凑图表;拒绝从三方工具中一张张截图;告别花钱购买额外的图表工具服务。来摹客RP,一次性满足你的所有图表制作需求!


上一篇
摹客,新全貌画板(beta版)上线,体验更流畅!

mooncakest   07/15

13款适用于产品设计的最佳素材网站

mooncakest   07/06

下一篇
需要帮助?

摹客产品顾问为你服务

我是小摹,立即扫码加我吧!

帮助群:762023607

服务邮箱:service@jongde.com