EasyV用户必须了解的实操方法论|模板复用五步法

news2024/10/7 0:51:20

本文根据@元宝 在模板复用训练课程上的分享整理而成。

从我们模板复用课程上线到现在,每一期我们都在反复强调:**如何让「所有的」EasyV用户都能搭建制作出「可以落地交付」的可视化大屏是我们课程制作的初衷,跳出「大屏搭建 = 大屏设计」的思维困境。**所以我们前两期内容都是围绕「基础」进行,就算你不懂设计、不了解模板,通过基础篇的学习之后都能「像可视化设计师一样」轻松「搭建」大屏,想要模板套得好,基础肯定不能少!
在这里插入图片描述
EasyV数字孪生的个人空间-EasyV数字孪生个人主页-哔哩哔哩视频

具备基础知识之后,我们也正式开始我们套用模板做大屏的基础应用部分:如何使用模板制作大屏。

在这里我将套用模板到完成搭建的过程提炼为五步:

  1. 搜:认识和使用素材广场
  2. 选:如何选择适合自己的模板
  3. 取:如何取用需要的模板、元素
  4. 改:如何修改模板中的内容、数据、交互,变成自己需要的
  5. 增:提供的模板没有涵盖自己需要的内容,如何增加内容又不破坏原本美观度?

接下来我就详细来看下五步法是如何应用到大屏搭建的工作流中的,并重点介绍关键步骤。

一、搜:认识和使用素材广场

这个问题我们在基础篇中和大家详细讲解过,**素材广场就是易知微的可视化设计师们为大家搭建的「大型可视化素材库」,**每一个模板都可以分子化甚至原子化的拆分作为设计元素。在这里,不仅仅可以通过丰富的模板样式作为基础设计参考,同时可以根据行业、场景、色系、功能模块搜索你需要的素材内容进行收藏、创建。
在这里插入图片描述

二、选:如何选择适合自己的模板

关于合适

「如何选择适合自己的模板」这一话题乍一看非常的宽泛,一千个人就有一千种「合适」的定义,所以在这里我们先需要对于「合适的模板」进行一个规范的划分:内容的契合和风格的契合。

在实际搭建的过程中,内容契合度最大程度体现在主视觉的契合上。可视化大屏的主视觉作为最快速、最直接传递大屏内容和设计语言的方式,通常划分为「地图类主视觉」和「业务定制化类主视觉」和两种。

因此今天我们挑选「内容契合的模板」时,需要根据实际需求针对性选择「地图契合」或「业务定制化场景契合」的模板素材作为原始参考。

选择地图契合

在这里插入图片描述

选择业务场景契合

在这里插入图片描述

在风格契合的模板选择上,我们更着眼于颜色和风格关键词上(听起来有些抽象)。颜色风格的挑选上我们主要会兼顾品牌色与场景/业务主题色两方面的呈现,在这里我们也会**通过强调「场景+颜色」的概念,提升大屏内容理念感,**比如:科技蓝、热血红、书卷白…

针对风格关键词上,其实大家已经能够在日常需求沟通时有明显感知,比如:我希望大屏具备「科技感」、我认为这个场景更适合「国风」元素、这里我们需要大屏设计「简约大气」…

四种风格对比

在这里插入图片描述
通过以上两种方式有条理的拆解出「合适」的定义,我们在挑选模板时将更加有目的性,同时在大屏理念传达上有据可依,用更加具象化关键词进行阐述。

关于选择

这里我们通过一个象限图来帮大家理解一下模板的挑选。那在考虑内容和风格两方面情况下,排除完美情况(风格内容全都符合我的需求)和完蛋情况(风格内容全都不沾边),我们常常会面临两个难题:

  • 这个模板就是我要做的业务场景,但是风格上完全“与我无瓜”
  • 这个模板符合我颜色和风格的定位,但是和我的业务结合不起来

在这里插入图片描述

人生就是这样充满二选一,所以针对两大难题,我们也需要选择更好解决的模式。

我们分情况来看,**如果你选择契合内容需要改造样式,将会面临:拟定新的风格、修改全部组件风格、调整设计元素…**工程量堪比破烂二手房打掉新装修,甚至还需要兼顾设计能力。

