您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

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

 

2-2頁尾導航

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

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

\

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

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

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

然后,設(shè)計中心根據(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ī)范上的改版與首頁基本一致,頻道導航上采用滑動的標簽設(shè)計,點擊進入不同的二級頻道,滑動到相應的標簽上。頻道LOGO后面熱點換成二級頻道的頻道名+面包屑路徑。

\

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

\

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

最后要說的

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

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di1081.html
如何基于心理學設(shè)計的目的來制作受用戶歡迎的網(wǎng)頁
淺談頁面設(shè)計中光的特效
圖趣網(wǎng)微信
建議反饋
×