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】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：