跑步用「Keep」做数据统计，在App里可分别根据「距离」「 时长」「 配速」 和「热量」进行目标设定。 其中热量值的设置除了会显示数字指标外，还会将每一个热量值所对应的食物信息显示出来，并配有可爱的emoji图标。用具象的食物对比非常抽象的千卡数字更直观，适合时宜的信息...
「网易云音乐」在去年上线了解压模式「Sati空间」，用户可以进入这个模式边听音乐边戳泡泡来释放压力。如今提供给用户减压的互动小游戏不仅有「戳泡泡」，还新增了「砸玻璃」。用力敲击屏幕，会出现玻璃被敲碎的视觉效果并伴有震动反馈，带给用户一种多感官体验的爽感。用...
在2019年的春节贺岁档，我们终于迎来了一部属于中国人自己的硬科幻电影 —「流浪地球」。尽管影片存在很多不完美，但中国导演能在现阶段拍出硬科幻且让影片在诸多现实条件限制下达到这样高的完成度，已是一件让人激动与倾佩的事。当在「百度」搜索栏输入关键词「流浪地球」...
在「饿了么」点餐后，app会用可视化的信息展示从店家配餐到骑手接单、取餐、配送的全过程。让点单者对自己的外卖是如何送达的每个步骤都清楚明了，用信息的透明化获得用户的信任。除此之外，展示外卖配送信息的页面还有情感化设计的小巧思：商家接单时，图示会在地图中显...
随着情感化设计越来越受到重视，对用户个人的生日祝福与情感关怀成了注重用户体验的产品必不可少的设计环节。「QQ邮箱」在生日当天会发送一封祝福邮件给用户，邮件里的生日卡内容是开发团队人员的卡通形象一起唱生日歌的动画。这种特别的送祝福方式，很容易就拉近了产品与...
在iOS12的控制中心面板里，不仅藏有计时器图标和手电筒图标动态变化的小彩蛋，屏幕亮度的调节操作也伴随着很隐蔽的小细节变化。当手机屏幕的亮度被调得较低时，控制中心里表示亮度的小太阳图标呈现圆点样式的光芒。当亮度被调高，太阳图标的圆点光芒则会慢慢变成向四周发射...
在很多球鞋交易平台，都会定期举办限时抽奖原价购球鞋或者免费送鞋的活动来促活。鼓励用户参与，不仅要活动内容本身吸引人，与用户的互动交互过程同样值得花心思。在「毒」app的抽奖界面，点击抽奖的按钮后抽奖码会以模拟真实打票机的形式从机器里被打印出来。生动有趣的...
「QQ阅读」的夜间模式开启方式是一个拟物的灯绳，下拉就会开启夜间模式。这个设计是模拟了晚上关灯的效果，将点击效果与现实的行为相结合，让交互操作更生动有趣。与此同时，「关灯」的动作能够给予用户心理暗示的效果，对夜间模式产生自然的联想。
「支付宝」的「蚂蚁会员」会根据用户的积分情况匹配不同的会员等级，会员界面的皮肤也各不相同。会员卡的设计模拟了真实生活中会员卡的质地和视觉效果。比如「黄金会员」的会员卡，在晃动手机时，你能清晰地看见会员卡的光泽质地和流光效果。用动效表现材质，不仅不会增...
InPieces 是一个关注濒临灭绝动物的公益组织创办的HTML5特效网站，借此来呼吁人们关注这些濒临灭绝的可爱动物们，保护生存环境。折纸风的视觉效果，仅三角形碎片的破碎重组和转换变化展示了30个世界范围内濒临灭绝的物种。网站的loading页面延续了整体网站的视觉元素与风格，十分...
在「我的天气」app进行下拉刷新的操作手势，会发现页面顶部的空白空间被设计成了宇宙的模样。当下拉刷新页面处于信息更新状态， 顶部动画里的人造卫星会向地球发送信号。又是一个情理之中又让人惊喜的情感化设计，通过微交互动画模拟物理世界里的真实情境，来为用户呈现更...
以细节控大魔王著称的苹果团队，总是会在产品设计里悄咪咪的埋下各种惊人的细节彩蛋等待着用户自己发现。和前几代iOS系统一样，iOS12在图标的设计里也藏了很多小心机。在iOS12里当你启用了「计时」的设定之后，控制面板里的计时器图标指针也会随着倒数计时开始倒转，变成动态...
MIUI的状态栏，会根据天气状况的变化变换不同的主题样式，很有灵性。比如雾霾天打开手机，状态栏就是灰蒙蒙的样子；天气晴好的时候，状态栏就会自动切换蓝天的主题。不仅如此，MIUI桌面中的天气图标也是动态图标，会随着当天的天气变化。通过界面的视觉变化直观地表达天气变...
「网易云音乐」新版本更新，悄悄上线了一个名为「Sati空间」的新功能。从「我的音乐」页面进入「Sati空间」，会出现一个满屏都是泡泡的页面并自动开始随机播放音乐。这其实是「网易云」新出的「解压模式」，在这里你可以一边听音乐，一边无限戳泡泡来解压。背景歌单虽然无法...
在NOMO App下载TOY F 相机后，正式使用相机前会有十分有趣又极具仪式感的拆机环节。模仿真实世界里拆开相机包装的场景，开启新相机需要按照引导指示用手指在屏幕上滑动「撕开」包装袋来完成。将用户熟悉的物理行为与抽象的交互行为相关联，为互动体验增添了真实感与趣味性。
「即刻」的点赞功能按钮，除了常规情况下会显示为表示点赞手势的icon，还会在不同内容的主题广场里变成与主题相关的图案。比如在篮球主题相关的搜索内容里，点赞按钮会变成篮球图标；在关于爱情综艺「心动的信号」的话题里，内容下方的点赞按钮会变成「心心眼」的笑脸图标...
通常各大网站和应用的「搜索」功能，除了具备其基本的信息查找属性，还会常常隐藏很多惊喜和彩蛋。比如在「百度」里搜索某些关键词，就会触发一些神奇的效果，非常有趣。搜索关键词「DUANG」，搜索结果页面就会出现晃动的交互效果生动演绎这个词的特点。充满惊喜的搜索结果...
在「腾讯视频」观影的过程中，可以通过旋转画圈的手势直接调节屏幕亮度。在iPad的版本里，调节屏幕亮度的过程还会伴随日月变换的微交互小动画。随着屏幕亮度的减弱，表示明亮的太阳图标会逐渐朝表示昏暗的月亮图标转变。在到达适合夜间观看的亮度数值时，还会有贴心的文字...
B站最近在iOS版本的「弹幕设置」里，添加了奔跑中与慢走中小人儿的图标来分别表示弹幕速度调节的快与慢。这个小彩蛋与 iOS里用兔子与乌龟的形象表示「朗读速率」快慢的调节类似，都运用了形象思维将抽象的 「速度」概念具象化。让用户对抽象概念的感知更直观清晰，也为交...
「作文纸条」每日提供的长文素材内容，自带「不阅即焚」功能。素材推送当天未被查看的长纸条会在用户下一次登录App时，出现「碎纸机」当着用户的面将纸条销毁并丢进「废纸篓」。只有通过参与平台的活动获得「万能胶」，才能从碎纸堆里将纸条恢复。这个设计逻辑很棒，利用...
