恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
可视化后台必备指南!一文教你合理使用图表组件
0.0°
2022-07-04 原创文章 经验/观点 举报 361 0 0 0

大家好,笔者是怪物猎人。

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

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

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

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

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

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

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



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


一个完整的图表是由非常复杂的点、线、面、文本、数字构成的,并且对元素的布局要求非常高。因此自行绘制图表,相当考验耐心、细心甚至体力。对于绝大部分小伙伴来说,都不推荐此方式。但是如果设计项目本身有较特殊的风格、标准或规范,无法通过其它工具来实现,那么自行绘制图表,在某种意义上,是不得不选择的唯一办法。但,如果我们的项目更侧重传达数据信息,对于图表样式风格的要求没有那么苛刻,那大家一定要往下看看其它更推荐的方式。


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


在三方工具中制作好图表,再截图粘贴到设计项目中,这是很多刚接触可视化后台项目的小伙伴倾向于采用的方式。其中最具代表性的工具必然是Excel,这款几乎每个人都会使用的表格工具,提供了根据表格数据快速生成各类图表的功能。虽然此方式能够为制作图表提供不少便利,但Excel的组件风格相对简单,截图对图表的清晰度会有很大的影响,并且后续的维护调整非常麻烦。对于很多人来说,也只能算一个勉强的选择。


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


在搜索引擎中就能轻松检索到很多专业图表设计工具。使用这类工具能够制作类型多样、精细度高的图表,并且提供了多种导出及应用方式,还可以直接用于各类网页、产品的开发使用。但此类图表工具往往价格高昂,并且有一定的学习成本,因此通常只有对图表有较大使用需求的企业和团队才会选择。


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


如果想在设计工具中快速创建各种类型的图表,并自定义图表风格样式,还可以随时进行修改维护,那么此方法必然是你的最佳选择。只需三步,即可快速搭建精美的可视化数据界面。第一步,添加图表。在组件库中找到图表分类,并拖拽到指定位置,即可创建默认状态的图表。不仅支持常用的柱状图、饼图、折线图,还能添加面积图、雷达图、散点图等图表类型。


第二步,修改数据。双击图表,即可在编辑器中增加、删除和修改各类项目及对应的数据,柱状图、折线图等图表均支持添加多行多列,即使是海量数据也能得到支持和呈现。点击项目前的色块,还可以打开拾色器,轻松调整图表的配色方案。


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


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


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


以上的图形都是用摹客的在线原型设计工具——摹客RP做的!在摹客RP中,不仅可以轻松绘制图表,还能使用其它组件快速搭建各类的手机、PC界面。不管是制作可视化后台或是其它各类项目,摹客RP都能帮你轻松完成。最后,必须要再次强调的是:摹客RP可以永久免费用!参与摹客RP的免费设计计划,可以不限功能、不限时长、不限项目数及页面数地进行使用!


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


Powered by Froala Editor

更新:2022-07-04

收藏

0人已收藏

  • 279

    作品

  • 125

    粉丝

  • 5

    关注

  • 超实用!2024年必看的10个导航栏设计
  • 如何拿捏2024年的B端设计?(附工具推荐)
  • 别让这6个UI设计雷区毁了你的APP!
  • 知名设计神器InVision关停,还有哪些更好的设计工具?

    猜你喜欢

      2022-07-04 原创文章 经验/观点 举报 361 0 0 0

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

      0.0°

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

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年07月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      0
      0
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录