PS设计教程网欢迎你!

详解现代404页面设计趋势分析与案例分解(2)

文章来源于 优设,感谢作者 vandelaydesign 给我们带来经精彩的文章!
设计教程/前端设计/前端设计2015-12-18
强对比的色彩和排版是Webydo的特色,这也使得网页的信息更轻松地吸引用户的注意力。导航栏的存在让用户可以轻松去不同的地方,最醒目的黄色按钮则干脆引导用户开始创建网站。 Stormpath Stormpath 用的背景图和文案

强对比的色彩和排版是Webydo的特色,这也使得网页的信息更轻松地吸引用户的注意力。导航栏的存在让用户可以轻松去不同的地方,最醒目的黄色按钮则干脆引导用户开始创建网站。

Stormpath

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

Stormpath 用的背景图和文案都非常的逗趣,调侃的味道很浓郁。

Underbelly

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

很多404页面都采用了简约直观的内容设计,Underbelly 也是如此,不过他们加上了视频背景,确保了信息量的丰度,也保证了首页链接足够突出。

Forbes

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

福布斯的网站是靠排版和内容而支撑起来的,而404页面的设计也沿袭了它的这一特色。搜索框和链接可以帮用户寻找他们真正需要的内容。

Marvel App

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

出现404页面之后,最重要的是解决问题。所以Marvel 就给用户提供了两个方式来解决问题:发邮件给他们,或者发推特给他们。

Engadget

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

瘾科技是著名的科技网站,他们的404页面也沿袭了他们一贯的“科技风”,从像素风格的404和互联网流行的暴漫插画都充分体现了他们的“互联网基因”。

Tripomatic

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

卡通式的插画背景创造出轻松愉悦的氛围,让404页面不再显得单调无趣。

Aerolab

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

简短的文字和高对比度的设计,营造出独特的设计感。

MailChimp

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

MailChimp 的顶部导航一直常驻在顶部,而为了让用户更好地找到想要的内容,提供了一个搜索框。

Code School

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

CodeSchool 的404页面仅仅添加了一个回首页的链接,不同于其他的页面,它的特点是漫长的动效。不过总体的用户体验还不错。

TinyCarrier

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

大家都喜欢矢量图,而TinyCarrier的404页面中的插画都是有趣的矢量图。页面的整体设计和其他的404页面相差不多。

Email Center UK

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

Emailcenter 的404页面干脆为误入此处的用户提供了一个有趣的小游戏。

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa