可视化大屏原型图解决方案附axure可视化组件库

2024-06-06 16:08:09

现在越来越多的数据展示方式采用了可视化大屏的策略，对数据项进行图表或者动态的展示。在没有产品原型的情况下，怎么制作一个简易的原型呢？

这里提供三种方式制作简易demo：

第一种：原生html+js实现（适合有开发经验的上手）

cdn方式引入echarts等第三方库，制作简易的demo。

我们可以先从gitee上搜索一下可视化，大屏等关键字，找到一些案例后进行运行。（一般的原生案例都会预留一个index.html的入口）

有前端开发经验的程序员可以很快的熟悉这种demo的模式，在代码中修改需要自定义部分后可以很迅速的输出一个demo。

适用于：与案例较为类似且改动较小的工程
优势：有浏览器的地方就可以运行你的demo ，无需下载原型软件等

第二种：第三方可视化制作原型

几乎可以囊括常用的可视化组件和更为简单友好的交互方式，而越好的东西越是不免费！所以这也就是大多数人望而却步的地方，我只要做一个小小demo还要冲几百的会员？ oh no！

推荐一个AVUE-DATA：目测免费

https://data.avuejs.com/

可以支持导出图片和文件，但是有些鼠标的触发很奇妙，容易出现丢失焦点甚至卡死等问题，毕竟不是本地起的软件，线上化的它需要网络，硬件等更多的要求。当然也有可能是博主自身的原因！不吹不黑!

所以做到一半卡死需要重新开始也不是不可能的事情了！博主最惨的一次应该是做到马上结束添加一个省市区的地图控件的时候，卡死了…

适用于：没有前端开发经验且没有axure开发经验
优势：良好的交互体验(不出现其bug及其他特殊情况的条件下)，快捷的导出图片或者截图

第三种：axure 制作原型

最后一种就是产品同事常用的方法了，专业的原型软件来制作。

首先你需要一个Axure的软件：

当然前提你得会用，这里分享几个可视化常用的可视化 axure组件库

优势这里自然不用多说了，高度的定制化，细致的单元把控：

但是劣势也是相对于前两者来说的，首先你得会用。如果有需要这些包，可以去我的下载频道下载，或者联系我。

可视化大屏原型图解决方案附axure可视化组件库相关推荐

Axure RP大数据BI可视化大屏原型模板及通用组件库
对于做大数据交互原型设计时,需要做到很多背景很科技背景,数据统计汇总组件.Axure RP大数据可视化大屏原型模板及通用组件库主要结构由大屏模板.登录界面.入口界面.初始框架.图表组件.设计组件等六大 ...
大数据可视化模板、模板框架、动态控件、可视化大数据原型、监控平台、图表元件库、数据看板、驾驶舱、统计图表、大数据驾驶舱、大屏展示、联勤治理、旅游、运输、车辆、校园、舆情、信息监测看板原型
大数据可视化模板.模板框架.动态控件.可视化大数据原型.监控平台.图表元件库.数据看板.驾驶舱.统计图表.大数据驾驶舱.大屏展示.智慧安防.党建.旅游.运输.医疗.校园.工业园区环境监测看板原型适用 ...
大数据可视化模板、模板框架、动态控件、可视化大数据原型、监控平台、图表元件库、数据看板、驾驶舱、统计图表、大数据驾驶舱、大屏展示、智慧安防、党建、旅游、运输、医疗、校园、工业园区环境监测看板原型
大数据可视化模板.模板框架.动态控件.可视化大数据原型.监控平台.图表元件库.数据看板.驾驶舱.统计图表.大数据驾驶舱.大屏展示.智慧安防.党建.旅游.运输.医疗.校园.工业园区环境监测看板原型适用 ...
可视化大屏设计指南，附20份可直接套用的实用模板
如何开发一个可视化大屏? 现在很多公司对可视化大屏非常热衷,原因很简单,大多数公司都存储了很多原始数据,比如报表数据.业务数据.财务数据等,但是领导高层无法理解如此庞大的数据细节. 所以很多高层都喜欢 ...
4步教你玩转可视化大屏设计｜内附实际操作
小编上次写了篇大屏数据可视化的文章<大屏做成这样,领导不重视你都难!>,围绕布局排版.配色.点缀以及动态效果等方面,阐述了帆软的一些经验,文章中酷炫的大屏效果引起了很大反响,非常多热心的用 ...
Python 爬取“工商秘密”微博后，我做了这个“可视化大屏”（附gif图）
公众号后台回复"图书",了解更多号主新书内容作者:卖山楂啦prss 来源:数据分析与统计学之美前言微博作为我的日常软件之一,平时除了看看热搜.肖战(哈哈),我还会时不时看看秘 ...
【Python】全文3000字，Pyecharts制作可视化大屏全流程! (附代码分享)
就在上一篇的文章当中干货分享 | 用Pyecharts绘制20钟不同风格的炫酷交互式图表,建议收藏有粉丝提到说是不是可以写一篇用Pyecharts模块做可视化大屏的相关教程,小编立马就答应了他的请 ...
整理全网最全大屏，可视化大屏，可视化方案，可视化参考，报表，大屏设计，大屏资源，大屏学习，高保真大屏
整理全网最全大屏设计资源,包括各类智慧大屏,axure高保真大屏原型,大屏设计参考思路,大屏设计可视化图片,如何学习设计大屏等. Gitee仓库地址:https://gitee.com/AiShiYu ...
整理可视化大屏设计教程与相关资源，大屏设计，可视化
GIT地址: https://gitee.com/AiShiYuShiJiePingXing/bigscreen 点击前往GIT查看一.基础概念 1.1 什么是数据可视化把相对复杂.抽象的数据通过 ...

最新文章

热门文章