恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Vol.3 从 UI 设计师转岗做可视化大屏的“半典型”经验
4.5°
2023-10-08 原创文章 经验/观点 举报 1198 7 2 0

主持:元宝|嘉宾:皎月

《EXD 设计访谈》是由 EXD(易知微用户体验设计团队)制作的一档设计聊天栏目,主要和你分享我们在易知微这家公司里,关于 B 端工具设计、可视化内容设计、ToB 品牌运营设计方面的工作心得、设计故事等等。

这是本栏目的第 3 期,邀请了皎月(花名)来聊一聊她从 UI 设计师转岗到 EXD 做可视化大屏的故事、经验、心态转变、学习和成长路径。


 本文目录

01 从 UI 到可视化,工作里发生了哪些变化?

02 如何更快、更轻松地渡过“转型期”/“转岗阵痛期”

03 “半典型”转岗后,以祛魅的方式聊聊可视化设计

04 你也想转岗/已经在画大屏?“过来人”有这些实操建议

05 最后,“访谈”变“面谈”?

(图:皎月在工位上画大屏的日常)


一、从 UI 到可视化,工作里发生了哪些变化?

元宝:
欢迎皎月,简单做个自我介绍吧~
皎月:
大家好,我叫皎月,目前在易知微用户体验设计团队做可视化内容资产设计相关的工作,主要就是素材广场的模板素材这一块,还会支持少量的可视化设计项目服务。我之前是在袋鼠云的另外一个子公司的 B 端 UI 设计岗,大概是去年 7 月,才转岗到 EXD 团队的。
元宝:
时间好快,我们都共事一年多了~那我们就进入正题,聊聊你转岗前后在工作内容上的变化吧。
皎月:
之前的工作内容就是产品的 UI 和交互设计,主要是运维监控类的 B 端产品,在我看来,可能更注重产品的功能性和应用性;现在就主要是可视化大屏的设计和搭建,对视觉效果的要求更高,大家也能看到市面上的可视化大屏都是追求「科技感、冲击感」的嘛。这两块事情在视觉上的差异还挺明显的,对应到技能上,我这一年在地图设计、建模、动效上的运用更多,成长也更大。


(图:皎月在转岗前做的典型 B 端页面)


(图:皎月做过的一些可视化模板素材)


元宝:
问一个挖坑的问题,是做 UI 设计开心还是做可视化开心?
皎月:
(嗯?)我觉得在任何工作中,都会有开心和不开心的。UI 设计和可视化设计都是设计,一样会遇到像需求不明确、频繁修改的情况,也一样会在设计完后产生成就感。不管是什么岗位,都应该尽心尽力去做好,只要是把事情做好了,能有自我提升,那最终都是开心的。


二、如何更快、更轻松地渡过“转型期”/“转岗阵痛期”

元宝:
聊聊你转到易知微这边以后,做的第一个可视化任务和其中的困难、解决方法吧。
皎月:
第一个任务是做的一个叫《 MySQL 资源总览》的浅色大屏,可能叫“看板”更合适。说实话,当时并没有遇到太多的困难,可能有两个原因:
1、第一个原因是这个资源监控业务来自我转岗前做过的内容,这个是你当时和我对接的时候说的,希望我从熟悉的业务入手,而且又是浅色简约的风格,所以这类“后台仪表盘/看板”的设计我还蛮熟悉的;
2、另外,当时算是第一次用 EasyV,但讲真的很好上手,在图表配置的部分和我之前做 B 端产品的方式还是有相似之处的,只是交互上会有一些区别,加上我本身是学软件专业的,像静态数据配置这块对我来说也很好上手。

(图:皎月转岗后做的第一个可视化模板)

元宝:
你的上手速度确实挺快,我回想了下,我当时给你这样的任务,是因为基于我带可视化设计新手的经验,一上来就做深色科技感的大屏,很容易“翻车”,从浅色“仪表盘”这种相对简单的可视化任务开始,会更容易上手,这一点在你身上其实也算是重复验证了~那你还记得你设计的第一个深色大屏吗?
皎月:
是的,建议其他正在“转型做大屏”的设计师们也像我这样度过“转型期”,可能会更快和轻松一点。我做的第一个深色的大屏,是橙色的那个主题套件,叫《琥珀》。

(图:皎月做的第一个深色 EasyV 可视化主题套件《琥珀》)

元宝:
那在从浅色到深色大屏的这个设计过程里,有哪些不同、难点和经验呢?
皎月:
其实在做《琥珀》主题套件设计前,我已经做了一个叫《宝蓝》的浅色套件了,当时我已经对可视化地图设计、大屏布局、图表这些都算比较熟悉了,所以算是在“掌握”了浅色可视化设计之后,才开始做深色的。

(图:皎月做的第一个浅色 EasyV 可视化主题套件《宝蓝》)

皎月:
我是先做的《琥珀》套件里的地图大屏,再扩展成套件的。第一次做深色大屏,我对装饰、布局做了“头脑风暴”,找了很多灵感参考,花费的时间确实比浅色大屏更多。要说难点的话,就是深色大屏的科技感还把控不好——装饰容易画得复杂而显得整体杂乱,这是当时的我需要精进的地方。对于这一点,我想很多和我一样从 UI 转岗做大屏的设计师都遇到过,所以我的经验是——放下刻画太复杂装饰的执念,使用更简洁的图形,通过颜色、渐变、光影、动效去体现科技感,可能更容易做出效果。

(图:《琥珀》可视化主题套件中的 3D 地图大屏模板)

元宝:
确实,你这个大屏的装饰是比较轻的,但渐变、光效确实体现出了科技感,这种设定还挺机智~
皎月:
毕竟是第一次正式做深色大屏嘛,拿捏不好太重的科技感是常见的,那就换个思路,从轻量的科技感入手。说起来我发现大家对科技感好像有刻板印象和执念,总觉得要刻画很复杂的边框、图形,才能体现炫酷、科技,但可能有些“固执”了。
元宝:
那现在回头看这个橙色主题的大屏,有发现一些可以改进的地方吗?
皎月:

1、首先,就是业务结合度上的改进了,当时这个模板的指标数据都是自己“编”的,如果能用更贴合真实业务的内容,我会更觉得更实用一些;
2、至于视觉效果方面,基于当时“简约科技风”的“命题”,或者说“设定”,这张大屏的整体感、装饰的和谐度上我已经尽力做到位了,如果现在重新做,那我会尝试换个命题,比如“写实感”、“重科技感”的风格设定,重新去创作一次,可能会有不同的结果。


三、“半典型”转岗后,以祛魅的方式聊聊可视化设计

元宝:
我会把你定义为一个「UI 设计师转岗做大屏的“半典型”例子」,因为你转岗的更大原因是公司的调整安排嘛,所以我想问下你当时听到公司的转岗安排,是什么样的心情?有哪些思考?
皎月:
可能这种“非主动性”的岗位调整总是带着挑战和压力吧,但我并没有抗拒、害怕、不愿意来做可视化设计的想法,因为我对新鲜的事物会有比较强的探索欲望,这次“转岗”不是“设计师转行干销售”那种直接变赛道的,算是到了一个更细分的设计领域里去“横向拓展”,有不会的,那就去学,学会了就可以收获新技能,提升自己,所以当时的我对「转岗做大屏」这个改变是乐于接受的。现在“转型”有一年多了,我认为自己有适应“可视化设计师”这个新身份。而且后来我发现,可视化设计也是设计,它虽然不像 UI 这么“普及”,但它的工作方式、流程和其他设计是很像的,没有那么的“神秘”,大可以放平点心态。
元宝:
你转岗之前,离“可视化设计”还挺近的,因为都在袋鼠云嘛,所以想问问如果公司没有安排转岗,你会有「转型做大屏」的想法吗?
皎月:
转岗前我有在公司官网的素材广场浏览过可视化设计作品,简单了解过这方面的内容,会觉得可视化、数字孪生是一个比较新、炫酷的设计领域,但当时没有强烈要进入可视化设计领域的想法,一方面缺少“转型”的契机,另一方面,我是个比较“活在当下”的人,B 端设计的工作其实能满足我对设计价值的追求。后来这个“转型”的机会出现,我觉得也算是一种缘分和挑战吧。
元宝:
哈哈,可以说「你的转岗是“半典型的”,你的这种“活在当下”是典型的」吗?
皎月:
(笑)目前聊下来可以这么说。


元宝:
网上有一类疑问——可视化设计是不是比传统 B 端 UI 更有前途,对于这个问题,你作为两个都干过的人,有啥看法?你会鼓励 UI 设计师去做可视化设计吗?
皎月:
现在的可视化,可能更多指代“数字孪生”,新的行业总是会让人产生“更有潜力”的感觉吧,但“三百六十行,行行出状元”,作为其中的设计师,还是要问问自己的兴趣所在,另外不管是什么设计,都需要钻研、磨练才能做好。有时候也要对可视化、数字孪生“祛魅”一下的,因为做这块设计的时候,B 端里那些典型的流程问题、客户对接问题并不会消失,你一样需要克服它们,比如说客户给不到数据、要求换个颜色看看、说你的字体太小等等等等。开头也聊到过 B 端 UI 和可视化设计的区别,大家可以做个参考。如果有机会、有想法的话,完全可以尝试做做可视化大屏,说不定能做出些不一样的东西呢。


