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

頻道首頁(yè)改版背景

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

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

1.頻道首頁(yè)布局的確定

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

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

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

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

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

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

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

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