您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 设计欣赏 >> 浏览设计教程

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

“四时充美:—年四季都很富足美好。”

项目背景

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

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

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

创作思路

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

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

创作过程

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

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

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

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

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

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

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

 

 

 

 

项目总结

项目完成后视觉效果得到了大家的好评,但还有一些需要改进的方面,例如作为游戏品牌页面,缺乏一些游戏感的结合。希望在下一次改版尝试能有多一些这方面的糅合。

最后感谢大家看完这篇磨磨唧唧的小文,下面送给大家花絮一幅。希望下次在浏览腾讯游戏的页面时出错了,也会有好的心情。


 

[教程作者:admin]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/de1705.html
12个使用醒目色彩的网站作品示例
学着读懂字体的性格
图趣网微信
建议反馈
×