`
绿色滑板鞋
  • 浏览: 84765 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

大屏可视化设计实践与软件推荐

 
阅读更多

不漂亮的模板都是相似的,漂亮的模板各有各的漂亮。我知道,你也是希望自己制作的、自己在看的、在用的模板,都是漂亮的。毕竟,领导喜欢漂亮的。毕竟,客户喜欢漂亮的。毕竟,你自己也喜欢漂亮的。毕竟,我们都是专一的“好色之徒”,都喜欢漂亮的。(嘿嘿嘿)可是,像我这样处在视觉鄙视链末端的人,做出的效果总是被无情吐槽,我能怎么办呢?我也好想希望有一个如“大白”、“圆梦巨人”般的助手,帮我快速搞定漂亮的模板啊。

其实一开始套用一些模板,寻求灵感,多借鉴、多学习,最后总可以找到自己做设计的风格。不知道从何下手的话可以了解一下下面的FineReport模板组件的模板复用功能。这个功能,是让模板制作者,可以在本地的同一个模板内或者不同的模板间复制粘贴组件,是为本地用户提升开发效率而准备的,如下图所示。

10分钟搞定大屏设计,多亏了这个功能!

这个功能,是让模板制作者,可以将自己制作好的组件分享给其他开发者,也可以在本地使用其他开发者制作好的组件。

下面放实际案例。

比如帆软的某用户V童鞋,做了很多好看的大屏驾驶舱模板,比如下图这些。

10分钟搞定大屏设计,多亏了这个功能!

笔者我在制作自己的大屏驾驶舱demo的时候,一直打不开思路,想借鉴他模板里一些好看的组件,于是请求V童鞋分享了一些组件给我。如下图所示,其中红色框框圈起来的是V童鞋分享出来的组件(碍于篇幅原因,并没有把所有截图都列出来)。

10分钟搞定大屏设计,多亏了这个功能!

10分钟搞定大屏设计,多亏了这个功能!

我开心的在自己设计器里安装好这些组件,并将其拖拽到决策报表里头,很轻松的就组合了一个全新大屏驾驶舱,如下两图所示。

10分钟搞定大屏设计,多亏了这个功能!

(设计器中截图)

10分钟搞定大屏设计,多亏了这个功能!

(浏览器预览截图)

由于组件是分享自V童鞋的不同模板,所以在不做任何修改的情况下,组合形成的模板在配色方面可能有一些冲突,但我们只要稍微调整一下配色即可迅速美化整个模板。另外为了让模板符合自己的业务,也只需要把组件的数据替换成自己的业务数据就行。

这样算下来,比起绞尽脑汁的自我思考+无头苍蝇般的各种尝试,基于别人已有成果来帮助自己实现大屏驾驶舱,能将工作效率至少提升一倍。我们用一个表格来小结一下,借助组件分享复用实现和自己从无到有设计实现一个大屏驾驶舱,其工作成本的主要差异。



 

对上述功能感兴趣的话可以自行前往官网下载软件尝试。在帆软市场里选择组件栏目,即可看到目前已有的组件,选择自己喜欢的下载使用即可。market组件包含有特色的图表、图文结合的组件、综合类型的组件等多种类型。

另外需要特别强调的是,组件分享复用功能由两部分组成,一部分是复用功能,也即安装使用别人的组件,这部分已经内置在最新FineReport 9.0设计器里;另一个是生成功能,也即生成组件并分享给其他人,这部分功能需要安装插件,该插件目前仅在VIP客户共创活动中提供。

不过,要想真正做出独特的大屏设计,仅仅靠软件自带组件是不够的,大家需要学以致用,自己动手实现属于自己的大屏设计。

 

  • 大小: 26.2 KB
分享到:
评论

相关推荐

    20套-2022-精选数据大屏可视化设计PSD源文件 h.zip

    数据大屏可视化设计是当前信息技术领域的一个重要方向,特别是在数据分析、商业智能以及监控系统中扮演着关键角色。PSD(Photoshop Document)是Adobe Photoshop软件的默认文件格式,用于存储图像设计,包括图层、...

    20套-2022-精选数据大屏可视化设计PSD源文件 i.zip

    数据大屏可视化设计是当前信息技术领域的一个重要方向,它结合了设计艺术与数据分析技术,将复杂的数据以直观、美观的方式呈现出来,便于决策者和观众理解。本资源包"20套-2022-精选数据大屏可视化设计PSD源文件 i....

    可视化大屏素材.zip

    7. **大屏构建工具**:市场上有许多专用于创建可视化大屏的工具,如Echarts、G2Plot、Highcharts等开源库,以及Tableau、QlikView等商业软件。它们提供了丰富的图表组件和配置选项,简化了大屏开发流程。 8. **响应...

    大屏可视化最全源代码-美工和数据分析人员必学

    一、大屏可视化概念与应用 大屏可视化通常指的是在大型显示器上展示复杂数据的交互式视觉呈现方式。它能够清晰地展示大量数据,通过直观的图表、地图、仪表盘等形式,帮助决策者快速理解关键指标和洞察业务趋势。在...

    20套-2022-精选数据大屏可视化设计PSD源文件 n.zip

    大屏可视化设计旨在将大量数据以视觉化的方式呈现,通常包括图表、地图、时间线、仪表盘等多种组件。这些文件中的设计案例可能涵盖了各种常见的数据可视化类型,如柱状图、饼图、折线图、热力图等,可以帮助设计师...

    axure9大屏设计可视化看板素材.zip

    Axure RP 9是一款强大的原型设计工具,尤其在创建大屏设计和可视化看板方面表现卓越。本资源“axure9大屏设计可视化看板素材.zip”提供了丰富的素材,帮助设计师快速构建大屏幕展示的原型,提升设计效率。在本文中,...

    99套数据可视化大屏(源代码)

    用户可以逐个研究这些文件,学习如何将数据与可视化元素结合,以及如何利用JavaScript库创建动态和交互式的大屏展示。 此外,"说明文档.txt"可能提供了关于如何使用这些源代码的指南,包括安装步骤、依赖库、配置...

    数据可视化大屏源码(12套).zip

    通过研究这12套源码,开发者不仅可以掌握数据可视化的基本技巧,还能深入了解CSS在实际项目中的应用,从而提升开发效率和大屏设计质量。同时,这12个案例也可以作为模板,为创建新的数据可视化项目提供灵感和实践...

    python数据可视化大屏源码实战

    此外,为了实现大屏可视化,你需要理解如何处理和展示大量数据。这可能涉及到数据聚合、降维技术,如主成分分析(PCA)或聚类算法。同时,你可能需要了解时间序列分析,以便展示数据随时间的变化趋势。 在实际操作...

    售货机大数据大屏可视化设计

    总结来说,"售货机大数据大屏可视化设计"是一项综合运用大数据技术、数据可视化以及业务洞察的实践。它旨在通过高效的数据处理和直观的视觉呈现,提升自动售货机业务的管理效能和决策质量。通过深入理解和应用这一...

    基于echarts可视化大屏源码精品44套,拿来即用!

    7. **响应式设计**:大屏可视化不仅要考虑桌面端,移动端的适配也非常重要。学习如何利用媒体查询或ECharts的resizeHandler进行响应式布局,确保大屏在不同设备上都能良好显示。 8. **图表组合与动画**:ECharts...

    多款axure9大屏可视化设计模板素材.zip.zip

    Axure RP 9是一款强大的原型设计工具,尤其适用于创建大屏可视化设计。这款软件允许设计师快速构建交互式原型,为各种项目提供基础,包括网页、应用程序以及大型数据展示界面。"多款axure9大屏可视化设计模板素材....

    【源码】数据可视化:基于 Echarts + Vue 实现的大屏范例15-世界人口统计大屏.zip

    标题中的“【源码】数据可视化:基于 Echarts + Vue 实现的大屏范例15-世界人口统计大屏”表明这是一个使用Echarts图表库和Vue.js前端框架创建的数据可视化项目,具体应用在构建一个展示世界人口统计信息的大屏界面...

    19【源码】数据可视化:基于 Echarts + Python 动态实时大屏范例 - 爬虫代码.zip

    在这个名为“19【源码】数据可视化:基于 Echarts + Python 动态实时大屏范例 - 爬虫代码.zip”的压缩包文件中,包含了一整套使用Echarts库与Python进行数据可视化的实践案例,特别是针对动态实时大屏的构建。...

    【Axure数据可视化大屏原型合集】之智慧行业智慧运维大数据可视化HTML版(大数据运维总览图模板).zip

    综上所述,这个资源包提供了利用Axure设计大数据可视化的实践范例,特别针对智慧运维场景。无论是初学者还是经验丰富的专业人士,都能从中受益,提升数据驱动决策的能力。通过理解和应用这些知识点,可以优化运维...

    毕业设计_基于Vue + ECharts的数据可视化系统的设计与实现(源码+PPT+视频+软件)

    《基于Vue + ECharts的数据可视化系统的设计与实现》是一份完整的毕业设计项目,结合了现代前端框架Vue.js和数据可视化库ECharts,旨在构建一个高效、直观的数据展示平台。本项目不仅提供了源代码,还包含了PPT演示...

    大屏可视化大数据设计ps素材,axure模版原型元件库界面

    在大数据可视化设计领域,有效地展示复杂的信息是至关重要的。"大屏可视化大数据设计ps素材,axure模版原型元件库界面"这个资源包为设计师提供了丰富的工具和素材,旨在帮助他们更高效地创建专业的大数据可视化项目...

    山海鲸可视化世界通讯工具数据可视化大屏模板文件分享

    山海鲸可视化软件是一款强大的数据分析和展示工具,具备友好的用户界面和灵活的自定义功能,让用户无需深入编程即可创建出引人注目的数据可视化大屏。 使用这个模板,你可以: 1. **数据导入与编辑**:导入通信...

    27【源码】数据可视化大屏:基于 Echarts + Python Flask 实现的32-9超宽大屏范例 - 监控指挥中心

    本项目主要介绍如何使用Echarts和Python Flask框架构建一个32:9超宽屏幕的数据可视化大屏,适用于监控指挥中心等...通过深入理解和实践,你不仅可以创建出符合业务需求的大屏,还能掌握一套完整的数据可视化解决方案。

    基于Python的数据可视化大屏的设计与实现.docx

    【基于Python的数据可视化大屏的设计与...总之,本论文详细阐述了基于Python的数据可视化大屏的设计与实现,为学生和专业人士提供了一条实践数据可视化的清晰路径,同时也为相关领域的研究和应用提供了有价值的参考。

Global site tag (gtag.js) - Google Analytics