社区 > 设计圈 > 文章详情

OneBee:在动效世界中展现设计的力量

独家访谈 分享

说到设计工作,设计师受到业务、资源的约束,可发挥的空间一直在被压缩。而动效设计则更像是设计师们能够保留更多创意的一块宝地,想法都可以在这里发挥。


如果你问一个设计师,动效怎么做?他很可能会直接跟你推荐一款简单易上手的软件:AE、Flinto或者Principle。

但是懂动效工具等于懂动效设计吗?不。


真正懂动效的设计师会告诉你做动效“炫酷的视觉效果”不是最重要的,贴合用户体验的动效设计和推进动效落地的能力才更应被重视。正如小桔采访到的动效设计师 One Bee 所坚信的。


希望这篇关于「One Bee 关于动效设计的思考」采访文章,能让各位小伙伴搞清楚做动效设计的意义和目的。


One Bee / 设 / 计 / 专 / 访
Designer Interview of One Bee


Q:你好,请简单地介绍一下自己。

OneBee:hello,我是OneBee,动效设计师一枚。可能有人好奇动效设计师是做什么的,简单地说,动效设计师就是做动态图形设计,这包含了APP交互动画、MG动画、表情包等等。


卡牛logo.gif


7.png


Q:在接到一个设计项目时,你的工作流程是怎样的?

OneBee:(1)找需求方面聊,沟通清楚他们想传达什么意思,选用哪种表现形式;

(2)手绘分镜稿,找需求方第二次沟通,校正;

(3)对着分镜稿制作内容,并找需求方第三次沟通;

(4)调整内容,完成制作;

(5)整理工作文件,归纳存档。


分镜.png

(OneBee在设计工作中展示的手绘分镜稿)



Q:对于动效设计,最直观的感受是在其设计稿中采用了大胆的用色和酷炫的动态效果。但可能大部分并不能让人有效地理解整个交互环节,只是觉得视觉效果很好,你怎么看待这种现状?


OneBee:动效只是一个笼统的划分,例如APP交互动效是为了减轻用户焦虑感,或者给用户爽快的操作体验,那么动效会以生动简洁为主。


而发布会主视觉演绎,短片可能就10-20秒,这么短时间很难传递一种理念,所以我会用高饱和度的颜色,做一条酷炫的短片,至少在观看后,受众能记住这是条酷炫的片子,这是个年轻有创意的公司。


用户能记住些什么,这条片子一定意义上就成功了。


490013.gif


Q:谈起动效设计,绕不开的是“技术”和“创意”。谈谈你对“技术”“创意”二者关系的理解,哪个对你来说更重要?


OneBee:技术和创意是相辅相成,二者缺一不可。好的创意无法实现是空谈,好的技术无事可做那也没什么意义。


非得分一个高低,我觉得创意更重要,技术通过不断练习能得到提升,而创意只有通过不断积累阅历才能增强。有创意,不愁无法实现,毕竟除了公司的队友,还可以请外部设计公司协助。


644986.gif


Q:如果想要开发人员很好地还原动效设计效果,沟通这一环节会显得很重要。在和研发人员沟通过程中有遇到过棘手的问题?或者有什么沟通方法可以分享?


OneBee:动效还原不到位基本是所有做动效的设计师都碰到过的问题。


一般简单的缩放,平移类动效,直接口头描述就行了,稍微复杂的动效我会给出一个动效demo参照,如果涉及到形变这些代码写不了的我会输出png序列帧或者gif,如果开发比较能接受新事物,我会用Bodymovin这个插件输出html页面,开发嵌入做二次开发就能用了。


Q:迄今为止,你最满意的作品是哪一个?有没有哪一个作品或者项目是让自己的设计能力有了很大提升?


OneBee:最满意的应该是卡牛信用节主视觉演绎了。项目交到我手里的时候,只有几个平面展板图形,老大明确表示随意做,但是我之前并没有做过这种主视觉演绎,所以当时心里是很没底的,在看了一些主视觉演绎样片后,再经过自己的发散,就有了这条片子。现在看起来也有很多可以优化的地方,但是算是成长比较大的一步了。


卡牛信用节final.png

最终的动效请点此查看


Q:风格是设计师的标签,也有不少人认为要努力保持稳定的风格,以便于被市场辨识,你是怎么看这种价值观的?会担心稳定的风格会容易给人造成刻板印象吗?


OneBee:有明确的设计风格我觉的是一件好事,至少在提到这个领域的时候,别人会想起你的存在,当然这和掌握技能一样,做T字形,一门精通,其他的也能玩得转,这样既能有明确的设计风格,又不会显得刻板。


卡牛渲染-牛头发调整副本.png


c0000.png

三维建模软件作品


Q:非常喜欢你写的一系列动效相关的教程,内容明晰易懂,请问你写这些教程的初衷是什么?有哪些收获?


