Alice

UI设计师不单纯是界面布局和视觉优化,还要懂得去分析你所处行业,和你所服务对象的用户诉求,加上业务方面的知识,以及人机交互和实现原理等。让自己的设计具备美感,同时又能为企业带来商业价值。

 

阿亦:大大你好!先向大家介绍一下自己吧~

Jies_L:HI,大家好,感谢LEO研究所这次的邀请,我叫Jies_L 。很多朋友叫我杰叔 ,其实我并不是一名大咖级别的设计师,只是比其他的设计师能坚持而已,任何事情的成功都是没有捷径的,创造美好的代价是:努力、失望以及毅力。首先是疼痛,然后才是快乐!

图片

图片

图片

 

阿亦:为什么选择从事UI/UX相关的工作?这个职业对你而言有哪些特别的定义?

Jies_L:正所谓一失足成千古恨(笑),作为一名美术生,我原本是一名优秀的教书授学的美术老师。但是随着互联网的快速发展,我一不小心成为了一名互联网民工,目前一直从事UI/UX相关的工作。

对于我来说,UI设计师不单纯是界面布局和视觉优化,还要懂得去分析你所处行业,和你所服务对象的用户诉求,加上业务方面的知识,以及人机交互和实现原理等。让自己的设计具备美感,同时又能为企业带来商业价值。

 

阿亦:采访前有看到大大2020年的作品合集,有很多让人惊艳的UI动效,平常是如何有效学习动效的呢?

Jies_L:针对2020年的复盘作品,主要是当时在喜茶工作时的一些项目产出。惊艳谈不上,只是通过前期对动效设计的一些练习和积累、并对动效原理的一些学习和研究。

这里分享给大家一些想学习动效设计的经验,自控力强的去一些网站跟着一些动效大佬分享的教程慢慢的跟着去,做自控力不强的可以选择报班学习,这样也是最快的,最直接的方法。

关键就是要多做,量变达到质变。

 

 

图片

图片

图片

图片

 

阿亦:动效的还原对于部分设计师是个不小的问题,那你在工作中会通过什么方式来将动效结合到项目,在开发落地中又是怎样实现还原的?

Jies_L:动效落地确实是一个头疼的地方,这里对给大家一些建议。在做动效方案之前,首先要和公司的开发沟通,主要是看到底是用前端代码实现,还是移动端代码实现,以及公司现在支持那些格式,实现该用序列帧、精灵图、GIF、MP4、APNG、Lottie、SVGA等那种文件去交付。

在做动效方案的时候,为了让开发可以准确地还原动效,可以通过时间、变化、和曲线去量化自己的设计方案时间,比较容易懂。也就是动效元素中的起始时间和终止时间变化、主要位移、旋转、缩放、透明底等基础元素的把控。最后曲线,也就是动画的速度。这个相对会比较复杂一点。需要通过自己的经验总结以及对物理规律的分析去调整。

做完动效方案以后,切记一定确定方案之后,再进行动效标注和切图

图片

图片

图片

 

阿亦:近期有比较满意的作品吗?创作它的期间有什么特别的技巧或者心得体会呢?

Jies_L:最近最满意的作品应该是这一组插画动效作品,当时在做这套动效作品的时候,对于一些肢体动作老是调节不到那么自然,我就对着镜子反复的鞠躬。并记录这些特征以及肢体对应的位置。

对于里面部分作品的速度把握不准的时候也是反复的尝试。

图片

 

 

 

这里总结的经验就是,在做动效方案的时候,想要好一点的效果,记得多保存几份源文件,多尝试着去多调整几次不同的速度,最终呈现的效果也会不一样,还有AE在撤回这一块目前还不是很智能。

对于UI动效方面的一些技巧,我在做UI方面动效的时候,会遵循着六个原则

原则一:不盲目的添加动效,以及做一些繁琐的效果

原则二:尽量让动效的个性化去贴合产品的特点

原则三:在一些重要功能和新功能可以考虑加上动效,为用户指明方向,提升体验

原则四:及时的给予用户反馈,让用户知道产品在接受指令

原则五:在一些运营活动的时候,贴合产品内容,用动效赋予活动意义

原则六:与用户产生共鸣,动效和操作之间的关系是互补的

好的动效设计会为产品的视觉和体验助力,但是滥用会让用户分心,适得其反

图片

图片图片

图片

 

阿亦:你觉得对于UI设计师来说,自身的发光点该如何挖掘呢?

Jies_L:对于UI设计师来说,我认为随着UI设计在国内市场日趋成熟,需要掌握的技能也很多。但是这个时候不要盲目的去这里学一点,哪里学一点。

首先要清楚知道自己的方向,要么就去做一个视觉型的设计师,要么就去做一个体验交互型的设计师。找到自己的喜欢和擅长的领域,去把它做到极致。

爱因斯坦曾经说过:“兴趣是最好的老师,坚持则是最好的见证”

图片

图片

 

阿亦:未来有什么想要去突破或尝试的方向吗?

Jies_L:我目前正在从事B端方面的设计,B端行业近几年比较火热,需求也比较大。这方面的设计主要要求设计师更加了解公司业务,更多的从交互层面上进行思考。5G时代的到来,除了产品、体验、交互方面的设计会是热门方向以外,动态的创意和三维的设计肯定是未来的趋势。

个人发展的话,后面也应该会去关注一些三维方面的设计,当然喜欢插画的设计朋友们,也可以坚持自己的爱好,最关键以后不能搬砖了还可以做一名自由设计师。

图片

图片

图片

图片

 

阿亦:感谢大大接受LEO设研所的访谈,本次交流的干货太多太多了~收获满满~ 

 

原文地址:Leo设研所(公众号)

作者:Leo设研所

转载请注明:学UI网 » 【大咖专访】Jies_L:我的交互动效可以这样玩!

登录收藏
 
你可能喜欢的:
这逆天的效果,竟然是10秒钟做出来的,真实大开眼界!这逆天的效果,竟然是10秒钟做出来的,真实大开眼界!
野生设计师惊艳甲方的吉祥物设计是这样的野生设计师惊艳甲方的吉祥物设计是这样的
【大咖专访】脑海塞满宇宙的超酷画师逆袭之旅——FIREYE【大咖专访】脑海塞满宇宙的超酷画师逆袭之旅——FIREYE
【大咖专访】大老虎:保持平常心做好每个字【大咖专访】大老虎:保持平常心做好每个字
底部导航动效设计的3大形式总结!底部导航动效设计的3大形式总结!
【大咖专访】林萌:探索线的设计繁与简【大咖专访】林萌:探索线的设计繁与简
图标动效设计的3大形式总结!图标动效设计的3大形式总结!
按钮动效设计的3大方向!按钮动效设计的3大方向!
【大咖专访】林超黑:让作品脱颖而出的C4D是这样诞生的!【大咖专访】林超黑:让作品脱颖而出的C4D是这样诞生的!
【AE教程】文字浮动教程!【AE教程】文字浮动教程!