菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

404页面话题

教程 4.1w

可能是最全面的国内外知名404页面盘点

关于「 404 错误」的起源，互联网上一直流传着一个传说。在欧洲核研究组织的 404 号房间内，存放着互联网第一台服务器，万维网的发明者 Berners-Lee 就在这里办公。如果你要访问网页，必须向这个房间提交申请，如果找不到这个网页就会提示你「404 not found 」。

2018-01-10

程远

教程 3.2w

这5个技巧，让你的404页面变的更加实用

随着网站的不断发展，网站本身的架构会不断变化，页面和内容会在重设计过程中不断调整，被重新定向。网站本身的优化，往往不可避免地让一部分内容不再那么容易被用户找到，当用户打开的时候，就是404页面了。绝大多数用户害怕看到这个页面，这意味着这个链接所对应的页面已经不复存在，或者搜索结果出错了。

2017-05-25

陈子木

酷站推荐 2.0w

拯救无法访问！30个妙趣横生的404设计页面

编者按：虽然没人想遭遇404 Not Found，不过今天这组404页面，可能会让你想要主动去通通看一遍。逆天的脑洞、与品牌恰到好处的结合、诙谐有趣的创意、无处不在的灵感… 无论哪一个特色，都值得花上五分钟来阅读。AirbnbMagntBlue Fountain MediaDaniel Karcher Film Design StudiosMailChimpTin SanityHome Star RunnerDuoh!Bit.lyWufooeHarmonyDailymotion Clou...

2016-03-12

程远

教程 2.3w

欢迎入坑！现代404页面设计趋势分析与案例

每个网站都是由不同功能不同类型的页面构成的，当用户打开错误链接的时候，网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时，还应当引导用户继续浏览，安抚情绪，找到他们真正想要的内容。所以，搞定一个404页面并不会花费太多的精力，但如果想设计一款自然而又非常有用的404页面，还是要费一番功夫的。

2015-12-09

陈子木

教程 2.3w

哎呦不错哦！一组让人眼前一亮的404创意页面设计

编者按：看惯了千篇一律的404，来感受今天这波视觉干净清爽，文案带点小幽默的创意404页面吧。想学习的，文末附上两个免费可商用的404页面模板源文件，怒转吧。注：用小米路由器的同学记得把路由器的网络劫持关了，不然会访问错误。

2015-08-09

程远

酷站推荐 1.8w

娓娓道来！50个实用设计思路帮你设计创意404页面(下)

好玩的地方在于，404页面的设计思路其实可以拓展到许多其他的地方，UI设计、网页设计甚至室内设计。设计的思路和原则原本就是相通的，这些独树一帜或者别具匠心的404页面单独看的时候并没有什么，但是深入总结一番，你会发现它们的价值远不止于它们看起来那么简单。阅读这篇文章之前，不妨先看看上半部分：《娓娓道来！

2015-06-10

陈子木

酷站推荐 2.1w

娓娓道来！50个实用设计思路帮你设计创意404页面(上)

做网站是系统工程。首页的内容要层次分明，导航要结构清晰，子页面要排版均衡，相对而言自由度稍高一点的，应该是404页面了。虽然404本身就是一个告知用户内容访问出错的错误代码，但是富有创意的设计师会充分利用机会，展现网站的独特气质；重视用户体验的设计师，则会充分考虑此刻用户的心情，竭尽全力引导用户去对的页面。

2015-06-08

陈子木

酷站推荐 1.5w

柳暗花明！17个让人想亲自体验的404页面

编者按：对404都是避之不及，何来体验之说？原因可能是大多数404页面都太粗糙了，而今天这组404页面，绝对能颠覆你之前一切对404的看法 >>>Blue Danieldario brozziMashableTemplate MonsterDefrozoDieselStickerMulecentresourceagensTinsanityMailChimpGood Dog DesignTripomaticRSQFocus LabMichael SchmidFastcentrikNu...

2015-05-18

程远

下载 11.6w

良心资源！20个风格多样的高质量404模板免费下载

编者按：今天这组404模板，包含PSD和HTML格式，风格多，质量高，在网上不常见，建议同学们马克一下，以备不时之需 >>>404 Error Page （PSD）Fuel 404 page not foundFree 404 Error Page VectorsClean Elegant 404 Error Page PSD TemplateFreebie: PSD 404 Error PagesFree 404 Error Page HTML TemplateFree HTML...

2015-05-03

程远

教程 1.7w

做有情怀的设计师！如何打造善意优雅的404页面？

编者按：相信我，这不是标题党。本文提到的大多数细节设计，都很难在平常的网站里寻到踪迹，不过恰恰如此，这篇文章的可读性非常高，如果哪一天你看到这么体贴的404网站，找到那个设计师嫁了吧。【今年人气最高的资源+教程，同学你不看一眼么？