四、你也想转岗/已经在画大屏?“过来人”有这些实操建议

元宝:
像现在网上有很多 UI 设计师会想要转岗做可视化设计,也可能是被公司要求去承接一些大屏设计需求,那你作为“过来人”能给一些「设计执行」方面建议吗?
皎月:
不管是主动,还是被动去“画大屏”,既然要去设计了,那前期最重要的一点,就是多看多练多思考,要对优秀的可视化作品进行拆解分析。如果你都不知道什么样的可视化设计是好的,那你怎么可能设计得好大屏呢?可能大家平时看得比较多的是我们的素材广场,那是最直接的“大屏灵感参考”,但其实可视化还能从更多地方获得灵感,比如说游戏、车载 UI、城市规划、影视片头这些,还有国风,因为我做过一个故宫相关的国风可视化模板,我觉得非科技感的可视化也蛮有意思的。


(图:大家喜欢逛的可视化灵感网站 EasyV 素材广场)


(图:皎月的可视化大屏参考检索关键词)


(图:皎月设计的国风可视化大屏模板)


元宝:
你觉得 B 端 UI 设计师和可视化设计师有哪些能力是可以共用的?
皎月:
不管是什么细分领域的设计师,我认为都需要这「四力」吧:
1、需求的挖掘、理解能力,要能知道客户/用户想要什么;
2、交互设计能力,不管什么设计,都要追求好的用户体验,可视化也不例外,比如小到地图的轮播速度、图表数值如何查看...
3、视觉设计能力:这个就不展开说了,是每一个设计师的“老本行”;
4、沟通能力:设计出来的东西要能取得客户认可、推动开发落地。
元宝:
那可视化设计师需要什么不同的能力呢?
皎月:
我觉得是数据能力——理解数据、分析数据、展示数据的能力。比如一个指标,你是用柱状图展示还是折线图展示,看起来差不多,但其实是需要深究的,我们要争取用最合适的方式去展示数据。
元宝:
确实,很多设计师一上来就问怎么画图表、地图才能好看,但其实我们的最终目的不是好看,而是把数据展示明白清晰,还是得跳出「光盯着视觉」的眼光去看待和学习可视化或者数字孪生。


五、最后,“访谈”变“面谈”?

元宝:
聊到最后,说说对于我们这档访谈有什么样的感受和建议吧。
皎月:
说实话,这个访谈有点像“绩效面谈”,平时咱们聊天不会聊这么正式和深入,另外我不是个表达能力很好的设计师,很多东西做了但是说不出来,所以要一直接得住你抛过来的问题,是有些压力在的。
元宝:
哈哈哈,没想到你有这个压力,像“绩效面谈”,还像“面试”是吗?其实可以转换下心态,当作设计师之间的聊天交流好了,你的执行已经做得很好啦,你大可以把一些问题反问回来给我,比如问我是怎么看待你设计的大屏之类的~
皎月:
还能这样?学到了学到了,下次试试。


End:
我们希望通过对话去关注、剖析、挖掘团队里每一位设计师个体的自我设计价值,如果正好能给你带来一些启发,那就更好了!欢迎在评论区和我们交流,另外关注我们,下期更精彩~


嘉宾作品推荐:
《EasyV 可视化主题套件——琥珀 & 冰川蓝》(其中的“琥珀”主题为皎月设计)
《EasyV 可视化主题套件——海蓝赤橙 & 宝蓝》(其中的“宝蓝”主题为皎月设计)


策划:元宝
嘉宾:皎月
整理编辑:鲤鱼、元宝、皎月
封面/头图设计:元宝
运营支持&感谢:灰象、鲤鱼

Powered by Froala Editor

更新:2023-10-08

收藏

7人已收藏

易知微EasyV数字孪生可视化

官网入口:https://easyv.cloud/?t=uizg

  • 94

    作品

  • 501

    粉丝

  • 2

    关注

  • 易知微2023设计年鉴——不“设”限,更有“数”
  • Vol.6 和我家产品的优秀用户聊聊:关于大屏编辑器、可视化
  • 2023易知微发布会KV设计合集
  • EasyV可视化资源套件|「幻醒蓝」可视化主题套件上线

    猜你喜欢

      2023-10-08 原创文章 经验/观点 举报 1198 7 2 0

      Vol.3 从 UI 设计师转岗做可视化大屏的“半典型”经验

      4.5°

      你确定要举报Vol.3 从 UI 设计师转岗做可视化大屏的“半典型”经验

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2023年10月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      7
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录