四時充美——騰訊游戲404頁面小結(jié)

“四時充美：—年四季都很富足美好。”

項目背景

404頁面：客戶端在瀏覽網(wǎng)頁時，服務(wù)器無法正常提供信息，或是服務(wù)器無法回應(yīng)，且不知道原因。404錯誤信息通常是在目標(biāo)頁面被更改或移除，或客戶端輸入頁面地址錯誤后顯示的頁面。拿游戲來比喻的話，就像游戲內(nèi)的隱藏劇情一樣需要特定的觸發(fā)動作（輸入站點下的無效網(wǎng)址）才能展開。

作為一個完整的站點，404頁面是不可或缺的，很多大型站點都只是將其設(shè)計為簡單的功能頁面，只是作為一個簡單的出錯“驛站”。隨著新的騰訊游戲平臺站上線，大量的品牌包裝延續(xù)接踵而至。雖然出錯頁面并不是常規(guī)的內(nèi)容頁，也不會有人主動去訪問，但這種站點的細(xì)節(jié)之處同時也體現(xiàn)了品牌包裝的品質(zhì)感與完整度。雖然“出錯”字面上來看是“消極”的，但我們希望能做一些小小的努力使它轉(zhuǎn)換成為一個“美好的意外”。

進(jìn)入這樣一個頁面想必不是用戶的目的，以希望獲取信息的意圖卻帶來一個錯誤的結(jié)果，必然會造成用戶心理的落差。許多站點的404只是簡單的展示一個出錯提示，提醒玩家返回的頁面，我們希望能給失落的訪客們一些撫慰，雖然出錯了，但也不失一次愉悅的體驗，保證基本的功能之外，更添一些人情味。

創(chuàng)作思路

既然這個項目的目的是強(qiáng)化品牌包裝，那么將品牌的符號在頁面中重復(fù)體現(xiàn)是一個比較直接有效的方式。如果是單頁面的設(shè)計，可能會造成用戶長期瀏覽后的視覺倦怠感，所以我們決定以系列的方式來出設(shè)計稿。

在思考了多種不同邏輯關(guān)系后，我們決定以“美好的四季”為主題，隨著時節(jié)變換更替對應(yīng)的頁面。

創(chuàng)作過程

1首先確定了始終不變的元素——“404”這組數(shù)字。這組字型擔(dān)當(dāng)?shù)氖琼撁娴?ldquo;白模”，隨著季節(jié)場景的更替以不同的面貌呈現(xiàn)出來。

2從騰訊游戲的logo中提煉了三角形和四個主色的元素結(jié)合四季的概念，聯(lián)想到了四個關(guān)鍵元素——花朵（春）太陽（夏）、風(fēng)箏（秋）、冬（圍巾）。

3采用規(guī)則幾何圖形拼合出各種圖形，體現(xiàn)出設(shè)計感現(xiàn)代感。

4對于插畫來說，其元素的挑選與表現(xiàn)形式同等重要，既要選擇富有季節(jié)代表性的主元素，同時還要避免這個元素被過于濫用。

就拿冬季來說，大家都會聯(lián)想到雪人這個元素，同樣有冬天代表性的北極熊相比雪人更為少用。并且作為主元素，和其他季節(jié)主形象為動物也能保持一致。

5去掉繁瑣的質(zhì)感疊加，以簡單的色塊與輕薄的質(zhì)感來細(xì)化，整體風(fēng)格與game.qq.com的扁平設(shè)計感保持一致。

6最后加上出錯信息與功能按鈕。騰訊404系列頁面就此誕生。

項目總結(jié)

項目完成后視覺效果得到了大家的好評，但還有一些需要改進(jìn)的方面，例如作為游戲品牌頁面，缺乏一些游戲感的結(jié)合。希望在下一次改版嘗試能有多一些這方面的糅合。

最后感謝大家看完這篇磨磨唧唧的小文,下面送給大家花絮一幅。希望下次在瀏覽騰訊游戲的頁面時出錯了，也會有好的心情。