大厂都很重视的UI动效设计,怎样做能快速落地?

海盐社 / 2021-05-14 10:32:41

提起UI,我们或许会不可避免地想到动效。


动效设计作为UI设计当中重要的一环,已经由最初的美观酷炫,发展到提升用户体验和产品需求的重要作用了。

图片


动效如今已深入到 UI界面的大部分设计中。屏与屏之间的切换因为动效而显得更加连贯,交互的上下文逻辑也因为动效的加持而更加清晰。


优秀的动效会帮助很好的提升用户体验、用户的粘性,改善产品和用户之间的关系。


图片


动效对于产品和用户而言,都是一个不可多得的重要组成部分。所以在现在一些企业的UI设计招聘中,也会加上“会动效设计”这样的条件:


图片

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


其实,想要做好UI设计,不光是动效,还要考虑界面中的细节规范、视觉效果、交互、情感化元素等等,如果你还没掌握这些,可以来跟着前今日头条UED用户界面设计师孔雅轩Line Vision前阿里影业视觉设计专家孔晨PointVision一起学习UI设计动效入门》训练营。

图片


8天的课程带你学习UI设计中的规范、新拟态风格设计、互联网风插画、LOGO动画、UI交互动效、动态插画等知识,帮助你在UI设计细节上提升逼格。


图片


训练营课程仅需9.9


并且,只要你按要求坚持学完8天

每天提交作业全勤打卡

结课后报名费全部退还给你


扫描二维码立即报名 

↓↓↓

图片

支付后请务必按照提示扫码进班级群,方便接收后续服务通知哦。


—1—


指向性动效是UI中的基本动效,能够有效的描述物体之间的逻辑关系,同时通过可视化的视觉效果来描述物体当前运动状态。


指向性动效有几种常见的分类:


滑动

图片


这是UI设计中经常用到的一种动态效果,信息列表会跟随用户的滑动交互手势而移动。物体会自动移动到适当的位置,保持整齐感。可以有效地帮助用户理清物体的排列状况。


图片

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


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


图片
图片


放大

图片


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


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

图片

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


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


图片


翻页

当用户实施滑动手势的时候,出现像现实生活中翻页一般的效果。也能够清晰的展现列表层级的信息架构,并且模仿现实生活中的动效更加富有情感。

图片

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


适合场景:当APP需要进行一些翻页操作时。例如小说APP的翻页、可以使用这样种效果。


平移

图片

当一张图片在我们有限的屏幕里没有办法看完的时候,会使用这样的效果。除了放大效果,这样的平移还可以加上动效配合一些功能使用。


经常在地图APP、购物APP中用到这种效果。

图片


当然这些都是动效设计中一些很基础的内容,在实际的UI设计中,如果你想做出“丝滑”的动效设计,可以来跟着前今日头条UED用户界面设计师孔雅轩Line Vision前阿里影业视觉设计专家孔晨PointVision一起学习《UI设计动效入门》训练营


8天的课程,不光学习动效,还可以学习UI设计的基础规范、新拟态风格设计、互联网风插画、交互动画、动态插画、情感化设计等内容。


训练营课程仅需9.9


并且,只要你按要求坚持学完8天

每天提交作业全勤打卡

结课后报名费全部退还给你



扫描二维码立即报名 

↓↓↓

图片

支付后请务必按照提示扫码进班级群,方便接收后续服务通知哦。


课程内容

8天,可以学习UI设计中的细节规范、前言风格、原创思路、配色方法、动效规律、UI设计思维等内容。


训练时间:2021.05.18-2021.05.25(共8天)

按要求坚持打卡8天,报名费还能全额返!

图片


课程福利


1、买训练营送直播课,巩固学习效果

购买训练营课程可以免费赠送给大家老师的公开直播课,帮助大家更多地了解UI设计中的动效技巧。


图片


训练营开班前会拉你进班级群,进群之后可以找班主任领取免费直播课的课程链接哦~


2、虎课“一课一练”带学模式服务


训练营课程不仅采取“一课一练”的带学模式,而且学习群配备“班主任+助教+点评老师”这样的带学阵容。


遇到学习上的困难,可以在班级群内与其他同学一起交流,助教老师会对大家的作业进行点评,帮大家解疑答惑,还有班主任会提醒大家上课、交作业等。“懒癌患者”同学可要小心咯~

图片

图片

▲往期训练营助教督学截图,可放大查看


3、按要求全勤学完,返还全部学费


训练营一共8天课程,报名费仅需9.9,收取这个费用初衷是为了督促大家学完后及时做作业练习,只要你按要求坚持学完8天,每天按时提交作业全勤打卡,结课后报名费全部退还给你,相当于免费学


8天课程学习+赠送直播课+助教班主任带学

按要求全勤打卡还能返还所有学费


这样的课程一杯奶茶的价格就可以学习


课程仅需9.9

扫描二维码立即报名

↓↓↓

图片

支付后请务必按照提示扫码进班级群,方便接收后续服务通知哦。


老师介绍

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


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


图片

图片
图片
图片
图片
图片

图片
图片

本课适合谁学?

1、缺乏行业认知和作品的UI设计新人;

2、缺乏UI案例实操演练的设计科班学生;

3、作品视觉应用性不强的初级UI设计师;

4、想学习动效的设计师;


注意事项

1、本套课程开课时间:2021.05.18-2021.05.25(共8天)

2、上课使用工具:PS、AE;

3、支付后请务必按照提示扫码进班级群,方便接收后续服务通知,如果错过提示再次扫码进入即可;

4、本套训练营课程一天一节课,00:00之后即可观看新课程,全天可看,每节课程时长不固定,一般在30-60分钟内;

5、训练营期间,课程可无限观看,训练营结束后7天内可观看,此后不可观看;

6、课程作业点评会在训练营班级群里进行,一般是晚上8点之后,时长约1小时,错过也可爬楼查看,所以报名后请务必要扫码才能接收后续服务消息;

7、老师每节课后会布置作业,提交作业视为出勤,坚持8天,课程结束后老师会安排退还报名费哦!历史课程退款截图:

图片


注:截图来自BOSS直聘,上海招聘3月23日数据;

课程旨在向大家培养兴趣,传授方法,本文中任何关于收入的描述非对教育、培训的效果作出明示或者暗示的保证性承诺

----------------------------
本文由新墨整理并发布。转载来自互联网,若侵权则删除!
新墨5年开发经验,45名团队成员,上线已达100+产品,于北京和成都2个城市提供技术开发服务。致力于提供APP开发,小程序开发,微信开发,IOT物联网开发,电商系统开发,教育系统开发,H5开发,游戏开发,用户体验设计,课件设计

热门文章
最新文章
推荐文章