但是**如果你选择一个风格符合需求的大屏,你只需要两步:拿着需求改内容(文字、数据)、修改主视觉的样式。**减少步骤的同时大幅缩短时间,只需要在这个还不错的二手房里添置一些适合的家具。

三、取:如何取用需要的模板、元素

那么我们挑选好模板、元素之后,就可以取用对应的模板及元素来进行搭建。

在素材广场中选择需要的模板,光标停留在该模板处,弹出“预览模板”和“创建项目”两个选项,点击“创建项目”,即可完成创建大屏。

这一步需要你拥有熟练使用平台的能力(也不是三言两语能够讲清楚的),你可以通过**帮助文档**快速练习操作,也可以在课程基础篇跟着回放熟悉流程。
在这里插入图片描述

四、改:如何修改模板为自己所用

聊到修改模板,我们从整体(尺寸)到局部(内容、数据、交互、样式)入手和大家分享。

关于修改尺寸

在整体修改上,我们重点是在于「修改大屏的尺寸」,需要将模板尺寸修改为实际交付时的尺寸及分辨率,详细的修改应用可以参考之前的分享:如何确定可视化应用分辨率 - EasyV正式产品文档,这里我们额外需要补充两大注意事项:

  • 比例等于物理尺寸,保证全屏铺满不变形
  • 分辨率需要尽量保持清晰,上限为显卡最大支持,超过 8K 有风险

关于改内容、数据、交互

这部分的修改每个小点都能作为单独一节课来分享,所以在这里我不会详细展开去说,而是会提供方法参考来去辅助大家学习,掌握基础操作。

首先需要充分利用好我们的帮助文档(可视化项目建设流程 - EasyV正式产品文档),了解工作台及编辑界面,其次是通过我们官方的视频教程深入体会

V学院|千呼万唤的 EasyV2023 新版教程及使用技巧来啦|基础培训篇_哔哩哔哩_bilibili

V学院|千呼万唤的 EasyV2023 新版教程及使用技巧来啦|进阶教程篇_哔哩哔哩_bilibili

低代码快速搭建可视化大屏教程|EasyV平台使用教程|小白基础入门轻松上手|快速还原搭建可视化应用_哔哩哔哩_bilibili

在掌握基础操作之后,你还需要额外注意以下几个关键方面:

  • 找得到哪里改

动态面板
子组件
配置项

  • 改数据

数据格式不要错
改地图省份
利用好 EasyMap

  • 改交互逻辑

看文档、典型案例拆解课

关于修改样式细节

修改样式细节会涉及非常多内容模块,那这里我们找了三个常见的关于样式调整的问题来帮助大家理解和规避️

Q1-换了模板里的地图省份,如何制作地图顶面贴图?

A1-上周才讲过!V学院|如何设计制作QGIS写实地图?保姆级教程来啦!_哔哩哔哩_bilibili,后面还会专门出一个教程。

Q2-我想统一相似组件的样式风格,有没有便捷的方法?

A2-直接通过样式复制功能,选择好你的目标样式进行“格式刷”

Q3-怎么能够修改的和原始模板一样美观好看?

A3-美观度是非常抽象的概念,所以我们需要在制作大屏的全流程的各方面去遵循「四大设计原则」

千万别改

我们上架的官网模板都会遵循「四大设计原则」进行设计,包含了原本良好的布局对比、亲密性关系等,因此我们在修改模板时需要尽可能的去遵守面积比例关系以及组件元素间距规律。

同时我们在修改时也需要考虑到由于数据、内容的调整带来的样式变化,提前确定好参考线,建立明确的内容边界,减少内容修改带来的负面影响。

五、增:如何增加内容又不破坏原本美观度

当我们修改好基本内容后,总是会发现部分模块在原有模板中缺少内容载体,需要额外增加元素进行补充,这时候新元素放到哪里、放成什么样、怎么融入原有内容等问题就暴露出来。

数量增加

