整理全网最全大屏设计资源,包括各类智慧大屏,axure高保真大屏原型,大屏设计参考思路,大屏设计可视化图片,如何学习设计大屏等。

Gitee仓库地址:https://gitee.com/AiShiYuShiJiePingXing/bigscreen

克隆:git clone https://gitee.com/AiShiYuShiJiePingXing/bigscreen.git

image-20210607114608477

一、大屏设计资源

草木交易

大屏设计参考手册

image-20210607114154226

大屏效果图片

image-20210607114036374

大屏入口屏-主屏

大数据分析系统

企业、物流

食物

收费站

数字孪生

物流大数据

舆情分析

智慧城市

智慧高速

智慧公交

智慧交通

智慧社区

大数据可视化平台

image-20210607114211755

登录界面

视频监控

数字孪生

移动能效

智慧仓库

智慧城市

image-20210607114451986

智慧电商

image-20210607114432050

智慧工地

image-20210607114423258

智慧公安

image-20210607114413754

智慧公司

智慧环保

智慧交通

image-20210607114402027

智慧金融

智慧景区

智慧金融

智慧矿产

智慧企业

智慧气象

智慧设备

智慧社区

智慧市场

智慧图书

智慧网络

智慧物联

智慧物流

智慧消防

智慧销售

image-20210607114337233

智慧医疗

智慧运维

智慧运营

image-20210607114324738

智慧政务

image-20210607114314841

GIS大屏

axure高保真大屏原型

二、个人收藏的花瓣大屏图片

地址:https://huaban.com/boards/37969129/

地址:https://huaban.com/boards/71659253/

附录A:优秀大屏参考案例

大屏HTML

http://yuanbaoshuju.com/preview.html

image-20210508180406924

DataGear大屏看板模板

Gitee地址:DataGearDashboardTemplate

静态大屏HTML模板,可作为看板模板导入DataGear数据可视化分析平台,制作大屏展示数据可视化看板。

DataGear是一款数据可视化分析平台,使用Java语言开发,采用浏览器/服务器架构,支持SQL、CSV、Excel、HTTP接口、JSON等多种数据源, 主要功能包括数据管理、SQL工作台、数据导入/导出、数据集管理、图表管理、看板管理等。

官网地址:

http://www.datagear.tech

源码地址:

https://gitee.com/datagear/datagear

https://github.com/datageartech/datagear

模板参考项目

Lang/大屏数据展示模板

特种设备综合监管大屏

介绍:

数据可视化大屏-特种设备综合监管 压力容器 https://blog.csdn.net/yue31313/article/details/90813821

1、集成高德地图 地理信息系统(GIS)。显示图标点、点击显示弹窗。更改地图主题背景色。街道。复选框,筛选切换显示类型状态。

2、echarts图表。地图。占比统计。

3、数据转换成图表所用数据,代码逻辑优化。提高数据生成图表开发效率。

源码下载:

https://gitee.com/han_meng_fei_sha/TeZhongSheBeiZongHeJianGuanDaPing/tree/master

Echarts电商平台数据可视化大屏

Echarts电商平台数据可视化大屏全栈实战项目分享(附源码):https://juejin.cn/post/6960125126008389669

Vue全家桶、WebSocket前后端数据推送、后端框架Koa2、Echarts新版图表组件(折线图、柱状图、饼图、地图、散点图),还支持主题切换, 展示酷炫的图表效果,同时也能够支持大屏和小屏的切换,保证了图表在不同屏幕上呈现的效果。

在线DEMO演示:http://106.55.168.13:8999/screen

image-20210511142337746

附录B:相关资源内容来源及整理

资源来源: