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

Recommanded by editor
杭州/三维设计师/2年前/3834浏览
Vol.3 从 UI 设计师转岗做可视化大屏的“半典型”经验(站酷首发)Recommanded by editor

EXD 设计访谈|第 3 期

主持:👦元宝|嘉宾:👩🏻皎月

---

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

---

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

本文目录:
#01 从 UI 到可视化,工作里发生了哪些变化?
#02 如何更快、更轻松地渡过“转型期”/“转岗阵痛期”
#03 “半典型”转岗后,以祛魅的方式聊聊可视化设计
#04 你也想转岗/已经在画大屏?“过来人”有这些实操建议
#05 最后,“访谈”变“面谈”?

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

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

————

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

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

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

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

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

————

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

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

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

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

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

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

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

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

👦元宝:
确实,你这个大屏的装饰是比较轻的,但渐变、光效确实体现出了科技感,这种设定还挺机智✨✨~
👩🏻皎月:
毕竟是第一次正式做深色大屏嘛,拿捏不好太重的科技感是常见的,那就换个思路,从轻量的科技感入手。说起来我发现大家对科技感好像有刻板印象和执念,总觉得要刻画很复杂的边框、图形,才能体现炫酷、科技,但可能有些“固执”了
👦元宝:
那现在回头看这个橙色主题的大屏,有发现一些可以改进的地方吗?
👩🏻皎月:
1️⃣、首先,就是业务结合度上的改进了,当时这个模板的指标数据都是自己“编”的,如果能用更贴合真实业务的内容,我会更觉得更实用一些;
2️⃣、至于视觉效果方面,基于当时“简约科技风”的“命题”,或者说“设定”,这张大屏的整体感、装饰的和谐度上我已经尽力做到位了,如果现在重新做,那我会尝试换个命题🆕,比如“写实感”、“重科技感”的风格设定,重新去创作一次,可能会有不同的结果。

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

————

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



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

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

————

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

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

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

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

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

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

————

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



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

————


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

策划:👦元宝
嘉宾:👩🏻皎月
整理编辑:🧒🏼鲤鱼、👦元宝、👩🏻皎月
封面/头图设计:👦元宝
运营支持&感谢:👱🏻‍♀️灰象、🧒🏼鲤鱼

60
Report
|
105
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
字体设计
Homepage recommendation
7.8月的一些作品
Homepage recommendation
相关收藏夹
心得
心得
心得
心得
作品收藏夹
B端
B端
B端
B端
作品收藏夹
B端
B端
B端
B端
作品收藏夹
2020.1.15 文章
2020.1.15 文章
2020.1.15 文章
2020.1.15 文章
作品收藏夹
后台可视化
后台可视化
后台可视化
后台可视化
作品收藏夹
理论
理论
理论
理论
作品收藏夹
大家都在看
Log in