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