dirbbble让人惊喜的互动404页面 - 优设网 - UISDC

设计彩蛋 dirbbble让人惊喜的互动404页面

产品：dribbble 作者：dribbble设计团队 时间：2019-02-01

猎人： 小白 投稿： 娜娜酱观众：6082人

细节描述

逛dirbbble的时候偶然发现了追波的404页面，感觉挺惊喜的。由站内设计作品组成的404图案，恰到好处的呈现了设计网站的属性。拨动页面底部的调色bar，404图案就会根据你选择的颜色重新由相应颜色的作品而成。美观有趣还互动性十足。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# 404页面# dribbble# 互动# 情怀# 情感化设计# 设计# 设计彩蛋

发表评论 加载中....

评论加载中....

下一篇

捕获自 微信iOS

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

在「微信」收红包时，你会给对方发表情表达感谢么？

在最新版「微信」( V.7.0.3)使用红包功能时，你会发现收取红包后的页面比之前的版本多了「回复一个表情到聊天」的按钮。由于很多人...

官方微信

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

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

猎人推荐 我要投稿

相关细节

微交互 「腾讯视频」让人惊喜的主题加载动画

很多产品都会为了给用户提供个性化服务或者给VIP提供增值服务提供主题皮肤。使用「腾讯视频」的个性化皮肤，不仅在首页的Tab栏切换会有主题卡通效果的体现，连加载动画也会变成相应动画主题。全方位的主题化体验更加沉浸而不仅是表面视觉的改变，让人惊喜。

产品：腾讯视频 iOS 作者：腾讯视频UED 猎人： 小白

文案 你会因为一句打动你的推荐文案，Pick一份歌单么？

根据用户行为进行个性化内容推荐已很普遍，但QQ音乐在对用户的音乐推荐页面加入一系列文案引导的设计还是让人眼前一亮。因为虽然内容推荐的根据即用户的听歌数据可能是固定与有限的，但对这些数据分析得出推荐结果的角度与维度却是多样化的。「用MV来重温你喜欢的音乐」是根据用户喜欢的音频推荐相关MV,「包含『旅行的意义』的歌单，你可能也喜欢」是对包含了用户喜欢歌曲的其他用户歌单的推荐，「你的好友也收听了这些歌单，不容错过」是对用户好友歌单内容的推荐…… 每一首推荐的歌曲都有清晰的分类并用暖心文案说明推荐依据的来源。这样的个性化推送，仿佛不再是冷冰冰的数据罗列，而更像是有情感的「音乐管家」对主人歌单的贴心管理与用心推荐。

产品：QQ音乐 iOS 作者：QQ音乐团队 猎人： 小白

用户体验 「饿了么」消失的骑手去哪儿了？

在「饿了么」点餐后，app会用可视化的信息展示从店家配餐到骑手接单、取餐、配送的全过程。让点单者对自己的外卖是如何送达的每个步骤都清楚明了，用信息的透明化获得用户的信任。除此之外，展示外卖配送信息的页面还有情感化设计的小巧思：商家接单时，图示会在地图中显示店铺的卡通形象；骑手接单后，信息会定位到骑手，画面展现骑手骑车赶往商家的样子。当骑手到店去店内取餐了，你还能看到卡通形象的送餐摩托车上空无一人停靠在餐厅边上的情景。针对不同情景的信息展示设计不同的图示化形象，整个配送过程都变得生动有趣了。

产品：饿了么iOS 作者：饿了么设计团队 猎人： 小白

优设精选专题 查看更多

233179人看过 12篇文章

文案写作

提高转化率的方法可不止放大加粗

如果你认同「设计师是为了解决问题」这个观点，就别犹豫了，赶紧收藏这个专题。设计师加粗放大100倍，可能都比不过改10个字的界面文案。文字的力量有多惊人，设计师如何掌握基础的文案知识，看这个专题就OK！
查看专题
51490人看过 5篇文章

AR设计

AR 设计可能是距离设计师最近的未来

目前市面上关于AR 设计的教程极少，我们可能是唯一一个把高质量教程都收集起来供你学习的，这里有最详细的基础科普，有可供把玩的AR APP，有交互方法总结，收藏这个，以后需要设计AR 类产品就不慌！
查看专题
582881人看过 15篇文章

设计师专访

设计大咖成长史

这儿不仅有实力强劲不为人知的设计大咖，也有人气超高的设计工作室，中西结合兼容并蓄。探寻大神成长史，从中汲取养分，大概就是这个专题的魅力所在。收藏起来，每月都会更新哟。
查看专题
155353人看过 7篇文章

iPhone X

可能是最全面的 iPhone X 设计指南

不会适配 iPhone X 的设计师不是好设计师，本专题既有 iPhone X 的交互方式分析，也有 iPhone X 适配指南，更有超多适配案例经验分享。学会收藏，适配不难！
查看专题

优设热门私房课 查看更多

iPad 手绘入门快速学习指南

iPad 插画练习技巧和速写方法入门科普

闫实
优设大课堂人气老师

Q版头像Ai插画疾速入门指南

不需要手绘板，零基础也能快速上手，6大知识点带你绘制专属卡通头像

周小馋
优设大课堂人气老师

UI设计师直通大厂的简历&面试秘籍

用科学系统的方法提高求职面试的成功率，比内推还有效的大厂秘诀

慕青
知名大厂设计师

包装插画入门学习指南

从接单、沟通、IP形象设计到包装印刷落地的完整过程呈现

鱼吉
艺术院校老师

腾讯设计师求职成功指南

国内顶尖设计团队「腾讯ISUX」设计师亲自撰写的求职面试经验

腾讯ISUX
国民级产品设计团队

成长型插画师的插画练习术

Dribbble 人气插画师快速成长的插画练习术揭秘

风绽
资深插画师
查看更多热门课程 > >
版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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