UI设计师必会的动效设计
UI设计师必会的动效设计|南通UI设计培训班 南通上元UI设计培训学校 15年专注教育质量,你值得拥有! 1. 滑动 信息列表会跟随着用户的交互手势而动,然后卡片到相应的位置上,保持 整齐感,它属于指向型动画,物体的滑动取决于用户是用那种手势滑动的。它 的作用就是通过指向型转场,有效帮助用户清理页面层级的排列情况。 适合场景:当你设计的元素需要导航以列表方式呈现的时候可以使用滑动 效果。例如一些明星的选择,款式的选择,适合用这样的方式呈现。 2. 扩大 页面中的卡片会从缩略图转化为全屏视图(一般这个卡片的中心点也会跟 随移动到屏幕的中央)。反向动效就是卡片从全屏视图转换为缩略图。它的优 点是能清楚的告诉用户点击的地方被放大了。 适合场景:当你设计的元素是需要和用户进行单一交互的时候。例如点开 图片查看详情,让转场过渡更自然。 3. 最小化 页面元素点击之后缩小,然后移动到屏幕上相应的位置,相反的动效就是 扩大,从缩略图重新变为全屏。这样做的好处是能够清楚的告诉用户,最小化 的元素可以在哪里被找到,如果没有动效引导,可能用户需要花时间去寻找。 适合场景:当用户想要最小化某个元素的时候。例如搜索、添加快捷按钮 的点击事件,符合从哪来到哪去的原理。 4. 切换对象 当前页面移动到后面,新的页面移动到前面,这样能够清楚解释页面之间 是进行切换的,不会显得转换的太突兀和莫名其妙。 适合场景:当用户在元素之间切换。滑动效果相对来说比较单一和常见, 使用动效切换可以让用户产生眼前一亮的效果,例如一些商品款式的切换,就 可以使用这样的效果。 5. 展开推叠 堆叠在一起的元素被展开。能够清楚的告诉用户每个元素的排列情况,从 哪里来到哪里去,也显得更加有趣。 适合场景:当用户打开一堆功能选项的时候。例如一个功能里面隐藏了好 几个二级功能时,就可以使用这样的效果,利于用户引导。 学UI,来兴元UI交互设计师培训班。 1、课程安排:移动端UI,交互逻辑用户体验,图标主题,AE动效,前端 代码实现,就业指导,艺术表现,设计提升 2、就业方向:平面设计入门/网页设计/UI设计师/UE设计师 3、就业目标:优秀的UI设计师不仅仅能画标,懂得了解用户需求,提高 界面使用感受,交互逻辑思维,而且要知道为什么设计。 回归UI设计的本质,创意与艺术是驱动设计的核心点,UI设计师还有很长 的路要走,不断提升自己,进入中高阶设计师的阶段!你今天开始学习了吗?来 兴元,遇见更好的自己。 如果有任何关于UI设计的问题想要知道都可以联系我13951313554,欢迎 您的咨询,一定知无不言,言无不尽!