经验观点 2022年05月31日
0 收藏 200 点赞 4,852 浏览 2857 个字
摘要 :

如何使用EasyV Sass个人版轻松搭建零代码销售可视化看板?详细教程来啦 大家好,我是易知微的可视化设计师——元宝,这是3.31直播的文字版,整理了直播过程中……

如何使用EasyV Sass个人版轻松搭建零代码销售可视化看板?详细教程来啦

大家好,我是易知微的可视化设计师——元宝,这是3.31直播的文字版,整理了直播过程中的关键知识点,同时补充了一些更详细的解说,希望能帮到大家。

首先,这是关于「如何使用EasyV Sass个人版轻松搭建零代码销售可视化看板?」来做可视化设计的直播。


EasyV是什么

用我自己的理解来说,EasyV是我们公司提供的一款快速设计、搭建、开发可视化&数字孪生应用的平台工具。

戳我立即进入官网,免费试用!

EasyV个人版的特点

这是目前提供的三个版本,大家可以到官网详细对比差别。

我在公司内部用的是尊享版,为了直播,我去开了个人版测试账号,使用对比后,我觉得个人版主要的优点有:

  • 虽然有部分组件和大屏文件数量限制,但是真的很便宜
  • 因为目前主要面向非开发人员,特意做了表格形式来编辑静态数据

谁适合使用EasyV个人版

因为我是一个使用EasyV做可视化的设计师,所以,对于正在学习可视化设计的学生或者设计师同行,我可以说——EasyV确实可以帮助你以较低的成本(经济和时间)来实现可视化交互系统的制作。

EasyV的身影

为了更好的解释 EasyV 的用途,以下是中国地质大学的学生用 EasyV 做的校园地理信息可视化的文章,我看完还挺惊喜的!可能这就是自家产品被别人用起来的快乐吧。

文章链接:https://mp.weixin.qq.com/s/xQEDePK9uQFPL9Xkb1SLg

虽然他们用了个人版没有的3D园区组件,但是个人版是我们今年才推出的,产品权益也在不断迭代修改,可能产品那边的同事看到这个组件被个人群体喜欢,没准以后就开放了呢。

从企业层面来看,如果你是在做这类低代码、可视化的平台调研,个人建议是,直接去联系开通更高的版本,这样更利于你对 EasyV 的评估,当然,你也可以先自己买一个月的个人版试试,当作“体验版”~

戳我进入官网,免费试用

凭啥要用?

做直播准备的时候,我一直在想一个问题——我应该直播啥,才能吸引到个人用户,换句话说,就是“大家凭啥要选择用 EasyV 来做可视化”。

经过冷静并深刻的思考,我觉得是:用 EasyV 能把可视化做得更美、更快。

这几年的可视化设计是肉眼可见地流行起来了,大家都在学。

但是,因为缺乏学习参考和高效工具,结果往往不太理想。我捞设计师简历的时候,经常看到很多 UI 做得不错的同学,可视化大屏那部分一下子拉垮,简直不像同一个人做的,表现出来的水平差距太大了。

我之前直播的时候,从设计师的视角,拆解过可视化大屏的设计元素:

而 EasyV 确实可以“一站式”地从这几方面,高效地完成「能交互的可视化系统」的制作,更不必说是一个静态页面了。

所以,为了验证自己的观点,我这次演示的题目是「不用任何外部的软件,只用 EasyV 完成下面这个大屏」:

我只用了一上午的时间,就做完了它,这是可以交互的:

动图封面

当然,这个效果还有很大的优化空间,不过我认为对于这个大屏来说,EasyV能代替 80% 的原始工作流,就已经很nice了。

常规的平面设计部分就不说了,主要是中间的地球,按照常规的设计,大概就需要用到PS、3D建模软件、Ae等等,做出了效果图,还要对接开发小哥进行还原。

PS:“白发老头”的图标,代表的是“也没有压力很大的28岁程序员”的网络梗,这里我想用他表示,EasyV 是可以有效代替前端小哥的开发工作~

关键实操知识点

软件操作之前,是灵感构思,这个毛玻璃质感的思路来自网上的这两张图:

虽然确实受限于自己约定的「不用任何外部软件」的条件,对演示的效果有所取舍,但我想告诉大家的是——可视化设计的灵感,可以来自很多的地方,有很多方式可以表现科技和质感,我们搜集灵感时,不要局限于“可视化屏”之类的关键字,可以扩展到暗色、游戏、仪表盘、车载UI…

以下是一些关键操作摘取,更多的可以查看直播回放~

类似设计软件的面板

如果你用过 Sketch、Figma 一类的UI设计工具,那么可以很轻松了解 EasyV 的功能布局,因为他们很像:

Sketch

EasyV

FUI元素

在 EasyV 中,形状组件、弹性布局组件、闪点、跟踪路径…这类组件可以有效帮助我们完成 FUI 装饰元素的绘制,就是那些框框线线的元素~。强烈推荐弹性布局装饰组件!因为它可以做到拉伸不变形,这样就不用改个尺寸就要重新切图了!有点类似点9切图法:

