动效在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中国白金合作方特邀用户体验讲师

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

 

 

 

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)