2014-12-29

程远

酷站推荐 1.6w

容我做个惊讶的表情！那些创意有趣的404页面

毫无疑问，浏览网站的时候遭遇404是最让人沮丧的事情之一。你费时费力地研究，在信息冗杂的网页之间搜索有用的信息，好不容易找到一个接近目标的链接，点进去却是一个坑爹的404页面，愤怒与沮丧在心中膨胀的感觉的确不好受。实际上最近我就常常遭遇这种状况，作为一个使用早期Kindle二代的老用户，最近想为K2刷个多看的系统，殊不知早期的多看论坛被并入小米论坛，连带早期所有的珍贵资料都无法搜寻，好不容易在Hi!PDA E-Ink版找到链接若干，结果点进去全是劈头盖脸的米兔和“找不到您要的页面”，心塞。

2014-11-05

陈子木

教程 3.0w

超实用！不容错过的优秀404页面设计指南

平生不见404，阅尽全网也惘然。对，如果你从未打开过404页面，就可以说你几乎未曾真正用过互联网。404页面的出现的原因很简单：当你输入链接，浏览器向服务器提出请求，但是服务器无法解析你提供的URL的时候，服务器就会返回给你一个“404为找到”的页面，换句话就是“服务器是正常的，只是没找到你要的页面”。

2014-08-14

陈子木

教程 2.9w

超详细！手把手教你用AI创建细节丰富的404页面

嗨~嗨~嗨~今天优设的教程是手把手（超详细，新手都能学会）教同学们创建一个细节丰富的404页面，帅译@_Wangyijie_ 非常用心，时不时还插播提高效率的小技巧，想练下手的千万不要放过呦。最终效果：在以下步骤中，您将学会如何利用 Adobe Illustrator创建404页面接下来，您将学习如何利用一个简单的路径，阴影效果和一些基本的手段来添加时尚的圆角。你将会用到外观面板创建Search字段以及4个黄色按钮。

2014-07-02

程远

酷站推荐 2.3w

想要不闹心的404界面？这组优秀范例能帮到你

上网最闹心的事除了”根据相关法律….”，就是404页面了。不过，有些网站的404页面实在是讨人喜欢呢，看到都不想生气。今天我们收集了一组优秀的网站404界面，有创意十足的，有设计感强的，每一个都很棒，你可以借鉴学习一下。

2014-05-13

程远

酷站推荐 1.1w

学习制作404错误页面的15个优秀案例

一个自定义的404错误页面将鼓励用户在您的网站上停留更长的时间。这种页面必须容易理解，友好（保持网站的整体感觉）以及有一些互动。你会看到下面的例子中，有的网站会在404页面中添加用户可以参与的小游戏。

2013-10-25

程远

教程 1.4w

四时充美：腾讯游戏404页面小结

Suxi：”四时充美：—年四季都很富足美好。”项目背景404页面：客户端在浏览网页时，服务器无法正常提供信息，或是服务器无法回应，且不知道原因。404错误信息通常是在目标页面被更改或移除，或客户端输入页面地址错误后显示的页面。

2013-09-18

程远

教程

来吧！让你的404页面更有爱

我们在网络上浏览时，一般都是利用网址来找寻你需要的网页。而每次当你输入的网址错误、或是原本的网址更改了，就会出现「HTTP 404」找不到网页的画面。一般我们看到的画面会是类似以下的状况：看起来很眼熟对吧？

2013-07-10

Roc

酷站推荐 1.7w

30个创意十足的404页面设计

一个超赞的404错误页面，总是能够让您在网站里迷路的时候给予归属感，尽可能的减少挫败感。设计师会在这个页面花很多心思，以致于我们被那些创意打动、被那些设计细节感动。这篇文章收集了30个有趣的404页面，以便为您接下来可能遇到的工作汲取灵感。

2013-05-07

Roc

酷站推荐 1.6w

那些让人惊叹的的国外创意404错误页面设计

在网上冲浪的时候碰到404错误页面是非常令人沮丧的，随后的一两秒内如果没有什么吸引你的注意力的话，我敢肯定你会离开网站，再也不会回来。因此，很多网站都会设计一个新颖的错误页面，以吸引用户继续浏览其它的内容。这里收集了45个非常有创意的404错误页面设计作品，一起欣赏：）1. Batman2. Godzilla3. Oroza4. Ferdaze5. Suspended Animations6. War Hammer7. Pattern Tap8. Dina sour Death Point9. Zo...

2013-04-24

Roc

没有更多文章了

大家都在看

App设计

文章 262

logo设计

文章 185

UI

文章 145

psd下载

文章 134

平面设计

文章 413

经验分享

文章 4933

ps技巧

文章 639

素材下载

文章 124

设计干货

文章 154

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc411

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注