举个来说,图中模板我需要在对应模块增加对应的指标数据,那么我该怎么做?首先从简单的入手,左侧三个指标变为四个,我只需要调整两两间的间距,挤一挤轻松放下第四个指标。但是右侧的模块本身间距不大,且都是双数布局,这个时候该怎么办️
在这里插入图片描述
那这里我会建议你打开素材广场,找到含有类似模块的模板,参考其处理方式,根据自己数据的实际情况进行对应的调整修改,在保证整洁、平衡感的大前提下调整样式,必要时也可以通过「动态」的方式处理展现问题。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

种类增加

种类的增加具体是指需要本身模板之外的组件模块。那当你遇到这种情况会怎么做呢?通常大家会找到对应组件,新建组件从零开始重新配置,这时候你是不是会发现,自己新建的内容仿佛大屏局外人,默认样式配色和意向模板不搭,最终效果比较简单,甚至“简陋”。

从颜色到纹理再到明暗度

在这里插入图片描述

这个时候我更建议你找到素材广场中用到此类模块的模板,从中把它“拆出来”,根据意向模板的颜色类型进行简单的修改,既能兼容意向模板风格,还能够满足使用需求。

总结
做设计绝不是一蹴而就的,需要长期的耕耘才能磨练出一个较高的审美水平和设计能力。通过复用大屏的形式,弥补了短时间无法提升的能力。即使不是专业设计师,也能站在“巨人”的肩膀上,产出高水准的可视化大屏。

海量学习技巧&优质素材模板,进入易知微官网,更有免费试用机会!

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

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

相关文章

【机器视觉系统】NoobVision

NoobVision 基于Qt/C实现的视觉框架平台,已有多款项目成功实施 功能不算非常完善,但架构设计成熟 Q 2903612753

Spring事务的隔离级别介绍说明以及怎么去修改Spring事务的隔离级别

😀前言 本篇是Spring 声明式事务系列的最后一篇介绍了Spring事务的隔离级别介绍说明 🏠个人主页:尘觉主页 🧑个人简介:大家好,我是尘觉,希望我的文章可以帮助到大家,您的满意是我的…

SystemVerilog中$timeformat的用法

在SystemVerilog中,输出信息显示时间时,经常会在输出信息格式中指定“%t”格式符,一般情况下“%t”输出的格式都是固定的,但是这样固定的输出显示的时间可能有时会让用户看起来感觉比较诧异,例如下面的示例。 【示例】…

【word密码】设置word只读模式

想要将word文档设置为只读模式,方法有很多,今天小奥超人介绍几个方法给大家。 方法一:文件属性 常见的、简单的设置方法,不用打开word文件,只需要右键选择文件,打开文件属性,勾选上【只读】选…

ROSE75 GAS DM蓝牙5.2双模热插拔PCB

键盘使用说明索引(均为出厂默认值) 软件支持(驱动的详细使用帮助)一些常见问题解答(FAQ)首次使用步骤蓝牙配对规则(重要)蓝牙和USB切换键盘默认层默认触发层0的FN键配置的功能默认功…

助力金融服务行业转型,NETCLOUD的全方位解决方案!

随着科技的飞速发展和数字化时代的到来,金融行业也面临着前所未有的变革和挑战。在这个信息爆炸的时代,数字化转型已经成为金融行业不可忽视的趋势。从传统的银行、保险到投资管理,无一不受到数字化浪潮的影响。那么,为什么金融行…

Android CameraX适配Android13的踩坑之路

AndroidCameraX适配Android13的踩坑之路 前言: 最近把AGP插件升级到8.1.0,新建项目的时候目标版本和编译版本都是33,发现之前的demo使用Camerax拍照和录像都失败了,于是查看了一下官网和各种资料,找到了Android13的适…

中远麒麟堡垒机 SQL注入漏洞复现

0x01 产品简介 中远麒麟依托自身强大的研发能力,丰富的行业经验,自主研发了新一代软硬件一体化统一安全运维平台一-iAudit 统一安全运维平台。该产品支持对企业运维人员在运维过程中进行统一身份认证、统一授权、统一审计、统一监控,消除了传统运维过程中…

十七、地物识别