动图封面

拉伸不会变形的“弹性布局装饰”组件

预置了很多样式,也可以自定义

动图封面

不用导SVG,就可以直接实现水平移动的流光!

地球

不用管怎么实现,你只用调节样式,就可以做一个能交互的地球:

丰富的子组件,想加多少层都可以,样式参数也很多

想要突出国家,不用画贴图,直接用区域热力子组件实现,要更改国家,上传不同国家的geojson文件即可:

飞线的样式,提高了很多样式和动画参数,直接调整就好了!飞线制作的难点,在于修改起点终点、生成随机大量的模拟数据,不然一根根画要累死人。

这里,我们可以利用 EasyMap 自动生成批量飞线的数据,替换到数据源里即可:

复制链接至浏览器,立即进入「EasyMap」:map.easyv.cloud/

动图封面

可以自动生成随机大量的数据

动图封面

保存CSV文件并上传,就可以改变飞线数量和位置

图表组件

关于图表组件,这里演示下批量复制相似组件的样式,可以有效处理 “领导说所有X轴文字调大点” 一类的重复性需求:

动图封面

三步批量复制轴线样式

关于图表组件的配色:

关于图表类似色的搭配分享

交互

EasyV 里的交互制作,属于一通百通,遵循「触发动作+条件——被操作对象——执行的行为」的配置路径,用地球镜头切换的交互来说,在触发的选项卡组件上配置交互:

再介绍下多状态容器——动态面板,用来切换内容块的,可以有效管理同一个区域上的不同切换内容,配合选项卡组件,就可以做到点击按钮进行切换:

动图封面

一个组件,多个状态可切换

好了,关键知识点就介绍到这里,总结一下~从我的视角来看,EasyV的优点是:

  • EasyV 作为一款工具,它是一个有很多与可视化垂直相关的功能聚合体,基本可以做到一站式完成可视化交互系统的制作,减少多个软件切换的成本;
  • 另一方面,从市场的观察结果来看,大家对我们产出的模板、项目作品的美观度评价还是不错的,大家可以来获取很多灵感,加上组件的自定义参数比较多,可以方便地进行二次修改创作。

作为易知微的内部设计师,我和整个团队一样,希望 EasyV 能帮助更多的人高质高效地做出可视化作品,不用加班~

最后说一个PPT的坑吧。直播的时候,文字超链接点不动。原来!是因为——在PPT里,文字和其他元素打组之后,再导出为PDF,就无法识别超链接了。无语子的逻辑,大家共勉~

好啦,谢谢大家观看,然后,在招人,在招人,在招人!

关注【官方微信公众号】,查看更多可视化资讯~等你呦

1、EasyV数字孪生可视化
2、易知微数字孪生世界

免费试用

易知微官网,申请EasyV免费试用,个人版已上线,立即去免费体验!

免费试用期间:运营、产品、设计、技术人员专业一对一拉群指导,解答疑惑。

Powered by Froala Editor

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.jizhisheji.com/140211.html

相关推荐
精选
互动投影的应用所表现出的四大特点
互动投影是集合了商业价值与娱乐特质的人机交互形式,其因绚丽的展示效果而深受到大众喜爱,它的实现主要依靠捕捉设备对目标影像进行实时的动作捕捉,…
日期:2022-06-26 点赞:196 阅读:2,750
精品
提高UI界面高级感的排版实用技巧
UI 界面中,排版设计同样重要。如何将至关重要的信息,有效地传递给用户,这是界面本身的职责,而在绝大多数时候,这通常是靠文本来完成。 这就是…
日期:2022-06-26 点赞:178 阅读:3,982
最新
汽车二手车租车小程序定制开源源码开发制作模板的UI功能设计
汽车二手车租车小程序APP定制开源源码开发制作模板需要哪些功能?——龙兵科技 龙兵科技,自主研发,源码交付,专注软件研发10年,各行业源码齐…
日期:2022-06-26 点赞:160 阅读:3,855
最新
房产报备新房二手房租房等小程序源码制作UI功能如何设计功能?
 龙兵科技,自主研发,源码交付,专注软件研发10年,各行业源码齐全网络销售公司该如何推销出去一个产品?是不是要针对客户的需求去讲解…
日期:2022-06-26 点赞:282 阅读:1,600
必看
机器人情感化设计
前段时间接到了一个企鹅岛的机器人项目,项目目标是要传递“机器人友好”的概念。那我们要如何从设计的角度去传递这个概念呢?友好其实是人对事物的一…
日期:2022-06-26 点赞:90 阅读:4,771
推荐
企业展厅设计用多媒体的方式实现有何帮助
  企业展厅是企业对外宣传的一种重要形式,其通过数字沙盘、弧幕影院、多点触控、全息投影等多媒体互动技术,让用户更好地参与其中,给用户带来沉浸…
日期:2022-06-26 点赞:280 阅读:4,666
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站