为移动端用户设计出清晰而有意义的图表是一大挑战，「墨迹天气」App中提供了2小时雨雪 、24小时、15天、40天天气预报相关的图表模式。在2小时降水全国雷达图中，降水量随时间变化的动画直观的展现了降水趋势。图例结合冷暖色带，两端显示示意降水量高低的图标，既简化了信息...
设计师不仅需要学习流行设计趋势，更重要的是学以致用。「阿里智能」是一个家庭智能设备控制App，它将流行的2.5d+c4d的动画设计运用到开屏页，不仅向用户描绘了立体形象的家庭设备控制场景，也建立了有趣和差异化的品牌设计。是一个流行趋势和商业结合的优秀例子。
「夸克浏览器」最近上线了一支动画广告短片「请回答3001」，混搭科幻、未来、复古、赛博朋克、AI等多种风格。短片用未来感十足的画风讲述了两个智能机器人的日常生活，通过5个小故事分别传递出5大产品特点，情节脑洞大开又有梗。比如「懂很多」又会撩的学长以及「套路深」的...
圣诞节到啦，「花瓣网」也为大家带来了圣诞祝福。打开网站搜索圣诞相关的内容时，会看到置顶的前五张图连成了一副连续的动图：一只小鹿戴着红色围巾脚踩喷射机，拖着一雪橇的礼物从左缓缓驶来，为大家带来圣诞礼物和祝福。5张图的图片说明连成了一句「圣诞快乐」。通过情...
九月开学季到来，谷歌首页的节日纪念定制版图标Google Doodle变成了学校开课的小动画。孩子气的涂鸦风格充满朝气与童真，互动性的动画生动有趣。情感化设计的小彩蛋让特殊的日子充满惊喜，体现了科技公司的温度与情怀。
玩游戏的时候，如果你通过关卡或挑战成功，页面一般都会出现气氛热烈、冲击力强的视觉效果。「英语流利说」作为一款寓教于乐的英语学习应用，自然也深谙用设计效果调动用户的学习气氛之道。当用户学完一个课时，会出现星星评分的动画。而当完成整个Part，则会出现大大的划...
在电脑端打开小电视家的网页，可以看见首页右侧搜索栏的下方每次刷新都会显示不同样式的小动图。将鼠标移上去，还会显示小动图的含义。点击动图，就可以直接到达动图相关的站内搜索内容了。据说这里的小动图样式多达三位数并且一直在逐渐增加中。这是一个很好的内容推广...
网站搜索的速度与反馈，十分影响用户对App好感度的提升。搜索的慢了，用户等待感变强；反馈差了，用户对搜索的期望值会变低。小电视家的搜索就用2233的一个动画来对用户进行搜索状态的加载与反馈。当你搜索一些奇怪的关键词的时候，2233在书包里找东西会找很长时间。当用户在...
今年是人民币发行70周年，国务院反假货币工作联席会议办公室与腾讯合作，联合出品了一个QQ-AR人民币防伪知识互动体验。打开手机QQ，用「扫一扫」功能扫描第五套人民币100元纸币，你就能看到AR技术的3D凤鸟在人民币上飞舞了。这是首次在人民币宣传中使用AR技术，具有互动性与趣...
相信很多人都体验过被渣网速支配的恐惧，加载慢不仅打断用户的心流（flow）影响用户体验，并且对公司而言用户的流失往往意味着商业上的损失。因此，在无法获得更快网络速度的情况下，如何减少用户在加载过程中的焦虑感就显得很重要。「动漫之家」在加载页面放了自家的IP形...
「签到」功能的设置是为了促进用户活跃度与增加用户粘性，但其实它的本质是通过奖励机制强化用户行为以达到培养用户使用习惯的目的。那如何设计一个简单而高效的签到功能呢？除了设置对用户具有吸引力的奖励机制外，功能设计上足够简单的操作步骤与参与的趣味性同样重要...
也许所有二次元平台的设计开发团队都是吃可爱多长大的，产品里永远藏着能将用户的心萌化的小彩蛋。M站的萌猫看似只是趴在App底部导航中间时而打瞌睡时而唱歌卖萌的小可爱，其实小萌猫状态的改变正是音频播放状态的反映。播放列表为空或者音频播放暂停，萌猫会出现安逸地打...
2013 年的苹果设计奖 (Apple Design Award) 得主Yahoo Weather，因其大气美丽的设计与实用的功能性受到很多人的喜爱，但其实它的动画效果更让人惊喜不已。根据你所添加地点的信息，Yahoo天气会结合此地所处季节、当前时间与天气状况从Flickr上为你挑选精美的照片作为界面背景。而雨、雪、...
