網(wǎng)易頻道頁面設計改版過程分享
2012/2/29 23:39:20來源:網(wǎng)易UED,網(wǎng)易頻道,網(wǎng)易頁面設計
頻道首頁改版背景
先說明一下,在此次改版之前的上半年,已經(jīng)進行過一次對網(wǎng)易首頁和頻道首頁的整體改版,這次改版為上次改版的優(yōu)化設計。主要針對:
- 保留了傳統(tǒng)三欄目模式,但是三欄布局上做了調整。
- 頭部導航區(qū)域進行了重新設計。
- 新年后各首頁將上線新的廣告,對頻道首頁的廣告尺寸做了優(yōu)化統(tǒng)一。
- 對頻道頁面的圖片控件等都做了優(yōu)化統(tǒng)一。
1.頻道首頁布局的確定
布局仍然是傳統(tǒng)三欄目模式,但是這次改版把中欄調整為主題內容欄,比較符合國內網(wǎng)絡用戶的中欄瀏覽、閱讀習慣。三欄從上至下通欄整齊,方便閱讀,在閱讀中欄的同時可以兼顧左右邊欄的內容。而改版前的左欄為主題內容欄,用戶閱讀時最多只能延伸到中欄,右欄的閱讀點擊非常低。
2.頭部導航區(qū)域改版設計
2.1 頂部導航條將搜索框取消,下移整合至頻道導航的上方右側,不同的頻道自動默認搜 索本頻道關鍵詞內容,合理用戶體驗。增加了頂部導航條上的頻道入口數(shù)量。
2.2 調整了頭部通欄廣告的尺寸和高度,廣告尺寸具體再下面內容介紹。
2.3 頻道LOGO取消域名變小尺寸統(tǒng)一為107×24. 旁邊增加熱點關鍵詞。
2.4 頻道導航條取消了之前右面的歸類內容,統(tǒng)一整合在導航條上,導航區(qū)域的內容精簡明確。有主次2級導航,次級導航可以根據(jù)頻道內容需求取消或使用。將新聞日歷等功能與搜索功能放在一起。
2.5 導航上前面頁采用滑動標簽設計,頻道首頁默認為首頁。點擊進入不同的二級頁面后滑動到相應的二級頁標簽,二級頁下屬的2級3級則默認為最上級二級切換標簽。這種設計可以提高編輯對頻道二三級頁面的規(guī)劃歸類要求。
頂部導航上通訊證登陸
[教程作者:admin]
關鍵詞:網(wǎng)易UED
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://likemindfilms.com/tutorial/di1081.html
本文地址:http://likemindfilms.com/tutorial/di1081.html
下一篇:淺談頁面設計中光的特效
這些是最新的
最熱門的教程