交互设计如何通过动效设计让健康数据「活」起来?

产品: Grow猎人: Monster观众: 5.0k人 时间: 2024-05-08

Grow

与「Grow」有关的细节还有 1查看全部

我也有新发现 我要投稿
如何通过动效设计让健康数据「活」起来?如何通过动效设计让健康数据「活」起来?

细节描述

Monster: 「Grow」是一款健康与运动管理应用,不仅自动记录与深度追踪步数、睡眠、HRV压力指数、运动、饮水和正念等健康数据,更从多感官体验出发,通过生动有趣的数据可视化设计,让健康数据更直观呈现,让用户一眼洞察身体状态。丰富的动效设计,如仪表盘流畅加载、背景动态变换及折线灵动起伏,为用户带来愉悦的视觉享受,增强交互感受。尤其是玻璃瓶子收集能量的动效,加入了清脆的声音效果和微触反馈,多重感官的有趣体验能使用户更加享受使用过程,激发对健康改善的期待。

917人评分
收藏 3
分享细节海报

发评论!每天赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 已发布1

{{ moreBtnTxt }}

你可能还爱看

怎样处理「查无结果」的搜索状态,将用户的不满情绪降到最低?
微信读书

用户体验怎样处理「查无结果」的搜索状态,将用户的不满情绪降到最低?

猎人 - AmberDu小白9.8

当在电商平台搜不到想要的商品在内容平台查不到想看的文章,「未搜索到相关结果」的提示总会让人产生失落与挫败感,也让产品的体验在「满足用户期待值」方面大打折扣。微信读书在面对这个...

查看详情

#微信读书#情境预判#情感化设计

「转转」最近很喜欢玩动效诶~
转转

微交互「转转」最近很喜欢玩动效诶~

猎人 - 戢戢0.0

首次进入「转转」首页,头部会短暂的出现欢迎词,显得非常的友好。动态缩小至放大的轮播banner,相对静态banner来说更加的生动有趣,引人注目。卖二手的icon不断的转换形...

查看详情

#互动#图标#微交互

「一个」App让人惊喜的空状态页面
one

视觉「一个」App让人惊喜的空状态页面

猎人 - AmberDu小白8.0

我们都知道空状态页面设计主要是告知用户当前页面没有内容,很多产品会通过各种有趣的插图来传达查找不到的空状态。「ONE」的插图使用了一个带有蜘蛛网的空书架来呈现,除了表达没有收...

查看详情

#404页面#ONE#形象思维