来吧，一起来看看这个404页的设计，你可以看到它是很清楚。我特别选择了这样的东西简单明了，这样我们就不会迷失在不必要的钟声和口哨声。

这种设计的整体外观和感觉是简单，为了这个例子的，在同一时间，以便为布局。我会向你解释不久，一个404页面不应该有很多事情，所以在布局保持简单了。你不需要在杂乱的任何网页，包括错误的。

404页面的可用性

在一个可用的页面，也就是一个具有良好用户体验的方面，你需要保持4个主要规则的初衷。我会配合各那些在本教程中的样本设计。

1。用通俗易懂的语言和解释什么是怎么回事

不管是什么样可能会显示错误页面，总是解释通俗易懂的语言错误，使访问者可以了解刚刚发生了什么。这是不公平的他们有解密的东西为什么基于技术术语不工作了，还是差了一堆这意味着有些事只有到项目的开发商数字。这是不够好的。一个弹出，上面写着“不正确的输入”，当他们错过了他们的电子邮件的形式@符号，而不是说“你的电子邮件地址似乎是无效的”。就像在这个例子中，我说：“很抱歉，此页面不存在......”这是简单的，并解释发生了什么。

2。提供了一个出路

404页面就是一个很好的例子。所以，没有找到该页面，它不存在：现在怎么办？那么，在我们的404页我提供了一个具体的下一步，这是返回到主页。这实际上是404页相当普遍。你也可以提供是返回到前一个页面，如果页面是通过一个不存在的链接访问。

3。保持相同的设计

这一点伴随着前一个关于保持导航，你应该把一切都相同。保持相同的布局，外观和感觉......一切。只是页面访问出错了，并不意味着你需要把他们带到一个全新设计的，完全不同的页面。这将混淆了您的访客。我们不希望把它们混淆，我们不想吓唬他们，我们想帮助他们。你应该把错误页面，如404错误，因为从原来的页面模板的任何其他页面。同样重要的是要保持影响很小，因为这不是一个页面，需要被提醒 - 这是一个页面，需要清楚地传达帮助。

4。允许报告

无论多么微不足道的错误，总是要报告。可能有一些错误，你是不知道的，可能是你的页面与服务器连接不上等原因。也许人们被赋予了错误的链接提醒，他们无法找到该网页。或者，也许人们正试图访问一个页面，你不再拥有和重定向不工作。它不会伤害用户体验，只是让人们告知你，有一个奇怪的或反复出现的问题 - 而不是仅仅在404页。给他们一个按钮或链接到与您取得联系，它可以帮助您确定您的访客的痛苦。

总结

现在，我们明白了404页面存在的原因，让我们编写了一个简单的例子。

基本结构和设置

我会从一个简单的HTML结构。你可以看到，什么也没有，但是适当的页面标题和一些CSS的空间。也没有必要包括一个外部文件对于本例的目的。

<！DOCTYPE HTML> 
 
 
<元 的charset = “UTF-8” />