網(wǎng)易頻道頁面設(shè)計改版過程分享

頻道首頁改版背景

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

1. 保留了傳統(tǒng)三欄目模式，但是三欄布局上做了調(diào)整。    
2. 頭部導(dǎo)航區(qū)域進行了重新設(shè)計。
3. 新年后各首頁將上線新的廣告，對頻道首頁的廣告尺寸做了優(yōu)化統(tǒng)一。
4. 對頻道頁面的圖片控件等都做了優(yōu)化統(tǒng)一。

1.頻道首頁布局的確定

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

2.頭部導(dǎo)航區(qū)域改版設(shè)計

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

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

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

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

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

頂部導(dǎo)航上通訊證登陸