V友故事·感恩节特辑|Vol.7 用 EasyV 开启不受限的可视化设计体验

本期嘉宾

张啸天(站酷 ID:张张张夏天),从事设计行业已经 4 年多,接触可视化设计工作大概有 2 年时间。目前就职于卓见云的可视化业务部门,所在团队大概 15 人左右,包含了产品、设计、开发、引擎,可以说算是一个相对完整、标准的小型可视化业务团队。啸天所在的卓见云是EasyV 数字孪生可视化搭建平台的企业客户之一,他本人更是能够使用 EasyV 做大屏效果很好的设计师之一。
在这里插入图片描述

一、可视化设计之路

我加入卓见云之前是在一家做 to G 业务的公司,在那时就已经了解到袋鼠云,或者说易知微,那段工作算是我开始接触大屏可视化设计的一个起点。我印象最深的一个是姚成浩老师做的“智慧树”(福州政务可视化大屏),应该是你们早期比较经典的案例,那时候大家都很好奇他是怎么做出来的,我记得有次 B 站直播,说他开始的时候也不会做,所以他就去搜怎么做树、怎么做叶子,最后拼合在一起。

在这里插入图片描述

另一个则是一个金融相关的可视化大屏,有一个黑金机器人去点击展开一些图表出来,当时我觉得既能炫酷,又能通过交互,去结合业务,这个整体来看就很厉害。

在这里插入图片描述

这些作品对我而言算是一个契机,当时工作没两年,初心就是觉得大屏好看、炫酷,我自己也倾向于去做做不同的东西,就像迭代一样,挑战不同的领域,B 端、C 端、G 端都尝试一下。

二、探索可视化设计的力量

在我在加入卓见云之后,因为公司选择采购了 EasyV 这个可视化编辑器工具,我也开始正式接触和使用 EasyV 以及 EasyTwin,慢慢开始接触做数字孪生项目,也会在小红书上分享一些产出的业务 demo 或者我的设计练习作品。

在这里插入图片描述

比较有代表性的就是《电力综合智慧设备平台》这个作品,当时是当时 EasyTwin(易知微研发的数字孪生融合渲染引擎)刚开始公测使用,我就想着试用它做点什么。

在这里插入图片描述

这个作品从我的角度而言有亮点和思考的最多的地方就是展示思路上,先从宏观的地球转场到微观的具体设备,在设备层,只是一个设备的话有些单调,我想要有更多的科技感,像电影里那样,于是我就做了一个从全息发光的模式变化到真实实体的模式,接着我觉得它应该有更多观察视角,所以又做了几个方位的视角切换,但觉得还不够,所以又做了结构爆炸的交互动画,可以更清楚地观察到这个设备的结构,这样的展示会更有节奏。另外在一些动效的使用上我也加入了一些想法并通过 EasyV 进一步实现,比如设备底部坐台的旋转动效,是用 EasyV 的图片动画和 3D 变换直接做的,还挺简单容易出效果的。

对比我前期做可视化设计的思路和产出的大屏来看,其实有比较大的转变,也在不断的探索可视化设计更深一层的力量。早期我还是一个追求视觉、视觉最大的状态,后来我随着做的项目变多,渐渐发现不是重视觉就一定能“拿下”客户,客户有时候也会说你花里胡哨的东西太多,干扰重要信息了,你的大屏还是得有一个故事性。你可以看到我站酷之前的作品,边框、动效这些视觉就重一些。

三、聊聊我眼里的 EasyV

其实在刚用 EasyV 的时候,我还是有很多困惑和迷茫的,最大的一个困惑就是“我作为设计师,我已经画完了设计稿,为啥还要我用 EasyV 搭建一遍,还有配置交互也需要设计师来完成?”(PS:EasyV 中的“搭建”是指通过配置 EasyV 提供的图表、地图、按钮等组件,还原设计稿的视觉和交互效果)

直到现在关于这个困惑,我有了一些答案和想法。对于常规的产品研发流程,就是设计画完图,然后切图、标注给到开发就行了,但用 EasyV,相当于前端页面的还原工作也可以交给设计师来做,还包括交互逻辑的配置,这不相当于把前端的大部分工作都做了吗?

但后来随着实际进行大屏项目设计经验增加,我慢慢发现如果这部分工作还是由前端同事来做,那作为设计师就不会主动去思考整个交互逻辑、过渡效果,比如之前某个项目案例的转场切换,开发很可能就直接给你一个生硬的切换,啪地闪一下就转场了。所以从这个角度来说,设计师可能是更适合来负责 EasyV 搭建环节的人选,你可以更全面、更直接地制作和把控整个大屏的交互、细节,这么看这反而是一件好事。

在这里插入图片描述

也正是因为以上的这些思考,对于我而言使用 EasyV 除了很明显的能够降低可视化大屏的设计搭建成本、提高项目交付效率,丰富的可视化组件能够很便捷的还原我的设计效果。同时易知微素材广场上的大屏模板也能够给我更新的、更多的设计灵感和参考。在这两点之外,对于作为设计师的我而言更看重的优势是 EasyV 能够在更大程度上的发挥 UI 设计师或者可视化设计师们的想象力,我们可以打破常规的规则去做这些事情(交互、动效等)。

四、开启不受限的设计旅程

为了能够给大家提供更多思路参考,这里我们会分享一段易知微可视化设计师元宝老师和啸天的思维碰撞。

啸天:
在我从事可视化设计到现在,我会开始思考「可视化是否就像外人所说的一样把路走“窄”了?」,一方面是看到一些设计师社群讨论过类似的问题,另一方面是来自我的职业焦虑和周围人的反馈,作为一个专门做可视化业务公司的设计师,这几年都在做大屏,那我在 B 端、C 端方面是不是就会比别人差那么一截?一些新的知识点没有掌握,如果将来想再去做 B、C 端,我还能做吗?这就是一个会让人产生困惑和焦虑的问题。也许我可以把大屏这类设计做到极致,但到目前为止这样的设计师并不多,而且未来市场上专门做可视化业务的公司是多是少,在现在而言都是未知数。

元宝:
有这样的职业焦虑我觉得是常事,你这个点让我想到因为可视化被大家熟知的三鱼先生,我记得有一篇采访他的文章,他表达了这样一种观点:我是一个 B 端体验设计师,为啥大家老把我定义成做数据可视化的,我对这点印象深刻,给我的启发就是当下这个时代的可视化也好、数字孪生也好,可能都只是 B 端设计下的一个细分领域,把自己定位成更大、更开阔的 B 端设计师,这样在技能学习、职业发展上也会更开阔一些。

啸天:
可能在大部分人和公司眼里,并不会把大屏的设计单独还分给一个叫“大屏/可视化设计师”的角色,很多公司并不像我们一样就只做大屏相关的设计,我们几乎是把大屏当作主业来做了,但对于其他人,大屏这块可能只是他工作的一部分、一个“副业”。

元宝:
是这样的,我们所在的公司是特殊一些的。我自己的经历是从项目侧转到产品侧,之前在项目侧的工作状态就是做一个接一个的可视化大屏项目,转岗以后我会接触到更多产品、运营设计相关的东西,我自己的感受是会更丰富、多元一些,要去思考很多以前不会思考的设计问题,比如 EasyV 的某个功能细节、模板资产怎么规划、易知微需要什么样的品牌设计…如果你有类似的机会,可以多尝试~

啸天:
目前对于现在的我来说还是迷茫的,还没有太好的方向和想法,这可能就算是我的一个职业瓶颈吧,需要时间去消化它,希望对于未来的我而言能够开启一段不受限的设计旅程。

元宝:
那作为已经专注做了 2 年多大屏的设计师,你最想分享给其他可视化设计同行的经验是什么?

啸天:
主要还是两点:
之前提到现在的大屏有“套模板”这种印象,归结到底还是得提高原创度,我自己用的方法是「临摹、拆解 + 衍化」。比方说我觉得某个 FUI 装饰不错,那我就会把想要学习的部分临摹下来,拆解它的图形构成、质感特点等等,然后再进行自己的衍化,这样的方法既能学到别人的优点,又能发展出自己设计的独特性。

另外就是设计师要能帮客户策划、有效引导客户决策,这一点在可视化项目里更显得更重要,特别是前期大屏展示的方案策划阶段,如果你能理解客户的业务和数据,并主动帮客户把展示内容“串”起来,形成自己的故事线,而不是被动地等着客户、产品经理给你,那你的设计工作会更顺利和出色。

在这里插入图片描述

五、说点题外话

对于我而言,这是我第一次参加这样的访谈,讲述我的故事,其实我不认为自己算是这个行业里优秀的设计师,本身要学习的还有很多,所以不太敢提一些建议或者表述观点,也怕说错什么被大家质疑、反驳。但聊下来发现,很多平时工作里不会和同事、朋友聊的东西,能借着这个机会梳理、讲出来,不用自己“闷”着消化,这一点会让讲述者感到舒服。

关于易知微用户故事

嗨!好久不见啦!
「V 友故事」是一档致力于发现易知微精彩用户故事的栏目。在这里,我们希望了解更多 EasyV 用户们的想法,听到更多用户的声音,进一步了解用户如何使用 EasyV 工具,和更多用户一起见证和探索数字孪生可视化的更多可能。

你是什么时候开始认识、使用 EasyV?你是否在使用 EasyV 搭建完成一些数字孪生或者可视化项目作品?你在使用 EasyV 的时候为你的工作或其他方面带来什么新的变化?

欢迎大家在评论区或者私信我们投稿分享你的故事!

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

PCL点云处理之判断某一点在三角形的内部、外部、还是边上(二百二十二)

PCL点云处理之判断某一点在三角形的内部、外部、还是边上(二百二十二) 一、算法介绍二、算法实现1.代码2.结果一、算法介绍 点与三角形的位置共有三种: 1 内部 2 外部 3 点刚好在边上 (这个判断还是很有必要的,应用广泛,下面代码复制粘贴即可使用,纯C++实现) 二、算…

高效编程“武功秘笈”,手把手教你写一波!

随着今年人工智能技术的大火,越来越多的领域正在接受和利用这项强大的 AI 科技,以实现更高效、更智能的工作方式。在软件开发领域,AI 技术更是为我们的工作带来了前所未有的变革。从自动代码生成到智能编程助手,AI 正在逐步改变开…

鸿蒙(HarmonyOS)北向开发项目编译问题汇总

运行Hello World Hello World 工程可以运行在模拟器中,或者运行在真机设备中。本示例先以选择将 Hello World 工程运行在模拟器中进行说明,如果选择运行在真机设备中,需要先对工程进行签名,然后才能运行在真机设备中。 DevEco S…

Ubuntu 22安装PHP环境

参考博客为《练习 0(2/2):Ubuntu 环境下安装PHP(PHP-FPM)》和《原生态Ubuntu部署LAMP环境 PHP8.1MySQLApache》 sudo apt-get install -y php7.4想要安装php7.4,发现安装的是php8.1。 完成如下图&#xf…

自控基础理论篇-品质因数与阻尼系数的关系

1.二阶低通滤波系数的标准形式 (a)与阻尼系数相关的标准形式 (b)与品质因数相关的标准形式 比较上式可以分析得到,当A0等于1的时候,阻尼比与品质因素有一个对应关系 2.二阶带通滤波系数的标准形式 (a&…

JVM虚拟机系统性学习-对象的创建流程及对象的访问定位

对象的创建流程与内存分配 对象创建流程如下: Java 中新创建的对象如何分配空间呢? new 的对象先放 Eden 区(如果是大对象,直接放入老年代)当 Eden 区满了之后,程序还需要创建对象,则垃圾回收…

掌握Selenium中元素缓存技巧,提高测试效率!

一、前言 / INTRODUCTION 本篇文章我们再来看下如何在Selenium中使用缓存 页面对象模型是UI自动化测试中的一种很好的设计模式,我们使用FindBy和FindAll注释来标记Page Object中的WebElement。 本次要讲的CacheLookup是一个非常重要但被忽视的注释,它可…

Linux查看端口使用情况

1、netstat命令 netstat命令用于显示与网络相关的信息,包括正在使用的端口。 netstat -tuln 其中,-t选项表示显示TCP连接,-u选项表示显示UDP连接,-l选项表示仅显示监听状态的连接,-n选项表示显示数字格式的IP地址和端口…

K8s中pod詳解

目录 Yaml语法解析 Pod pod是如何被创建的 1.创建一个pod 2.创建一个多容器pod 进入容器 3.配置节点标签 4.Pod容器的交互 4.1创建pod,并做本地解析 4.2pod共享进程 4.3pod共享宿主机namespace 5.钩子函数lifecycle 基础指令 # 查看对应资源: 状态 $ kubectl…

程序员的养生之道:延寿健康的十大秘诀(上)

目录 1. 了解程序员健康问题 1.1 程序员健康问题概述 1.2 长时间坐姿对身体的影响 1.3 眼睛健康与程序员 1.4 压力管理与心理健康 2. 合理安排工作与休息时间 2.1 工作与休息的平衡 2.2 时间管理技巧 2.3 活动间隙的小窍门 2.4 养成良好的睡眠习惯 3. 均衡饮食&a…

【算法题】密钥格式化 (js)

!](https://img-blog.csdnimg.cn/direct/bf9a3d781a8043c997593260c0a8306f.png) 第一部分的字符可以少于… const str "5F3Z-2e-9w"; const str1 "2-5g-3-J"; function solution(num, str) {const arr str.split("-");const head arr[0];…

658. 找到 K 个最接近的元素

658. 找到 K 个最接近的元素 Java代码&#xff1a;滑窗 class Solution {public List<Integer> findClosestElements(int[] arr, int k, int x) {List<Integer> list new ArrayList<>();for (int i 0; i < arr.length; i) {arr[i] arr[i] - x;}for(i…

Unity 通过鼠标控制模拟人物移动和旋转视角

要通过鼠标控制并模拟人物移动和转换视角&#xff0c;将会使用射线检测、鼠标点击和鼠标水平移动&#xff0c;配合物体旋转和移动方法共同实现。 首先搭建个由一个Plane地板和若干cube组成的简单场景&#xff1a; 其次创建一个Capsule作为移动物体&#xff0c;并把摄像头拉到该…

thinkphp6入门(13)-- 一对多关联模型

定义一对一关联&#xff0c;例如&#xff0c;一个用户都有多个工作经历。 一、两表 1.用户表:user 2.工作经验表&#xff1a;work_experience user表的id关联work_experience表的user_id。 注意看&#xff0c;user_id1的有2条工作经验 二、数据模型 主表模型&#xff1a;…

多边形的裁剪:一种基于有效边表的有效多边形裁剪算法的分析

我们可以考虑有下面的多边形 黑色边框就是区域就是裁剪下来的多边形区域&#xff0c;我们可以将裁剪区域与多边形区域的端点看作有效边表&#xff0c;显然对于左边界来说我们是要选取边界x值大的点作为新的多边形的边界&#xff0c;对于右边界我们是要选择x值小的点作为多边形的…

通过fpmarkets与自媒体导师学习经验,避免踩坑

举一个例子&#xff0c;从fpmarkets与自媒体导师学习的负面经验&#xff0c;避免各位投资者踩坑。这个要从fpmarkets刚踏入外汇交易市场的第二年说起&#xff0c;偶然的一次&#xff0c;当fpmarkets看到一个可以不用花钱就可以学习交易培训课程时&#xff0c;就如同中了大奖一样…

Windows内存管理机制

文章目录 Windows内存管理机制Windows基本架构物理地址和虚拟地址内存空间布局物理内存和虚拟内存基本概念分页机制 总结从内存中获取数据的过程 Windows内存管理机制 Windows基本架构 在了解Window内存管理机制之前&#xff0c;先简单了解一下Windows的内核权限以及基本的架…

经典基本电路

USB电路 USB差分走线的阻抗为90欧:差分对10mil宽的走线以及5mil的间距,两边包地15/20mil以上厚度(SI9000计算阻抗) USB2.0接口电路&#xff1a; USB3.0接口电路&#xff1a; USB HUB电路: HDMI电路 HDMI差分走线的阻抗为100欧:差分对6mil宽的走线以及5mil的间距,两边包地15/20…

你都那么老了,还在每天写博客吗?

关注卢松松&#xff0c;会经常给你分享一些我的经验和观点。 白色便民网&#xff1a;我想多开一个公司会不会被税局查? 事件背景&#xff1a; 松松已创业9年&#xff0c;自媒体14年&#xff0c;经历过从0开公司、项目失败、赚钱等各种高光时刻。所以对于小微企业经营还是…

为什么QLC NAND才是ZNS SSD最大的赢家?-part3

在ZNS SSD设计中&#xff0c;也有很多的挑战&#xff1a; Open Zones 对写入缓冲区的需求&#xff1a;保持大量的 open zones&#xff08;例如 1K&#xff09;会增加对带宽的需求&#xff0c;并要求控制器提供足够的缓冲空间来管理并发写入请求。这需要较大的高带宽写入缓冲区以…