導(dǎo)語：騰訊大粵網(wǎng)上線了。從設(shè)計的角度看，值得學(xué)習(xí)的地方還是蠻多。相較于大門戶的設(shè)計模式，區(qū)域門戶的設(shè)計規(guī)范還是有很多不同。尤其自己最近也在負(fù)責(zé)這方面的事情，感觸比較深。從本文起，我嘗試從圖標(biāo)設(shè)計，框架布局， 欄目導(dǎo)航，交互設(shè)計的角度，對這個區(qū)域門戶產(chǎn)品做膚淺的分析。

【圖標(biāo)篇】

·首頁_主導(dǎo)航

大粵的核心產(chǎn)品都集中在“粵生活”這個區(qū)域，其余欄目都屬于已有騰訊產(chǎn)品體系。

從色彩上，大粵使用的是橙色系的亮色調(diào)體系。這與南都的南都網(wǎng)十分相似。相較于資訊型的網(wǎng)站，騰訊主打是地方區(qū)域產(chǎn)品路線。從導(dǎo)航里產(chǎn)品的布局就可以略見一二。

·圖標(biāo)次序設(shè)計原則

這一版的大粵在設(shè)計上有個特點，我總結(jié)起來應(yīng)該叫：“寬松布局、折線和圓角”。

【核心欄目】使用的是圓角+底色。

在寬松的布局體系里，小面積的色塊十分突出。當(dāng)瀏覽時，大粵網(wǎng)保持每屏出現(xiàn)2個大色塊外加3-4個小色塊，以便控制閱讀時瀏覽的適度跳躍性。其余次級的內(nèi)容采用列表。

根據(jù)這個原則，產(chǎn)品圖標(biāo)出現(xiàn)的位置我感覺還是略有不妥。

1）產(chǎn)品區(qū)混合圖片區(qū)，視覺焦點分散。產(chǎn)品不容易被用戶發(fā)現(xiàn)，如果是主推這塊內(nèi)容的話，應(yīng)該考慮產(chǎn)品區(qū)留有更為廣闊的呼吸區(qū)域�，F(xiàn)在的排列方式略顯擁擠。

2）團購區(qū)（右上角）的處理方式挺值得學(xué)習(xí)。如果做成全底色的圖片形式，這塊區(qū)域就擁擠不堪了，設(shè)計師巧妙的利用語言和空白減弱此區(qū)域的視覺層級，同時通過語言去適當(dāng)提升此區(qū)域的趣味性，增加用戶的點擊率。（不過這種效果如果是簽稿的話，最恐懼的情況是編輯根據(jù)自己喜好，替換了字體或顏色。那么，呈現(xiàn)的效果就。）

【次級欄目】使用的是折線+透底+漸變

 和巨型門戶相比，大粵走的是小資生活路線。這一點從起次級欄目的設(shè)計思路可以很明顯感覺到�；旌蠒r尚雜志的設(shè)計思路，欄目處理顯得較為精致。

1）以數(shù)字和英文的輔助命名方式，會使設(shè)計顯得更為洋氣。這里還要充分考慮色彩的因素，欄目的變化過于豐富乍看感覺不錯，但是對于網(wǎng)絡(luò)媒介來說，可能有所不妥。由于頁面的特殊性，欄目間短時間變化的可能性不大。每個欄目雖然漂亮卻長期不做更新，有可能增加用戶的閱讀疲勞度，而忽略了欄目下內(nèi)容更新。

當(dāng)然，這只是拙見，不過我認(rèn)為，欄目設(shè)計更多應(yīng)該是服務(wù)于內(nèi)容，而不是喧賓奪主。同時，在中國，英文真的那么重要么？英文在中文網(wǎng)頁里更多應(yīng)該是充當(dāng)點綴的裝飾物吧？有必要放大到這個程度么？不解。

【頻道核心欄目】使用的是圖案+圖片+大面積色塊+超大按鈕

 大粵網(wǎng)對頻道產(chǎn)品拳頭產(chǎn)品的定義十分到位�；ヂ�(lián)網(wǎng)有這個定律，只要把某項功能做到滿足90%需求，自然能招募到用戶使用。而往往面面俱到的產(chǎn)品，最終都是失敗告終。專注確實是網(wǎng)絡(luò)世界里一項優(yōu)秀的品質(zhì)。

每個頻道保持一款拳頭產(chǎn)品，并把它放在最醒目的位置。

1）核心產(chǎn)品放在第一屏，為其定制特別的樣式。當(dāng)然根據(jù)每個頻道定位的不同，這個并不是絕對的。不過我建議為了保持網(wǎng)站的整體性，固定每個頻道的核心產(chǎn)品位置還是有必要。起碼，新用戶能通過這個一致性，迅速掌握到網(wǎng)站的使用規(guī)律，方便其參與到網(wǎng)站的活動。

2）產(chǎn)品的定制規(guī)律：

· 一級信息：產(chǎn)品圖標(biāo)+參與人數(shù)+功能性大按鈕

產(chǎn)品的目的是讓用戶方便參與，尤其是地方性網(wǎng)站。更容易召集用戶參與線下活動。將產(chǎn)品核心功能區(qū)進行視覺強調(diào)是有絕對的必要

·二級信息：欄目名+輔助圖形

再次提醒用戶您正在參與什么活動，增強欄目的識別性，降低參與的出錯率。

·三級信息：其余輔助信息

包含其余活動情況，活動參與度，編輯推薦等。不過大粵在這一塊做的不是特別理想，不同頻道將信息處理手法有很多的不同。會導(dǎo)致部分用戶迷糊，而且每個區(qū)域的大小，樣式都有極大的區(qū)別，需要用戶花費相當(dāng)?shù)臅r間去篩選有用的信息。

【總結(jié)】大粵網(wǎng)的欄目分布以及圖標(biāo)處理

·粵生活

身邊事（新聞）　買房子（房產(chǎn)）　去旅游（旅游）　愛美麗 （時尚）

娛樂眼（娛樂）　找靚車（汽車）　食天下（美食）　理財鋪 （金融）

·首頁_主打產(chǎn)品 http://gd.qq.com/

 ·頻道_主打產(chǎn)品展示方式 （房產(chǎn)） http://gd.qq.com/auto/ 

·頻道_主打產(chǎn)品展示方式 （旅游） http://gd.qq.com/travel/

·頻道_主打產(chǎn)品展示方式 （時尚） http://gd.qq.com/lady/

·頻道_主打產(chǎn)品展示方式 （汽車） http://gd.qq.com/auto/

·頻道_主打產(chǎn)品展示方式 （美食） http://gd.qq.com/food/

·頻道_主打產(chǎn)品展示方式 （數(shù)碼） http://gd.qq.com/digi/

文章來源：米田的天空 轉(zhuǎn)載請注明出處鏈接。

標(biāo)簽： 大粵網(wǎng) 門戶網(wǎng)站 產(chǎn)品設(shè)計 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。