頻道首頁改版背景

先說明一下，在此次改版之前的上半年，已經(jīng)進行過一次對網(wǎng)易首頁和頻道首頁的整體改版，這次改版為上次改版的優(yōu)化設計。主要針對：

1.保留了傳統(tǒng)三欄目模式，但是三欄布局上做了調(diào)整。

2.頭部導航區(qū)域進行了重新設計。

3.新年后各首頁將上線新的廣告，對頻道首頁的廣告尺寸做了優(yōu)化統(tǒng)一。

4.對頻道頁面的圖片控件等都做了優(yōu)化統(tǒng)一。

1.頻道首頁布局的確定

布局仍然是傳統(tǒng)三欄目模式

，但是這次改版把中欄調(diào)整為主題內(nèi)容欄，比較符合國內(nèi)網(wǎng)絡用戶的中欄瀏覽、閱讀習慣。三欄從上至下通欄整齊，方便閱讀，在閱讀中欄的同時可以兼顧左右邊欄的內(nèi)容。而改版前的左欄為主題內(nèi)容欄，用戶閱讀時最多只能延伸到中欄，右欄的閱讀點擊非常低。

2.頭部導航區(qū)域改版設計

2.1 頂部導航條將搜索框取消，下移整合至頻道導航的上方右側(cè)，不同的頻道自動默認搜? 索本頻道關(guān)鍵詞內(nèi)容，合理用戶體驗。增加了頂部導航條上的頻道入口數(shù)量。

2.2 調(diào)整了頭部通欄廣告的尺寸和高度，廣告尺寸具體再下面內(nèi)容介紹。

2.3 頻道LOGO取消域名變小尺寸統(tǒng)一為107×24. 旁邊增加熱點關(guān)鍵詞。

2.4 頻道導航條取消了之前右面的歸類內(nèi)容，統(tǒng)一整合在導航條上，導航區(qū)域的內(nèi)容精簡明確。有主次2級導航，次級導航可以根據(jù)頻道內(nèi)容需求取消或使用。將新聞日歷等功能與搜索功能放在一起。

2.5 導航上前面頁采用滑動標簽設計，頻道首頁默認為首頁。點擊進入不同的二級頁面后滑動到相應的二級頁標簽，二級頁下屬的2級3級則默認為最上級二級切換標簽。這種設計可以提高編輯對頻道二三級頁面的規(guī)劃歸類要求。

頂部導航上通訊證登陸

2-2頁尾導航

頁面底部導航取消了搜索，之前保留此搜索時，使用率極低。

頁腳編輯和公司版權(quán)信息等文字顏色均為#4d4d4d

3.廣告和圖片尺寸的統(tǒng)一改版

3.1 新年后各首頁將上線新的廣告，銷售和設計中心對頻道首頁的廣告尺寸做了優(yōu)化統(tǒng)一。

首先，銷售提出需要修改的廣告尺寸初稿。

然后，設計中心根據(jù)頁面的布局，美觀，合理性方面進行建議調(diào)整這些尺寸。

最后，經(jīng)過無數(shù)次的多方面討論和協(xié)商制定出了最新的廣告尺寸規(guī)范，這也是網(wǎng)易所有的頁面：首頁，二級三級頁都統(tǒng)一使用的廣告尺寸。

3.2頭圖處理和圖片規(guī)范

同廣告尺寸一樣，各個頻道頁面中的圖片和控件也都做了統(tǒng)一規(guī)范改版，防止過多的隨意使用不同的圖片尺寸，造成頁面上的雜亂。
大頭圖尺寸只保留4種，除旅游、探索、讀書使用特殊尺寸以外，其他頻道首頁只有2種頭圖尺寸(橫圖300X225，豎圖300X400)——且頭圖統(tǒng)一放在頁面的左欄。如下圖所示：

4.關(guān)于二級頻道

二級頻道在整體大規(guī)范上的改版與首頁基本一致，頻道導航上采用滑動的標簽設計，點擊進入不同的二級頻道，滑動到相應的標簽上。頻道LOGO后面熱點換成二級頻道的頻道名+面包屑路徑。

二級頁面的布局是主要在首頁標準布局上，可以根據(jù)不同的情況需求延伸到幾種變化。如圖：

這些延伸的布局樣式基本涵蓋了所有網(wǎng)易二級頁面的需求，二級頁面可以比比首頁靈活一點，如排行頁、列表頁等都可以根本不同的情況需求，在使用這些延伸的布局。這些也可以嚴格控制編輯胡亂編排布局。

最后要說的：

這次改版主要是優(yōu)化之前的版本，更加清晰、條理、整潔，更多的注重統(tǒng)一性和規(guī)范性。成功與否，關(guān)鍵還是在于用戶使用后的數(shù)據(jù)反饋。而且在這次改版中也發(fā)現(xiàn)了問題，這次的統(tǒng)一性規(guī)范性基本做到了位，但是一些頻道的頻道個性味道并不突出。這也許應該就是下次改版我們需要思考和注意的地方，在保持統(tǒng)一性規(guī)范性的同時，怎么來加強頻道之間的個性化。

來源：http://uedc.163.com/555.html