低代码搭建100分的酷炫大屏看板,3分钟打动老板!

news2024/10/3 2:17:41

不久前的一个热门话题是“00后整顿职场”,其实完全是胡说八道,因为大半的00后连工作都找不到!
在行业危机,裁员话题不时火爆的今天,别说00后了,90后的打工人们纷纷都有了人还没到中年的就有的危机感。别说升职加薪了,以现在的行业形势和资源条件,很多人拼尽全力是为了保住饭碗。卷的态度要到位,也要学会在哪些方面卷。比如,对于大家都熟悉的核心业务,是需要自己一点一点积累的,短时间内无法快速越级提升。因此,如果要在核心业务上快速超越同伴非常困难。可工作中不可能只有核心业务,也需要其他的辅助性工作。
有时候,做好辅助性工作更加能帮你从一众同事中脱颖而出。主动学习一些别人不会的工具和技术,比如老板们普遍喜欢的大屏技术,不是学更多的架构知识和敲更多代码能相当的。
我的一个多年的好友就是凭他开发大屏独特的技术在公司混到了高层,我上周和他喝了次茶,让他给我分享了一些新的和精炼的模板,现在无偿分享给大家。他当时花了1个多月考察对比了市场上的主流大屏工具,最终确定上FineVis时,可以基本解决80%的现有的展现问题。我也把具体的搭建大屏的教程送你,让你最快掌握这项硬技能!

一、背景调研

在3D大屏设计开工之前,我们需要调研大屏应用场景、最终用户的业务诉求、建模范围、3D风格偏好等,这些决定了一个3D大屏的基调。
在这里插入图片描述

下面以“新概念汽车介绍”的大屏搭建来介绍,改编自真实客户案例改编。
在这里插入图片描述

业务需求方想要在大型展会上通过3D可视化大屏向参展者展示某款最新研制的汽车。
在这里插入图片描述

二、讲好故事

我们需要决定如何通过呈现各个3D场景,来讲一个大屏故事。
在这里插入图片描述

接着,我们要可视化的设计所表达的内容。
在这里插入图片描述

三、确定原型

在这里插入图片描述

再结合点选式的交互事件配置,一个可交互、可演示的大屏demo就做好了。项目经理拿着这个蓝图,可以给业务方再演绎一遍故事线,确认原型无误后再投入视觉设计。
在这里插入图片描述

四、视觉设计

设计师确定设计理念、主色调、主视觉质感、图表风格等。
在这里插入图片描述

五、制作并修改

循环播放动画:
在这里插入图片描述

  • 只播放一次动画:
    在这里插入图片描述

六、上屏调整

通过大屏的自适应功能很快的图标和图片排除变形等问题。
在这里插入图片描述

给大家整理了一堆模板,感兴趣的私信领取。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/686285.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【基于Django框架的在线教育平台开发-01】账号登录及退出登录功能开发

文章目录 1 模型层开发2 视图层开发3 form表单验证4 配置urls.py5 模板层开发6 效果展示 1 模型层开发 用户数据表如下所示: FieldTypeExtraidintPrime Key & Auto Incrementpasswordvarchar(128)last_logindatetime(6)Allow Nullis_superusertinyint(1)usern…

适用于 SAP 解决方案的 OpenText Extended ECM(企业内容管理)

适用于SAP 解决方案的 Extended ECM 概述 创建一种更好的将您的企业内容和企业应用程序连接起来工作方式,并从全面的数字内容管理平台中受益,该平台以产品化的方式无缝集成到任何 SAP 业务应用程序中,无论是在本地还是在云中。 SAP 解决方案…

Flutter 组件(二)文本 与 输入框组件

Flutter开发笔记 Flutter 组件(二)文本 与 输入框组件 - 文章信息 - Author: Jack Lee (jcLee95) Visit me at: https://jclee95.blog.csdn.netEmail: 291148484163.com. Shenzhen ChineAddress of this article:https://blog.csdn.net/qq_28550263/art…

第一章 计算机系统的概述①

一、操作系统概述 1、操作系统的概念(什么是操作系统) 概念:操作系统 (Operating System, 0s) 是指控制和管理整个计算机系统的硬件和软件资源,并合理地组织调度计算机的工作和资源的分配:以提供给用户和其他软件方便…

✅【值得收藏】超全期刊缩写查询网址

【SciencePub学术干货】英文论文写作中会插入参考文献,而参考文献中的期刊名称时常需要使用缩写。期刊缩写一般包括两种格式:JCR缩写和ISO缩写。比如 Journal of controlled release 杂志: 期刊名:JOURNAL OF CONTROLLED RELEASE…

力扣算法刷题Day47|周日总结:动态规划之背包问题

背包问题 〉题型分类 解题套路 〉动规五部曲 确定dp数组(dp table)以及下标的含义确定递推公式dp数组如何初始化确定遍历顺序举例推导dp数组 解题技巧 〉递推公式 问背包装满后的最大价值:dp[j] max(dp[j], dp[j - weight[i]] value[i]) …

跨库分页查询

