返回

西安源码时代IT培训机构

设计404页面的技巧有哪些

网页设计学习网更新时间:2023-02-14 浏览:150

怎么设计404页面

一、国外网

1.Facebook

Facebook的404页面似乎并没有设计的很走心,设计来自于它自己的“点赞”图标。

2.Google

谷歌为不同节日设计的Logo一直都很有创意,404页面也不例外。

熟悉的可能是手绘风格的机器人,更有趣的是谷歌Chrome的404页面,是一个控制恐龙躲避障碍物的小游戏。

这个页面是由谷歌的设计师Sebastien Gabriel设计的,Chrome中许多经典的404页面图标都是他设计的。

3.吃豆人

同样是为了让404页面成为一个小游戏,公司选择了经典的街机游戏《吃豆人》。

4.皮克斯

皮克斯的404页面使用了《头脑特工》中“忧忧”哭泣的图片,并配以“噢……不要哭”的文字。

二、国内网

在中国,“404”是一种外来产品,在中国的互联网语境下,“404错误”有更多的含义,可能是网页不存在,内容不符合规定,或者发布者主动删除内容,正如《连线》杂志上的文章所说:

“404错误”提醒人们,由人类创造和控制的网络技术并不完全可靠。

让我们来看看国内互联网上各种各样的“404页面”。

1.腾讯、百度、网易的“404页面”均是失踪儿童信息,这些404页面允许用户在404页面中嵌入简单的代码,通过这个页面传播了失踪儿童的信息,反映了一个公司对公益事业的态度。

2.淘宝的404页面提醒用户,淘宝是姓马,马云的马。

3.京东使用了自己的“京东狗”。

4.网易选择了冷性风格。

5.新浪和新浪微博的404页面,我觉得新浪微博的产品经理更加用心。

了解404页面可以说是非常符合现在的网页趋势的。

关于如何设计一个“404页面”,负责腾讯产品视觉和交互设计的CDC团队认为,经验丰富的“404页面”应该遵循以下原则:

1.提供简明的问题描述,用简单的语言消除访问者的挫折感,允许访问者去某个地方而不是后退。

2.提供一个合理的解决方案来帮助访问者完成他们的访问目标。

3.提供个性化和友好的界面,增强访问体验。



相关资讯

什么是网页制作中alt
2020-12-18 533
网页制作中的alt是一种参数属性,alt的作用就是当HTML元素本身的物件无法被渲染时,就可以显示alt文字作为一种补救措施;alt属性...
美工和设计都有哪些区别
2021-11-10 527
针对很多人而言,没法无别美工设计与UI设计师,在绝大部分人印像中,二者是一样的。美工设计和UI设计他们有一个相同点便是他们用的手机软件通常是一样的如Photoshop,CorelDRAW ,AI等手机软件,但实际上彼此之间差别非常大...
网页制作中hr是什么代码
2021-07-15 460
网页制作中hr是什么代码?下面小编给大家介绍一下。在HTML中,hr有“水平线”的意思,是用于在页面中创建一条水平线的一种标签。...
网页设计如何设计字体颜色
2023-02-14 456
网页设计如何设计字体颜色1、html页面中设置color 字色这是我的段落2、style应用3、CSS中定义html样式在这里定义:p{color:blue}...
如何用dw制作网页
2023-02-14 406
如何用dw制作网页1、点击软件主界面中间的“新建”按钮,启动DW。2、在弹出的“新建文档”窗口中,选择“HTML文档”,点击“创建...
网页制作中bottom是什么
2021-06-22 391
网页制作中bottom是什么:bottom是css定位属性中的一种属性。属性定义:对于肯定定位元素,bottom属性设置单位高于/低于包含它的...
dw怎么制作网页框架
2020-12-17 378
dw怎么制作网页框架?下面小编给大家介绍一下。DW设置框架结构的教程:设置好站点,建立新文件,类型为HTML,选择“新建”下的“...
网站页面底部信息应该放哪些内容
2023-02-14 368
网站页面底部信息应该放哪些内容?1、底部考虑做子导航就是在底部放一些网站核心关键词的链接以及友情链接或者将网站的常见问题也...

相关课程

栏目导航