灵感迸发 | 国外 28 个知名网站的 404 页面

灵感迸发 | 国外 28 个知名网站的 404 页面_第1张图片

简评:本文介绍一些 404 的设计原则,以及欣赏国外知名网站的 404 页面设计。

用户看到 404 不会很爽,但既然已经出现了,你完全可以把 404 玩起来。把它当做展示你品牌形象的一个机会。

灵感迸发 | 国外 28 个知名网站的 404 页面_第2张图片

404 要遵循的一些原则:

  • 不要只提供一些链接,也可以在 404 添加一个搜索框,方便用户继续操作。(比如 stackoverflow 那样)
  • 解释问题,并提供解决方案,而不是单纯的报错。
  • 不要太多噪音,专注用户的注意力。一般情况下 404 页面不要超过 4 个链接。
  • 适当的展示品牌形象。
  • 适当的幽默感

我们可以以前欣赏一下国外著名网站的 404 页面,一起找找灵感。(我最喜欢 Virgin 的 404,理查德·布兰森本色出演)

无先后排名,按照英文首字母排序。

Airbnb.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第3张图片

AliExpress.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第4张图片

Amazon.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第5张图片

Awwwards.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第6张图片

bing.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第7张图片

bitly.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第8张图片

bloomberg.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第9张图片

codyhouse.co

灵感迸发 | 国外 28 个知名网站的 404 页面_第10张图片

coolhunting.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第11张图片

craigslist.org

灵感迸发 | 国外 28 个知名网站的 404 页面_第12张图片

csswinner.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第13张图片

dribbble.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第14张图片

Dropbox.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第15张图片

facebook.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第16张图片

GitHub.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第17张图片

Google.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第18张图片

Imgur.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第19张图片

LinkedIn.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第20张图片

mailchimp.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第21张图片

mashable.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第22张图片

producthunt.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第23张图片

Reddit.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第24张图片

Slack.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第25张图片

stackoverflow.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第26张图片

Tumblr.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第27张图片

灵感迸发 | 国外 28 个知名网站的 404 页面_第28张图片

灵感迸发 | 国外 28 个知名网站的 404 页面_第29张图片

Virgin.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第30张图片

VK.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第31张图片

YouTube.com

灵感迸发 | 国外 28 个知名网站的 404 页面_第32张图片

原文:404 pages from popular sites — Design Inspiration
延伸阅读:
如何写出完美的错误提示
UI 设计中最重要的颜色
Google 挑战题 | 你会如何设计 1000 层大楼的电梯按钮

你可能感兴趣的:(灵感迸发 | 国外 28 个知名网站的 404 页面)