动效UI设计中,一直是比较重要的存在。

 

动效可以展现元素之间的逻辑关系,并且吸引我们的注意力,引导我们执行有效的交互。

 

 

腾讯ISUX在其公众号《2021-2022 设计趋势ISUX报告 · 动态篇》中指出:“动态能激发用户的情绪,为静态的视觉设计注入活力与生命力。在不久的将来势必席卷所有人的目光。”

 

动效,作为UI和UX中重要的表现手法,现如今在 APP 和网页中几乎已经成为了基本的组成部分,经过仔细打磨的 UI动效使得界面之间的切换更加连贯和流畅,交互的逻辑也因动效的加持变得更加清晰。

 

UI设计中常用的动效为指向型动效,能够有效的描述物体之间的逻辑关系,同时通过可视化的视觉效果来描述物体当前运动状态。

 

常见的指向性动效有以下几种:

滑动

 

这是UI设计中经常用到的一种动态效果,比如列表卡片的滑动,信息列表会跟随用户的滑动交互手势而移动可以有效地帮助用户理清物体的排列状况。

▲动效原理原型图,孔晨老师作品,未经允许禁止使用

 

适合场景:当设计的元素需要导航以列表方式呈现的时候可以使用滑动效果。比如一系列图片的展示,或者音乐APP中的切换歌曲,可以采用这种效果。

 

放大

页面中的卡片会从缩略图转化为全屏视图(一般这个卡片的中心点也会跟随移动到屏幕的中央)。反向动效就是卡片从全屏视图转换为缩略图。

它的优点是能清楚地告诉用户点击的地方被放大了。

▲动效原理原型图,孔晨老师作品,未经允许禁止使用

 

适合场景:当你设计的元素是需要和用户进行单一交互的时候。例如点开图片查看详情,就可以用这种效果来让转场过渡的更自然。

 

UI中的指向性动效还有最小化、翻页、平移、滚动、切换对象、展开堆叠、添加到列表等等,是动效设计中一些很基础的内容。

 

很多人觉得动效设计难做,可能是没有掌握到正确的方法,可以来看看阿里视觉设计专家孔晨PointVision录制的《动效基本参数设置》小视频,或许会掌握一些简单的技巧:

 

 

正是因为动效在UI设计中的作用越来越重要,很多公司在招聘UI设计师时就明确提出“会动效的优先”,而且薪资待遇也很不错,动效技能对于UI设计师的重要性不言而喻:

 

▲截图来自BOSS直聘,1月20日上海招聘数据

 

在实际的UI设计中,如果你想做出“丝滑”的动效设计,可以来跟着阿里视觉设计专家孔晨PointVision、前今日头条UED用户界面设计师孔雅轩Line Vision一起学习《UI设计动效入门》打卡营。8天的课程,学习动效和UI设计中的基础规范、潮流UI风格、情感化设计等内容。

 

课程不仅全程免费、享受虎课网的带学服务,而且我还为大家争取到一个特别福利,按要求8天交作业全勤打卡,还能免费赠送一个虎课网的周边小礼物。

 

打卡营学习时间:2022.03.10—2022.03.17

扫码报名 免费学习

↓↓↓

 

参加打卡营你会有哪些福利?

 

1、8天课程学习+作业练习

 

8天的打卡训练,老师会带你学习UI设计的细节规范、原创思路、流行风格、交互动画、动效规律、UI设计思维等内容,用实战案例对标市场的需求,努力带大家入门UI动效设计。

 

并且每节课课后老师会根据课程内容布置一个小作业,一课一学,一学一练,帮大家加深课程印象,掌握实操技法,努力带大家通过8天的打卡学习一些简单的小动效:

 

 

2、社群答疑服务+作业点评服务

 

报名打卡营之后,班主任老师会拉你进打卡营的班级群,全程享受虎课网的带学服务!

 

每节课作业做完之后可以发在班级群里找助教老师点评,及时了解自己的实操能力,而且在学习过程中有任何疑问都可以直接咨询班主任或者助教老师!

▲往期打卡营点评截图,可放大查看

 

 

3、按要求全勤打卡,赠送虎课网周边小礼物

 

8节课程学习,8个作业练习,如果按照要求上传作业打卡,全勤之后会额外赠送一个虎课网原创的周边小礼物!

 

4、享受1~2次业内人士经验分享,帮助避坑

 

社群内不仅有助教和点评老师帮忙答疑改作业,更有已经入行的学长学姐、或者有经验的业内人士,在打卡营期间,会有1~2次的经验分享,走过的弯路、积累的技巧、接商单的经验等,或许都会跟大家分享,帮助大家在学习道路上弯道超车!

▲往期打卡营学长学姐点评截图,可放大查看

免费答疑/点评作业服务

全勤打卡还能赠送一个虎课网周边小礼物

还有业内人士分享经验

 

现在扫码报名,就可以免费享受

↓↓↓

打卡营主讲老师是谁?

训练营的授课老师,是前今日头条的UED用户界面设计师LineVision孔雅轩,和前阿里视觉设计专家PointVision孔晨,两位老师都是有着大厂非常丰富的设计经历:

讲师介绍

孔晨PointVision

前阿里巴巴视觉设计专家

曾就职于滴滴、阿里巴巴等一线互联网公司

像素范儿济南校区联合创始人

曾负责千万用户量级别“最右”APP主设计

2017年致设计全国十强称号

讲师介绍

孔雅轩Line Vision

前今日头条UED用户界面设计师

《规律与逻辑-用户体验设计法则》作者

像素范儿济南校区联合创始人

Adobe中国白金合作方特邀用户体验讲师

可以看看老师以往的设计作品: