本文主要说的是指向性动效。什么是指向性动效,是指能够有效的描述物体之间的逻辑关系,同时通过视觉效果,可视化的描述用户操作时候当前的状态,用户可以很清晰的感受到物体与物体之间的位置或者层级关系。
滑动
信息列表会跟随着用户的交互手势而动,然后卡片到相应的位置上,保持整齐感,它属于指向型动画,物体的滑动取决于用户是用那种手势滑动的。它的作用就是通过指向型转场,有效帮助用户清理页面层级的排列情况。
扩大
页面中的卡片会从缩略图转化为全屏视图(一般这个卡片的中心点也会跟随移动到屏幕的中央)。反向动效就是卡片从全屏视图转换为缩略图。它的优点是能清楚的告诉用户点击的地方被放大了。
最小化
页面元素点击之后缩小,然后移动到屏幕上相应的位置,相反的动效就是扩大,从缩略图重新变为全屏。这样做的好处是能够清楚的告诉用户,最小化的元素可以在哪里被找到,如果没有动效引导,可能用户需要花时间去寻找。
切换对象
当前页面移动到后面,新的页面移动到前面,这样能够清楚解释页面之间是进行切换的,不会显得转换的太突兀和莫名其妙。
展开推叠
堆叠在一起的元素被展开。能够清楚的告诉用户每个元素的排列情况,从哪里来到哪里去,也显得更加有趣。
翻页
当用户实施滑动手势的时候,出现像现实生活中翻页一般的效果。真正动效转场也能够清晰的展现列表层级的信息架构,并且模仿现实生活中的动效更加富有情感。
添加到列表
新的元素加入到原有的列表中,旧的元素被推开而不是替换,从而有现实中腾出位置的感觉,这种转场效果能够清楚的展现列表重新排列的过程,让用户知道新旧信息的位置,不会产生迷惑。
兴元UI交互设计师培训班,薪资:起薪7K+,后期轻松过万,上不封顶
课程安排:移动端UI,交互逻辑用户体验,图标主题,AE动效,前端代码实现,就业指导,艺术表现,设计提升
就业方向:平面设计入门/网页设计/UI设计师/UE设计师
就业目标:优秀的UI设计师不仅仅能画标,懂得了解用户需求,提高界面使用感受,交互逻辑思维,而且要知道为什么设计。
回归UI设计的本质,创意与艺术是驱动设计的核心点,UI设计师还有很长的路要走,不断提升自己,进入中高阶设计师的阶段!你今天开始学习了吗?来兴元,遇见更好的自己。
宿迁UI设计培训班哪家好|UI设计中的基本动效
宿迁UI设计培训班哪家好|UI设计中的基本动效
何关于相关专业的问题想要知道都可以联系我,上元教育欢迎您的咨询,一定知无不言,言无不尽!
咨询地址:江苏省宿迁市宿城区宝龙广场24街8栋3楼303上元教育(永和豆浆对面)
联系我时,请说是在宿迁便民网看到的,谢谢!