现代404页面设计趋势分析与案例

　　每一个网站皆是由差别功用差别范例的页里组成的，当用户翻开毛病链接的时分，网站的404页里便派上用处了。一个牢靠的404页里正在见告用户他们走错处所的同时，借该当指导用户持续阅读，抚慰感情，找到他们实正念要的内容。

　　以是，弄定一个404页里其实不会破费太多的精神，但假如念设想一款天然而又十分有效的404页里，借是要费一番工夫的。

　　跟着手艺的开展，404页里正在设想、功用上也随之有所改动，现在天的文章便是总结一下当前404页里设想的趋向，并用实在的案例为那些本领停止阐明。

　　了解404

　　诸多常睹的HTTP毛病傍边，404是最多见，也是最为各人熟习的毛病代码。凡是当您所会见的页里没有存正在的时分，效劳器会返回那么一个代码。形成那一面的本果能够是Url 链接毛病了，大概本来的页里被删除。

　　可是您不克不及请求每一个用户皆能生知那个代码的寄义。即便用户晓得大白，也很易间接解除毛病，以是，我们需求让工作变的愈加简朴，处理理想可睹的成绩。

　　每一个页里的易用性设想皆间接影响着用户保存率，页里设想的每个细节皆间接影响着用户止为。假如正在设想404页里的时分，时辰存眷着细节战易用性，捉住用户的实在需供，会给网站带去较着的提拔。

　　万万没有要利用默许页里

　　每一个网站所托管的效劳器城市有默许的404页里，那个通用又粗陋的页里实在长短常倒胃心的。也恰是那个粗拙的页里促使各人设想属于本人的404页里。

　　撇开设想没有道，默许的404页里也完整没有存正在任何的功用性，也没有会对网站自己有任何裨益。

　　退一万步，即便我们没有要功用，那个页里出法挪用网站的模板，没有具有本人的气势派头，它是彻彻底底的鸡肋。

　　以是，设想本人的404页里很有须要。连结页里气势派头的分歧性，功用上则将用户指导到须要的处所，处理用户的猜疑战成绩，那是一个当代404页里的任务。

　　天然的用户体验流程

　　尾先，出有人喜好待正在404页里傍边。它存正在的目标，便是指导用户来此外处所。

　　每一个404页里该当皆需求设想师量体裁衣天考量，协助访客以最简朴的方法最快天找到念要的内容。确保笔墨易读，排版明晰，以充足简明的方法去显现功用战内容，制止紊乱。

　　同时，假如您念让用户感应正被主动天协助，那末无妨正在404页里中增加内容链接，最好是相干内容的链接。假如用户能间接正在页里报错的话，那末能协助网站更好天处理成绩。

　　制止庞大的专业用语

　　思索到很少有充足好的诊断机造去根治404的成绩，以是最好借是以简朴间接的方法去设想404页里。没有要来思索太多的效劳器报错代码战手艺辞汇的寄义，关于用户而行，那些疑息能够是让他们愈加利诱的泉源。

　　只管让页里连结沉紧、诙谐的气氛吧，那是让用户辞别慌张感情必须的设想。供给可止的处理计划，让他们能够正在沉着中处理成绩。

　　利用诙谐的案牍战图片内容，能够让访客连结愉悦的表情和洽偶心，没有要让他们觉得本人做错了甚么。

　　设想真战

　　上面是一些设想优良的404页里，它们正在易用性的设想上十分存心，认真看看他们皆是怎样规划，怎样营建气氛的，或许会对您的下一版404页里供给没有错的灵感。

　　Snuggle Bugz

　　页里中一切的图标战按钮款式皆战全部规划气势派头连结了下度的分歧，略隐心爱的气势派头环节了找没有到页里的为难氛围。

　　Fork CMS

　　Fork CMS 将品牌标记性的形象融进到404页里中，共同智慧的案牍战陆地主题，隐得很是风趣，使人忍俊不由。

　　Gumroad

　　Gumroad 的404页里用的是愈加平静的方法去指导用户：将随机的产物悄悄摆放到用户长远，将得误转化为贩卖的时机，指导用户深化网站持续购购购。

　　Ramotion

　　Ramotion 的404页里充足简短也充足偷懒，繁复而比照激烈的排版让页里没有会隐得太好看，然后带着用户来尾页……仿佛也是没有错的挑选。

　　Angry Birds

　　愤慨的小鸟的页里战品牌气势派头的交融做的十分没有错，风趣的案牍战心爱的动漫形象，让用户确知他们地点的网站，而且没有会让人以为为难。

　　Larkef

　　那个404页里的设想便十分诙谐，页里利用了齐屏视频布景，那段视频是去自出名情形笑剧《IT狂人》，使人捧背。那个设想独一让人比力为难的是，您出法回到网站尾页……

　　GitHub

　　GitHub 那种站面的404页里的设想也十分有特征，页里上宏大的搜刮框十分契合网站自己内容丰硕的特征，一个搜刮框便能让留连此处的法式员们找到他们念要的工具。

　　ArtStation

　　ArtStation 页里的404毛病代码相称的较着，网站布景图片揭开主题，而回到尾页的按钮是全部页里中最夺目的按钮。

　　Webydo

　　强比照的颜色战排版是Webydo的特征，那也使得网页的疑息更沉紧天吸收用户的留意力。导航栏的存正在让用户能够沉紧来差别的处所，最夺目的黄色按钮则痛快指导用户开端创立网站。

　　Stormpath

　　Stormpath 用的布景图战案牍皆十分的逗趣，讥讽的滋味很浓重。

　　Underbelly

　　许多404页里皆接纳了繁复曲不雅的内容设想，Underbelly 也是云云，不外他们减上了视频布景，确保了疑息量的品貌，也包管了尾页链接充足凸起。

　　Forbes

　　祸布斯的网站是靠排版战内容而支持起去的，而404页里的设想也因循了它的那一特征。搜刮框战链接能够帮用户寻觅他们实正需求的内容。

　　Marvel App

　　呈现404页里以后，最主要的是处理成绩。以是Marvel 便给用户供给了两个方法去处理成绩：收邮件给他们，大概收推特给他们。

　　Engadget

　　瘾科技是出名的科技网站，他们的404页里也因循了他们一向的“科技风”，从像素气势派头的404战互联网盛行的暴漫插绘皆充实表现了他们的“互联网基果”。

　　Tripomatic

　　卡通式的插绘布景缔造出沉紧愉悦的气氛，让404页里没有再隐得单调无趣。

　　Aerolab

　　简短的笔墨战下比照度的设想，营建出共同的设想感。

　　MailChimp

　　MailChimp 的顶部导航不断常驻正在顶部，而为了让用户更好天找到念要的内容，供给了一个搜刮框。

　　Code School

　　CodeSchool 的404页里仅仅增加了一个回顾页的链接，差别于其他的页里，它的特性是冗长的动效。不外整体的用户体验借没有错。

　　TinyCarrier

　　各人皆喜好矢量图，而TinyCarrier的404页里中的插绘皆是风趣的矢量图。页里的团体设想战其他的404页里相好没有多。

　　Email Center UK

　　Emailcenter 的404页里痛快为误进此处的用户供给了一个风趣的小游戏。

　　本文地点：vandelaydesign

　　劣设译者：@陈子木