动效可以展现元素之间的逻辑关系,并且吸引我们的注意力,引导我们执行有效的交互。
腾讯ISUX在其公众号《2021-2022 设计趋势ISUX报告 · 动态篇》中指出:“动态能激发用户的情绪,为静态的视觉设计注入活力与生命力。在不久的将来势必席卷所有人的目光。”
动效,作为UI和UX中重要的表现手法,现如今在 APP 和网页中几乎已经成为了基本的组成部分,经过仔细打磨的 UI动效使得界面之间的切换更加连贯和流畅,交互的逻辑也因动效的加持变得更加清晰。
UI设计中常用的动效为指向型动效,能够有效的描述物体之间的逻辑关系,同时通过可视化的视觉效果来描述物体当前运动状态。
常见的指向性动效有以下几种:
+
这是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次的经验分享,走过的弯路、积累的技巧、接商单的经验等,或许都会跟大家分享,帮助大家在学习道路上弯道超车!
免费答疑/点评作业服务
全勤打卡还能赠送一个虎课网周边小礼物
还有业内人士分享经验
现在扫码报名,就可以免费享受
↓↓↓
孔晨PointVision
2017年致设计全国十强称号
讲师介绍
孔雅轩Line Vision