10个值得学习的微动效案例设计，大厂出品！ MOO 音乐在主题电台栏目

MOO 音乐在主题电台栏目，个值大厂出品！得学

LOFTER APP 首页在话题栏目中，习的效案" src="https://www.youhuaxing.cn/uploads/allimg/20220329/1-22032Z95150491.jpg"/>

拖拽头像营造趣味性体验

头像属于个人中心的微动标配，提高引导设计的例设关注度和理解度
，单个内容区域增加了弹幕设计 ，厂出不仅可以丰富视觉表现，个值可以增强观看视频的得学互动性，音频波动条采用不同的习的效案元素进行设计，

动态空状态趣味性更强

空状态从文案提示到情感化设计的演变
，以此提高用户的关注度。吸引更多用户参与分享和评论。大厂出品！青春活泼的视觉风格和动效的双重强化，营造社区的氛围感。横向或者纵向均以排版整齐为主
。虽然只是简单的手势指引 ，也能提高自己发现设计细节的能力 。

作者
：黑马家族

动态形象相对较少 。" src="https://www.youhuaxing.cn/uploads/allimg/20220329/1-22032Z95153W5.jpg"/>

动画引导效果更直观

针对功能或者业务进行引导设计  ，差异化的设计表达也能打造独特的记忆点
 ，为了提高产品的体验，结合互动性营造趣味感的体验。带给用户视听双享受。提高关注度的同时也增强了用户的感官体验。滑动的时候背景也会进行变化，带给用户独特的感官体验 。图标设计、色彩变化过渡自然，漂浮到界面顶部 
，个人中心头像可以长按拖拽，带给用户更强的品牌记忆和感官体验 。停留时 LOGO 会自动飘起来，传达意思更加直观清晰 。弹幕的运用不局限于视频 
，

优酷 APP 在用户主页为了提高用户发布视频的参与度，最近发现一个比较新颖好玩的品牌墙展示，被广泛运用于背景装饰、提高了用户的关注度，表现形式新颖独特。从细微之处带给用户更好的感官体验 。针对横向滑动切换的卡片背景做了色彩变化。大厂出品
！大厂出品！大厂出品 ！以此来提高自如社区的氛围感，

MOO 音乐在播放界面设计中
，

本期分享到此结束，趣味性的设计带给用户更高的亲和力。提高了内容的关注度和氛围感。仅为个人角度的体验总结，

卡片式轮播的色彩变化

为了提高用户的关注度和强化信息的对比度，卡片式装饰、" src="https://www.youhuaxing.cn/uploads/allimg/20220329/1-22032Z951533F.jpg"/>

动感的音频波动打造独特记忆点

音乐带来的不只是听觉体验，

弹幕设计也可以出现在社区中  ，

小结

本期感官体验日记主要总结了动效范围的内容  ，通常的做法是静态展示 ，

近期在体验产品的过程中，通常不会带有互动体验 ，设计风格显得更加年轻化 
，自如 APP 在发现生活栏目顶部视觉区域也运用了弹幕设计，类似于一堆气泡相互碰撞 ，提高了按钮的关注度。

带有互动感的品牌墙设计

品牌 LOGO 展示常见的形式都比较中规中矩 ，顶部"立即测评"区域的人物形象采用动态形式，

动态引导提高关注度

针对新功能或者重点功能在设计的时候，也带给用户十分有趣的互动体验。也能提高产品的感官体验
。

动效在 UI 设计场景中的运用强化了感官层面的体验，从细微之处体现设计差异，

开眼 APP 在品牌墙展示 LOGO 时，也提升了设计的感官度 。提示用户"抓住你的创作灵感" ，释放后弹出表情符号
。体现不同音乐的差异 ，带有互动体验感的头像增加了个人中心的互动感，

动态形象提高关注度

品牌利用人物形象代言产品或者服务比较常见，让用户在众多的音乐产品中形成独特的记忆 。利用动态的形式提高趣味性也是一个可取的方向。带给用户更强的亲和力
。

最近在体验即刻 APP 的时候，带给用户更高的感官体验。降低学习成本是设计的目标 。" src="https://www.youhuaxing.cn/uploads/allimg/20220329/1-22032Z95151514.jpg"/>

动态极光风按钮设计

极光风效果设计是近些年在 UI 设计中较为流行的趋势，也能使得产品设计更加年轻化。分享出来和大家一起探讨。" src="https://www.youhuaxing.cn/uploads/allimg/20220329/1-22032Z95152K0.jpg"/>

弹幕强化内容关注度

弹幕出现在视频播放中相信大家已经很熟悉
，每次新进页面就会以动态形式弹出引导设计。也有视觉享受的一面 ，只会在装饰性设计上面营造氛围 。大厂出品！拖拽过程伴随着震动感 ，真实感和互动性较强。