和序列帧动画制作逻辑相同，原型交互需为设计页面逐一添加过渡动效，以实现流畅的页面动态转换。但制作较复杂动效时，一个个添加过渡不仅费时费力，还难以保证细腻画面。用「Master...
「Chic Cam 漏光胶囊」是一款艺术感很强的小众复古风相机App。它的相机滤镜开启画面优雅又具有仪式感，每下载一款新滤镜，都需要用户通过滑动或点击的交互手势「拆开礼物」，...
「自如」App的会员等级信息，使用了生动的动画形式来呈现。随着标尺滑动会员每提升一级，背景插画中的房间就会增加一件家具，等级越高房间越温馨环境更好。通过直白的动画展现了会员等...
在角色扮演类游戏中常规进行「创建角色」时，若用户进行角色体型的切换，会发现游戏大多会使用转场式的动画效果，就像是在进行左滑右滑进行商品选择。而「新笑傲江湖」则选择了在「创角界...
在「网易云音乐」搜索「哈利波特」的主题曲，会触发神奇的魔法彩蛋。当音乐播放到40s以后（即音乐的高潮开始）会出现一只送信的猫头鹰飞过的动画，并且「评论」图标的位置会变成一封显...
在最近版本的「网易云音乐」中，针对「网抑云」现象推出了评论区「抱一抱」的彩蛋。具体触发「抱一抱」彩蛋的操作为：点开任意一首歌的评论区，在评论区位置两只手指往中间捏合，则产生两...
为移动端用户设计出清晰而有意义的图表是一大挑战，「墨迹天气」App中提供了2小时雨雪 、24小时、15天、40天天气预报相关的图表模式。在2小时降水全国雷达图中，降水量随时间...
设计师不仅需要学习流行设计趋势，更重要的是学以致用。「阿里智能」是一个家庭智能设备控制App，它将流行的2.5d+c4d的动画设计运用到开屏页，不仅向用户描绘了立体形象的家庭...
「夸克浏览器」最近上线了一支动画广告短片「请回答3001」，混搭科幻、未来、复古、赛博朋克、AI等多种风格。短片用未来感十足的画风讲述了两个智能机器人的日常生活，通过5个小故...
圣诞节到啦，「花瓣网」也为大家带来了圣诞祝福。打开网站搜索圣诞相关的内容时，会看到置顶的前五张图连成了一副连续的动图：一只小鹿戴着红色围巾脚踩喷射机，拖着一雪橇的礼物从左缓缓...
九月开学季到来，谷歌首页的节日纪念定制版图标Google Doodle变成了学校开课的小动画。孩子气的涂鸦风格充满朝气与童真，互动性的动画生动有趣。情感化设计的小彩蛋让特殊的...
玩游戏的时候，如果你通过关卡或挑战成功，页面一般都会出现气氛热烈、冲击力强的视觉效果。「英语流利说」作为一款寓教于乐的英语学习应用，自然也深谙用设计效果调动用户的学习气氛之道...
在电脑端打开小电视家的网页，可以看见首页右侧搜索栏的下方每次刷新都会显示不同样式的小动图。将鼠标移上去，还会显示小动图的含义。点击动图，就可以直接到达动图相关的站内搜索内容了。
网站搜索的速度与反馈，十分影响用户对App好感度的提升。搜索的慢了，用户等待感变强；反馈差了，用户对搜索的期望值会变低。小电视家的搜索就用2233的一个动画来对用户进行搜索状...
今年是人民币发行70周年，国务院反假货币工作联席会议办公室与腾讯合作，联合出品了一个QQ-AR人民币防伪知识互动体验。打开手机QQ，用「扫一扫」功能扫描第五套人民币100元纸...
相信很多人都体验过被渣网速支配的恐惧，加载慢不仅打断用户的心流（flow）影响用户体验，并且对公司而言用户的流失往往意味着商业上的损失。因此，在无法获得更快网络速度的情况下，...
「签到」功能的设置是为了促进用户活跃度与增加用户粘性，但其实它的本质是通过奖励机制强化用户行为以达到培养用户使用习惯的目的。那如何设计一个简单而高效的签到功能呢？除了设置对用...
也许所有二次元平台的设计开发团队都是吃可爱多长大的，产品里永远藏着能将用户的心萌化的小彩蛋。M站的萌猫看似只是趴在App底部导航中间时而打瞌睡时而唱歌卖萌的小可爱，其实小萌猫...
2013 年的苹果设计奖 (Apple Design Award) 得主Yahoo Weather，因其大气美丽的设计与实用的功能性受到很多人的喜爱，但其实它的动画效果更让人...
