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