背景 随着数据量的增大,数据库需要进行水平切分,例如通过业务主键id取模,使得数据均匀分布到不同的库中,随之而来的问题就出现跨库如何进行分页查询。 举例 select * from t_user order by time offset 200 limit 100 当在单库…

NXP i.MX 6ULL工业核心板规格书( ARM Cortex-A7,主频792MHz)

1 核心板简介 创龙科技SOM-TLIMX6U是一款基于NXP i.MX 6ULL的ARM Cortex-A7高性能低功耗处理器设计的低成本工业级核心板,主频792MHz,通过邮票孔连接方式引出Ethernet、UART、CAN、LCD、USB等接口。核心板经过专业的PCB Layout和高低温测试验证&#xf…

Jenkins在Ubuntu的安装问题

使用apt安装没有成功,各种报错。最后使用了离线安装方式。 1、安装jdk。和之前的安装jdk无异,增加一步 添加一个软链接 sudo ln -s /path/to/java/home/bin/java /usr/bin/java 2、下载deb包,然后安装 2.1、前置步骤,安装可能…

面向适航符合性的智能航电系统认证研究进展

摘要 民用飞机航电系统引入人工智能/机器学习技术会带来可信性、不确定性和可解释性等问题,有必要通过有效的符合性方法向公众与利益攸关方证实智能航电系统的适航安全性。首先,分析了智能航电系统的等级分类和应用现状,阐述了现有指南和标准…

three.js通过CubeTexture加载环境贴图,和RGBELoader加载器加载hdr环境贴图

一、使用CubeTexture进行环境贴图 1.CubeTexture使用介绍 Three.js中可以通过使用CubeTexture进行环境贴图,CubeTexture需要将6张图片(正面、反面、上下左右)包装成一个立方体纹理。下面是一个简单的例子: 首先需要加载六张贴图…

关于随机梯度下降算法及其改进方向

回归与分类等监督学习是机器学习中最常见的一类学习问题, 它提供了包含输入数据和目标数据的训练数据集。为了探讨输入与目标之间的关系,需要先建立含参数的表示模型,再通过最小化所有样本的平均损失函数来获得最优的参数, 此处的优化模型通常为经验风险…

【SpringMVC】统一异常处理 前后台协议联调 拦截器

1,统一异常处理 1. 问题描述 在讲解这一部分知识点之前,我们先来演示个效果,修改BookController类的getById方法 GetMapping("/{id}") public Result getById(PathVariable Integer id) {//手动添加一个错误信息if(id1){int i …

那些曾经考过的turtle绘图题(16~20)

【编程实现绘图 -16】 使用turtle绘制如右图1中所示的图形。 上边是一个红色轮廓、黄色填充的边长为300的等边三角形,下边是一个绿色填充、半径为150的半圆。 要求: 1)画布背景为白色,等边三角形为红色轮廓、黄色填充; 2)半圆为绿色填充、且与等边三角形在底边的中点处相…

OpenCV——总结《车牌识别》之《常用的函数介绍》

1. cv2.getStructuringElement(cv2.MORPH_RECT, (10, 10))element cv2.getStructuringElement(shape, ksize[, anchor])用于创建形态学操作的结构元素(structuring element)。 参数解释: shape:结构元素的形状,可以…

k近邻算法

文章目录 一、K近邻算法(K Nearest Neighbor algorithm, KNN)1.概念2.流程3.问题——不能用来图像分类1)图像分类2)为什么不能用来图像分类3)数据库样例:CIFAR-10 二、HEU的K近邻算法1.概念2.伪代码3.k近邻算法是非线性分类算法4.…

java项目之教学视频点播系统ssm

风定落花生,歌声逐流水,大家好我是风歌,混迹在java圈的辛苦码农。今天要和大家聊的是一款基于ssm的教学视频点播系统。项目源码以及部署相关请联系风歌,文末附上联系信息 。 💕💕作者:风歌&…

SVM支持向量机理解_KKT条件_拉格朗日对偶_SMO算法代码

目录 一、支持向量机基本型(线性可分) 1.1 问题描述 1.2 参考资料 二、KKT条件 2.1 KKT条件的几个部分 2.1.1 原始条件 2.1.2 梯度条件 2.1.3 松弛互补条件 2.1.4 KKT条件小结 2.2 参考资料 三、对偶形式 3.1 由原始问题到对偶问题 3.2 对偶…

ubuntu双系统安装

1. 下载系统 国内镜像 http://mirrors.ustc.edu.cn/ubuntu-releases/2. U盘启动盘 Rufus 软件 制作U盘启动盘 Rufus 链接 https://rufus.en.softonic.com/3. 磁盘中准备一定未分配磁盘 我准备了100G 4. BIOS启动项选择为usb启动(每个品牌进BIOS不同&#xff0…

win下 Nginx.conf 路径配置注意事项(win)

win下 Nginx.conf 路径配置注意事项 文章目录 可使用win绝对路径路径不能包含中文路径不能包含空格路径中的"\n"会被识别成换行贴一段正确配置的Nginx.conf代码 可使用win绝对路径 网上有种说法是win下Nginx不能设置绝对路径,但我在Nginx-1.24.0下是设置…