描述了使用2D卷积神经网络图像识别的全过程。下载和安装标注工具,对图像进行标注,生成标注后的图像。然后对数据进行增强,划分训练集和测试集。最后通过神经网络建立分类模型,对现有图片进行分类应用。 1、Labelme工具 Labelme工具是语义分割标注工具,在地物类型或建…

《论文阅读14》FAST-LIO

一、论文 研究领域:激光雷达惯性测距框架论文:FAST-LIO: A Fast, Robust LiDAR-inertial Odometry Package by Tightly-Coupled Iterated Kalman Filter IEEE Robotics and Automation Letters, 2021 香港大学火星实验室 论文链接论文github 二、论文概…

管理类联考——逻辑——真题篇——按知识分类——汇总篇——一、形式逻辑——性质——第三节——真假推理

文章目录 第三节 性质—真假推理题—性质—两命题间的关系—①先找矛盾,后找包含—矛盾:“所有A都是B”矛盾“有的A不是B”;“所有A都不是B”矛盾“有的A是B”。—包含:“所有A都是B”→“有的A是B”;“所有A都不是B”…

【k8s】基于Prometheus监控Kubernetes集群安装部署

目录 基于Prometheus监控Kubernetes集群安装部署 一、环境准备 二、部署kubernetes集群 三、部署Prometheus监控平台 四、部署Grafana服务 五、grafana web操作 基于Prometheus监控Kubernetes集群安装部署 一、环境准备 IP地址 主机名 组件 192.168.100.131 k8s-ma…

信息与通信工程面试准备——数学知识|正态分布|中心极限定理

目录 正态分布 正态分布的参数 正态分布的第一个参数是均值 正态分布的第二个参数是标准差SD 所有正态分布的共同特征 标准正态分布:正态分布的特例 中心极限定理 理解定义 示例# 1 示例# 2 知道样本均值总是正态分布的实际含义是什么? 正态分…

Python发送QQ邮件

使用Python的smtplib可以发送QQ邮件,代码如下 #!/usr/bin/python3 import smtplib from email.mime.text import MIMEText from email.header import Headersender 111qq.com # 发送邮箱 receivers [222qq.com] # 接收邮箱 auth_code "abc" # 授权…

流媒体服务-传输延时(SEI插帧)

什么是延时 很多小伙伴认为,当推流端和拉流端显示的时间不一致,即为延时。 其实这种看法是比较片面的,不同的播放器,对同一路流进行测试,可能会得到不同的结果。 一般来说,延时为以下几个部分的累加组成 …

最近抖音很火的情侣飞行棋

最近抖音很火的情侣飞行棋 最近抖音很火的情侣飞行棋,这款情侣飞行棋提供了丰富的游戏玩法,可以为情侣、朋友或家人带来欢乐的游戏体验。扫码进行体验识别 无论是在家中,还是在聚会、旅行等场合,都可以轻松启动该网站&#xff0c…

为何千万别学网络安全专业(网络安全小白避坑的建议解析)

前言: 近年来,随着国家对网络安全的战略关注和新基建的持续投入,网络安全专业成为一个热门话题。然而,好专业不一定就能找到好工作,对于想从事网络安全专业的小白们,需要持谨慎态度,避免走一些…

案例:用户登录/注册

文章目录 技术框架说明登录案例1.需求分析2.环境准备2.1 前端页面2.2 创建数据表及对应的实体类2.3 导入mybatis坐标,MySQL坐标2.4 配置文件及接口 3. 用户名密码校验4. 前端配置5.Servlet编写 注册案例1.需求分析2.配置用户接口3. 测试添加用户4. 前端配置5. servl…

【概念理解】STM32中的sprintf()函数

sprintf()函数 这个函数在 stdio.h中;可以将格式化的数据写入到一个字符串缓冲区中。 int sprintf(char *str, const char *format, ...);str:指向字符数组的指针,即用于存储格式化后字符串的缓冲区。format:格式化字符串&#…

通过nvm切换nodejs版本

下载: 1.下载nvm地址: https://github.com/coreybutler/nvm-windows/releases 下载该安装包,下载后无需配置就可以使用,十分方便。 简单说明一些包: nvm - noinstall.zip : 这个是绿色免安装版本&#…