OneBee:初衷就是想分享自己做项目的时候碰到的问题,把坑点摆出来,避免后来者同样的问题翻车,敝帚自珍对技术提升是没有意义的,敞开了交流,大家也会指点你项目中做的不好的地方。


记得有一个分享是写的用AU做bgm合成,之前我一直是找音乐中接近的地方做拼接,可能调整一次需要十多分钟,后来底下有人回复,教会我AU有新功能可以按照需求自动调整音频时长,这样我也学到了新知识。


Q:设计师的作品经常被抄袭,你是否也遇到过类似的事情,有没有能够保护自身权益的方法可以分享给大家?


OneBee:可能因为我做动效的原因吧,暂时没碰到抄袭这回事。不过同事的banner,闪屏倒是经常被偷。


保护的方法是可以传到花瓣、站酷、UI中国这些大站,有时间戳能证明是你先发版,然后可以联系对方协商下架或者赔偿事宜。


Q:刚毕业的设计新人,其实并没有很多商业作品,有的甚至都没接触过动效设计,但是他们想从事这一行业,对于那些没有经验但又想做动效设计的人,你有没有什么建议?


OneBee:如果是完全不会动效,推荐看看《AE从入门到精通》这类书籍,当然不只是AE可以做动效,第一步是需要掌握软件。


第二步可以临摹一些优秀的动效案例,国内站酷和UI中国,国外dribbble和behance都不错。


第三步是带着问题做项目,在做项目的过程中,碰到动效需求,要积极面对,很多时候,技能的提升都是从项目中得到的。


AE从入门到精通.jpg

《AE从入门到精通》


小 / 桔/ 的 / 话
The Words of Editor



采访完 One Bee,小桔明白做动效设计并不纯粹是一个技术活,它需要你的审美、创意等等形而上的东西支撑。


同时小桔也想从我“浸淫”在设计圈多年的身份,来说说我所对动效设计的思考,并且总结了在做动效设计时需要注意的三个地方。


1.过度的炫技

在很多人眼中酷炫与动效设计是密不可分的,似乎只有将动效做得足够的炫才能体现这个设计的价值。

但事实上过于复杂的动效反而会适得其反,时间一长会让人觉得过于“腻”。这就让动效过于喧宾夺主,从辅助呈现信息变为了强调自身的存在。

2.不恰当的使用动效

如上所述,动效的目的是辅助呈现信息。适当的使用是有意义的,但如果为了动效而去使用则反而是一种干扰。

3.缺乏对动效体系化的思考

动效设计如何能恰到好处的帮助呈现信息、不让用户感受到违和感,很重要的在于设计的一致性。这其中动效的形式、时长、情感传递都需要考虑到,从而让用户能够形成一种”惯性思维“,对动效产生功效的关联。

一只小桔 2018-03-26 11:57:52
+17 点赞 4 收藏 11 评论 分享
关注 私信
沙发

是在卡牛工作吗?

2018-03-26 17:44:10
引用 +10 点赞
人气回复
关注 私信
#11
动效做的真不错,希望可以看到教程
2018-03-27 19:57:12
引用 +10 点赞
关注 私信
#10
中午休息来摸鱼,顺便看看大神~
2018-03-27 14:14:18
引用 +10 点赞
关注 私信
#9
引用8楼 @ CHR_desig 2018-03-26 18:11:25发表的回复 : 突然相信,程序员能改变世界的说法了

不是设计师吗?

2018-03-26 18:14:50
引用 +10 点赞
关注 私信
#8
突然相信,程序员能改变世界的说法了
2018-03-26 18:11:25
引用 +10 点赞
关注 私信
#7
动效设计师作图,一张的费用平均在多少的?
2018-03-26 18:07:28
引用 +10 点赞
关注 私信
#6

难怪很多设计师都会把自己的首发平台选在这些网站……

2018-03-26 18:06:09
引用 +10 点赞
关注 私信
#5
引用1楼 @ 李粟米 2018-03-26 17:44:10发表的回复 : 是在卡牛工作吗?

应该是卡牛没错了

2018-03-26 18:04:20
引用 +10 点赞
关注 私信
#4
我一直觉得动效做得动人的设计师,上辈子一定改了无数张图
2018-03-26 17:58:03
引用 +10 点赞
关注 私信
#3
你觉得,动效能和酷划等号吗?
2018-03-26 17:53:21
引用 +10 点赞
OneBee:在动效世界中展现设计的力量
关于作者
一只小桔
级别:资深设计师
经验:5,166
热门推荐
知产头条
汇桔学堂
行业创新亮点
关闭
×

根据《互联网跟帖评论服务管理规定》,发帖及回帖用户需要进行信息认证,请先进行手机认证或实名认证。

手机认证 实名认证