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

Suxi："四时充美：—年四季都很富足美好。"

项目背景

404页面：客户端在浏览网页时，服务器无法正常提供信息，或是服务器无法回应，且不知道原因。404错误信息通常是在目标页面被更改或移除，或客户端输入页面地址错误后显示的页面。拿游戏来比喻的话，就像游戏内的隐藏剧情一样需要特定的触发动作（输入站点下的无效网址）才能展开。

相关文章推荐：好玩的404页面
30个创意十足的404页面设计

作为一个完整的站点，404页面是不可或缺的，很多大型站点都只是将其设计为简单的功能页面，只是作为一个简单的出错"驿站"。随着新的腾讯游戏平台站上线，大量的品牌包装延续接踵而至。虽然出错页面并不是常规的内容页，也不会有人主动去访问，但这种站点的细节之处同时也体现了品牌包装的品质感与完整度。虽然"出错"字面上来看是"消极"的，但我们希望能做一些小小的努力使它转换成为一个"美好的意外"。

进入这样一个页面想必不是用户的目的，以希望获取信息的意图却带来一个错误的结果，必然会造成用户心理的落差。许多站点的404只是简单的展示一个出错提示，提醒玩家返回的页面，我们希望能给失落的访客们一些抚慰，虽然出错了，但也不失一次愉悦的体验，保证基本的功能之外，更添一些人情味。

创作思路

既然这个项目的目的是强化品牌包装，那么将品牌的符号在页面中重复体现是一个比较直接有效的方式。如果是单页面的设计，可能会造成用户长期浏览后的视觉倦怠感，所以我们决定以系列的方式来出设计稿。

在思考了多种不同逻辑关系后，我们决定以"美好的四季"为主题，随着时节变换更替对应的页面。

创作过程

1、首先确定了始终不变的元素——"404"这组数字。这组字型担当的是页面的"白模"，随着季节场景的更替以不同的面貌呈现出来。

2、从腾讯游戏的logo中提炼了三角形和四个主色的元素结合四季的概念，联想到了四个关键元素——花朵（春）太阳（夏）、风筝（秋）、冬（围巾）。

3、采用规则几何图形拼合出各种图形，体现出设计感现代感。

4、对于插画来说，其元素的挑选与表现形式同等重要，既要选择富有季节代表性的主元素，同时还要避免这个元素被过于滥用。

就拿冬季来说，大家都会联想到雪人这个元素，同样有冬天代表性的北极熊相比雪人更为少用。并且作为主元素，和其他季节主形象为动物也能保持一致。

5、去掉繁琐的质感叠加，以简单的色块与轻薄的质感来细化，整体风格与game.qq.com的扁平设计感保持一致。

6、最后加上出错信息与功能按钮。腾讯404系列页面就此诞生。

项目总结

项目完成后视觉效果得到了大家的好评，但还有一些需要改进的方面，例如作为游戏品牌页面，缺乏一些游戏感的结合。希望在下一次改版尝试能有多一些这方面的糅合。
最后感谢大家看完这篇磨磨唧唧的小文,下面送给大家花絮一幅。希望下次在浏览腾讯游戏的页面时出错了，也会有好的心情。

原文地址：tgideas.qq.com
作者：suxi
 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座：每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音（YY频道：156982）分享实战经验。
设计微博：拥有粉丝量49万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：