最出其不意的「返回顶部」设计，非猫耳FM莫属 - 优设网 - UISDC

设计彩蛋 最出其不意的「返回顶部」设计，非猫耳FM莫属

产品：猫耳FM iOS 作者：猫耳FM团队 时间：2018-07-12

猎人： 小白 观众：4042人

细节描述

极速赛车开奖在哪看 www.35yjw.cn 当浏览页面较长的网页时，利用鼠标滚动返回页面顶部的体验会变得非常差。因此现在的网站尤其是国内网站，多数都会在页面右侧增加「返回顶部」的快捷按钮，以此来提升使用体验与效率。不同于大多数固定在Bottom底部或始终悬浮页面右下角的箭头文字版按钮，猫耳FM的「返回顶部」则更像是给用户预留的惊喜彩蛋。将平台吉祥物小萌猫的形象用绳子吊在网站页面右侧作为隐藏的「返回顶部」功能，真的皮到不行～但仔细想想，这多符合平台萌系的属性与灵动的个性呀。想要解救小萌猫？返回页面顶部试试 (~￣?￣)~

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# 微交互# 情感化设计# 惊喜# 按钮# 猫耳FM# 设计彩蛋# 趣味性
加长

发表评论 加载中....

评论加载中....

下一篇

捕获自 UC浏览器 iOS

你将掌握 用户体验 的小知识~

省流量小助手哪家强？UC的「智能无图」是真棒～

新闻资讯类的应用由于有大量图片、视频信息的加载，常?；嵩谖颐撬⑿畔⒘鞯墓讨胁恢痪跸拇罅苛髁?。虽然理想状态下推荐在Wi...

官方微信

weixin
设计头条 行业热门
交友脱单 活动丰富
干货私单 涨薪法宝

优设官微 掌上更精彩 扫码关注

相关细节

微交互 有温度的模式切换设计是怎样的？

所谓「护眼模式」，通常是指经过智能调色，添加黄、红、绿的颜色以及降低屏幕亮度来使屏幕变暗变黄，从而达到缓解用户用眼疲劳的作用。新浪微博从「普通模式」切换为「护眼模式」的过程，并不仅仅是通?；祷哪Ｊ角谢?，页面顶部还会在模式转换的过程中出现模拟太阳升起与夜幕降临的小动画。情感化的设计，在给用户提供操作反馈的同时也为产品增添了趣味性与亲切感。

产品：新浪微博 iOS 作者：新浪微博团队 猎人： 小白

设计彩蛋 是的，没错！元宵节B站的小电视图标又变身了～

是的，没错！又到了逢过节必有B站的小电视图标变身的固定彩蛋环节了。在刚刚过去的春节假期，B站进度条里的小电视图标伪装成了红灯笼，而随着元宵节的到来小电视这次又成功变身碗中的汤圆。如元宵般漂浮在碗中的小电视十分可爱，情感化的小彩蛋设计让用户感到产品的温度与个性。

产品：Bilibili iOS 作者：Bilibili团队 猎人： 小白

微交互 又想骗我来点赞？来「微博」点赞，即可收获锦鲤一只哦

最近发现「新浪微博」又开发了新的广告模式，点赞出现交互小动画和品牌slogan。这一年，「锦鲤」成了年度热词。对于年轻人而言，「锦鲤」已不只是一种鱼，更是一种幸运与转运的符号象征。将「OPPO奇幻新年」的广告与在微博点赞出现锦鲤动画的交互效果相结合，仿佛看见这条广告也是获得锦鲤和新年好运的方式。这样植入广告的方式有点巧妙，但有些同学也会觉得怎么到处都是广告连点赞都不放过，你怎么看待这种点赞互动呢？

产品：新浪微博 iOS 作者：新浪微博团队 猎人： 小白

微交互 「今天你下拉了么？」快来围观网易新闻下拉刷新交互里的秘密

当移动端页面的下拉刷新操作逐渐成为用户习以为常的交互手势，下拉时页面顶部的空白空间不再被「闲置」而是越来越多的被设计师们加入了巧思。网易新闻的下拉刷新页面顶部就被利用起来做成了隐藏彩蛋的小栏目「今天你下拉了么 」，每日登录下拉主页面都会有惊喜。6月25日是一代流行音乐之王迈克尔·杰克逊的告别日，这一天的下拉彩蛋内容就是纪念杰克逊的海报展示。这样页面刷新的过程不仅具备了可读性，起到优化下拉交互的作用，更使这个交互设计彩蛋成为了网易新闻App的一大亮点?；八到袢辗莸摹赶吕褂写缶?，还不快去网易新闻探个究竟~o(*￣︶￣*)o

产品：网易新闻 iOS 作者：网易新闻团队 猎人： 小白

优设精选专题 查看更多

124005人看过 8篇文章

智能电视设计

这个完全不同的新领域应该如何设计？

智能电视作为新兴行业，国内相关的用户体验设计知识少得可怜。本专题收集了8篇高质量的智能电视设计干货，从初级入门到交互基础，从电视焦点设计到?？仄魃杓?，从 Apple TV 到 Android TV，最后还有 Fire TV 的实战案例分享。如果你刚好需要做智能电视设计，这个专题就别忘记收藏了！
查看专题
210180人看过 9篇文章

品牌设计

完整的品牌设计过程

本专题精选了数十个大厂的品牌设计案例复盘，可以帮你学习完整的设计流程。此外还有优设独家的品牌设计团队专访和品牌设计规范整合，干货多多，记得收藏哟！
查看专题
373600人看过 8篇文章

简历制作

让你的简历敲开大厂的门

如果简历是敲门砖，那一份优秀的简历就是打开大厂的钥匙。本专题收录了不同顶尖大厂设计总监的简历制作方法和常见的细节错误，看完这个专题，赶紧把简历拿出来改好！
查看专题
758155人看过 15篇文章

Material Design

每个设计师都该深度学习的设计语言

通过这个专题，不仅可以了解到最新的 Material Design 变化，还有 Material Design 的动效设计、可用性设计、用户引导设计等中文版本，另外还有高手总结的学习笔记和实战案例?？赐暾飧鲎ㄌ?，帮你全面读懂 Material Design。
查看专题

设计师基础理论书 查看更多

情境交互设计：为生活而设计（第二版）

可作为国内互联网公司UED团队的日常工作指导用书

Karen Holtzblatt
清华大学出版社

用户思维

创业时代的用户获取方法，优化体验，前所未有的技巧绝学。

约翰·沃瑞劳
中国友谊出版公司

设计心理学（套装共4册）

英文版销售25万册，设计学知名力作，设计师必读经典。

唐纳德· A · 诺曼
中信出版社

用户体验要素

以用户为中心的产品设计，销量经久不衰，入行必读。

Garrett
机械工业出版社

用户至上

亚马逊用户体验师首推的用户体验书，内附实践方法。

Kathy Baxter
机械工业出版社

色彩设计法则

梁老师苦心著作的配色书籍，或许适合所有色彩爱好者研读学习。

梁景红
人民邮电出版社
书到用时方恨少 > >
转场动效 设计师 扁平化设计 优设专访 交互设计师 界面设计 优设大课堂 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 AI教程 设计理论 设计师专访 神器下载 字体下载 平面设计 设计趋势 psd下载 用户体验设计 海报设计 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信，扫码分享
学设计 优设网 在这里

  • 欧普照明“新亚洲风尚”系列产品诠释不一样的东方风韵 2019-04-21
  • 承认私有制存在，却否认阶级分析。睁着眼睛说瞎话，强坛独一份。 2019-04-21
  • 龙湖集团入选福布斯全球企业前500强 2019-04-21
  • 重庆市武隆区：建设“幸福候鸟”工程 2019-04-21
  • 《世界杯相对论》：谁能站本届世界杯的C位？ 2019-04-20
  • 中国的强大不是说说而己，不要因为有俩钱就以为成了世界老大 ！ 拥有保护财富和维护主权的能力，才是真正强大的标志！(原创首发) 2019-04-20
  • 网络账号能否继承？专家：可继承具有价值部分 2019-04-19
  • 宜春深燃公司首个分布式能源项目正式落地运行（组图） 2019-04-19
  • 夷陵区开展“关爱女性健康 助力精准扶贫”两癌免费筛查 2019-04-19
  • 海外版望海楼：“上海精神”的新时代内涵 2019-04-18
  • 西藏昂仁县：保障群众健康生活 用健康扶贫助推精准扶贫 2019-04-18
  • 【新时代 新作为 新篇章】十年长出一座绿色新城 2019-04-18
  • 马航客机在乌俄边界被击落事件回顾 2019-04-18
  • 楼顶建起1.7万平方米运动场   “8D重庆”又现网红建筑 2019-04-17
  • 楼市下半年或持续降温 房地产长效机制加速推进 2019-04-17
    • 516| 680| 795| 503| 552| 420| 181| 444| 521| 880|