动效在 UI 设计场景中的运用强化了感官层面的体验,也使得交互设计更加易于理解,通过动效辅助功能操作的理解度。近期在体验产品的过程中,观察到了一些微动效的优秀案例,分享出来和大家一起探讨。
最近在体验即刻 APP 的时候,个人中心头像可以长按拖拽,拖拽过程伴随着震动感,释放后弹出表情符号。带有互动体验感的头像增加了个人中心的互动感,趣味性的设计带给用户更高的亲和力。
开言英语 APP 学习模块中,顶部“立即测评”区域的人物形象采用动态形式,虽然只是简单的手势指引,也比静态图片带来的关注度要高。利用动态形象提高模块的关注度,也使得设计更加生动有趣。
COVES APP 在空状态界面利用带有动态的形象进行设计表达,使得原本枯燥无趣的界面变得生动有趣。提高了用户的关注度,也提升了设计的感官度。
优酷 APP 在会员栏目中,将打卡按钮以动态极光风效果进行设计,提高了按钮的关注度。设计风格显得更加年轻化,动感的表达形式打破了按钮设计的常规表达,带给用户更高的感官体验。
开眼 APP 在品牌墙展示 LOGO 时,使用圆形带有动态的形式,类似于一堆气泡相互碰撞,还能拖拽进行互动。停留时 LOGO 会自动飘起来,漂浮到界面顶部,真实感和互动性较强。该设计形式不仅打破了常规,也带给用户十分有趣的互动体验。
弹幕设计也可以出现在社区中,营造社区的氛围感。自如 APP 在发现生活栏目顶部视觉区域也运用了弹幕设计,以此来提高自如社区的氛围感,吸引更多用户参与分享和评论。
本期感官体验日记主要总结了动效范围的内容,根据特定的主题范围去体验分析,也能提高自己发现设计细节的能力。从细微之处体现设计差异,带给用户更强的品牌记忆和感官体验。
赠人玫瑰,手有余香
输入的验证码不正确
评论区
暂无评论