不容忽视的404页面设计 | 周良博客

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

by • 2014 年 11 月 23 日 • 设计相关Comments (0) • 148 views

不容忽视的404页面设计

404页面是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面。而这个页面也是最容易使用户在发现错误后立即关掉网页,导致网站的信息无法准确传达给用户。

因此404页面在设计时要从以下几个方面注意:

一、排版和布局应当清晰明了

在设计时,为了保证信息内容的准确传递,首先要保证的就是有一个清晰明了、主次分明的页面排版。这样一个主次分明的排版能让用户立即知道网页出了什么问题,以及下一步该怎么做。

image1

比如这个404页面的排版就做的不错,在同一个蓝色系的配色,背景相对高调而字体则用了低调的配色。这样文字内容就很突出。在黑色字体突出的基础上,设计师把404 NOT FOUND几个字放大了也就让人更清晰的知道了这个页面是404页面,做到了信息的准确传递。

二、404页面设计要和整体页面保持设计风格的统一性

404页面也是网站的一部分,因此在设计的时候一定要注意不要顾此失彼,一定要和整个网站的风格保持一致。

image2

这个404页面的统一性就做的很不错。这是餐厅的网站,因此它的404页面就用了餐厅的元素,用光盘子和叉子以及剩余的一点点食物来表达了404页面的一种在浏览网页时突然网页出现错误时的一种意犹未尽的心境。而在餐具上的404的文字则更是画龙点睛了。让人一看就知道这是一个餐厅网站的404页面。

三、设计的趣味性让用户有更多的停留空间

在用户浏览网站的时候突然出现404页面,可以想象用户的心情是有些糟糕的,因此我们在设计网页的时候不妨用一些有趣的图形来表达404页面,以此来增加用户浏览网站的时间。

image3

这个网站用了熊猫这个元素,这样不仅与网站的风格保持了一致,还为404页面增加了一些趣味性的元素。这样会使用户耐下心来读完404页面的文字描述,试想谁会狠心的拒绝一只可爱的熊猫呢?

image4

这个网站用了地球这样一个元素,网站设计师把地球矢量化配色温和,图形充满趣味性,这样的一个好看的设计,也是让人会有兴趣仔细看看网站的内容描述。

综上所述,一个网站的404页面的重要性是不言而喻的,一个不好的404页面会让用户直接关掉浏览器,甚至会对整个网站产生糟糕的印象。而一个好的404页面设计不仅能够安抚用户在面对404页面时焦躁的心情更能够使用户在网页上停留更多时间。

细节决定成败,404页面的设计时不容忽视的。



本站长期承接 WordPress 项目,详情请 Email:jack@aips.me。


随意打赏

提交建议
微信扫一扫,分享给好友吧。