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

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

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

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

细节描述

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

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

发表评论 加载中....

评论加载中....

下一篇

捕获自 微信iOS

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

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

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

官方微信

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

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

猎人推荐 我要投稿

相关细节

设计彩蛋 「高德地图」上线「流浪地球」语音：道路千万条，安全第一条

口碑票房双丰收的「流浪地球」正被大家当作现象级的国产硬科幻电影进行热议，然而比电影本身热度更高的怕是电影里让人印象深刻的交通安全提示了：「道路千万条，安全第一条，行车不规范，亲人两行泪」。借着电影在映的热度，「高德地图」在新上线的驾车导航语音包中加入了这段魔性的台词。无论你下载的是志玲姐姐的性感语音还是郭德纲的搞笑提示音，进入开始导航后的第一句语音都是小破球的这句安全提示，颇有一种魔幻的「穿越」感。2019年的最佳交通安全义务宣传员，非「流浪地球」的高级驾驶员韩子昂莫属了吧。??

产品：高德地图iOS 作者：高德地图团队 猎人： 小白

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

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

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

用户体验 好的设计是一束光，能够温暖冰冷的心

在知乎搜索关键字「自杀」并不会直接搜到相关内容，而会弹出一个24小时心理援助热线的温馨提示窗口。选择「了解更多」，则会跳转至知乎官方发布的《如何调节日常生活中的抑郁情绪》页面。在这个社会节奏快生活压力大的时代，抑郁症、自杀成了高居不下的社会新闻关键词。知乎在产品设计里考虑到了自杀心理干预的设计，可以说是相当暖心了。这是一个通常不会被发现的细节设计，但在关键时刻却是能温暖冰冷绝望的心的一束光。

产品：知乎iOS 作者：知乎UED 猎人： 小白

优设精选专题 查看更多

349171人看过 14篇文章

设计规范

那些条条框框您真得懂？

说出来你可能不信，我去了几家公司，每个公司里都让我制作设计规范，说是为了便于公司规划流程化管理，当时我可是费了老大劲...
查看专题
613064人看过 7篇文章

英文字体

高手都在用的英文字体打包下载

英文字体世界浩瀚无涯，想找到合适的字体颇不容易。幸运的是那些乐于分享的前辈已经将私藏的字体打包好并全部呈上，不仅有专业平面设计师和网页设计师特供版，更有顶尖设计师灰昼倾情分享个人字体包，话不多说，是时候为你的字体库腾出一个位置来咯。
查看专题
295150人看过 15篇文章

设计流程

从业余新人跨入专业设计师的那道坎

通过本专题，你可以先学习基础的产品设计、交互设计、UI 设计、平面设计等不同领域的流程，同时附上特定项目，诸如对话式交互式、交互规范、UED 团队等等的流程总结，最后用大量实例帮助你更加深入地理解流程的运用。
查看专题
788397人看过 18篇文章

配色指南

一个专题囊括所有配色方法和技巧！

来到本专题，你不仅可以掌握基础的色彩知识，还能学会高手的配色训练方法和独家配色技巧，更有超多在线配色神器免费使用，让你轻松从配色小白变高手！
查看专题

优设热门私房课 查看更多

iPad 手绘入门快速学习指南

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

闫实
优设大课堂人气老师

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

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

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

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

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

慕青
知名大厂设计师

包装插画入门学习指南

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

鱼吉
艺术院校老师

腾讯设计师求职成功指南

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

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

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

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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