一、網(wǎng)站首頁(yè)布局設計
網(wǎng)站首頁(yè)是網(wǎng)站給用戶(hù)的第一印象,首頁(yè)頁(yè)面布局需從主題、導航、內容等方面入手,下面以百度百科的頁(yè)面為例進(jìn)行首頁(yè)頁(yè)面布局分析。
1、首頁(yè)主題
首頁(yè)是網(wǎng)站的核心頁(yè)面,首頁(yè)的主題也就是網(wǎng)站的主要核心。首頁(yè)主題需讓用戶(hù)很容易的了解網(wǎng)站是做什么的。首頁(yè)主題體現在網(wǎng)站的標題、關(guān)鍵詞、描述上,其中最重要的是標題,用戶(hù)在搜索引擎上看到的搜索結果就是你網(wǎng)站的標題和描述內容。例如下圖的百度百科,用戶(hù)通過(guò)圖中內容及可了解到百度百科是做中文百科的,以及百科涵蓋的知識及服務(wù)領(lǐng)域
在首頁(yè)頁(yè)面上,首頁(yè)主題還體現在logo及網(wǎng)站標題上。準確概括的首頁(yè)主題可以很好幫助用戶(hù)選擇自己有確切需求的網(wǎng)站。
2、首頁(yè)導航
網(wǎng)站導航可以看做是對網(wǎng)站內容的分類(lèi),把網(wǎng)站的內容進(jìn)行細分,方便用戶(hù)跟據個(gè)人需求選擇瀏覽相應欄目頁(yè)面。網(wǎng)站首頁(yè)導航要做到分類(lèi)清晰,導航欄目間不重復。百度百科的首頁(yè)導航做的很好,我們可以學(xué)習一下。
3、首頁(yè)內容
布置好網(wǎng)站首頁(yè)導航就可以進(jìn)行網(wǎng)站首頁(yè)的內容布局設計了。頁(yè)面的內容布局需先對網(wǎng)站的用戶(hù)群體進(jìn)行需求分析,把用戶(hù)關(guān)注最多的內容放置在首頁(yè)的最重要位置。一般按照用戶(hù)的瀏覽方式,頁(yè)面內容布局按照內容重要程度由左上到右下進(jìn)行布置。也就是說(shuō)最重要的內容要放置在首頁(yè)左上位置,而廣告或最不重要的內容可放置在頁(yè)面的右下位置。
網(wǎng)站首頁(yè)布局除了做好主題、導航和內容外還需注意頁(yè)面的尺寸、網(wǎng)站打開(kāi)速度及友情鏈接布置等方面。
二、網(wǎng)站內頁(yè)布局設計
本文這里所說(shuō)的網(wǎng)站內頁(yè)包含了網(wǎng)站的欄目頁(yè)及內容頁(yè)面。因頁(yè)面的總體布局方式相似所以一起進(jìn)行論說(shuō)。
1、內頁(yè)面包屑導航
為了更好的傳遞站內頁(yè)面權重,內頁(yè)需要設置面包屑導航。網(wǎng)站各層級的頁(yè)面較多,尤其是大型網(wǎng)站,為了更好的讓網(wǎng)站內頁(yè)獲得權重,內鏈是很好的方式,為內容設置面包屑導航就是最符合用戶(hù)體驗的內鏈形式。面包屑導航不但可以分配頁(yè)面權重還可以方便用戶(hù)在各層級頁(yè)面間進(jìn)行切換。
2、網(wǎng)站內頁(yè)模板
常見(jiàn)的內頁(yè)模板有兩欄和三欄兩種形式。兩欄的形式多用戶(hù)小型企業(yè)站幾博客網(wǎng)站。兩欄頁(yè)面的主要位置是文章內容,另一側為用戶(hù)互動(dòng)內容,例如熱門(mén)文章、推薦文章等。兩欄欄目頁(yè)面主要位置為欄目下文章列表,側邊為互動(dòng)內容。欄目頁(yè)需注意,文章列表每頁(yè)條目不要太少,用戶(hù)多次翻頁(yè)會(huì )不便于用戶(hù)瀏覽,還會(huì )出現網(wǎng)站頁(yè)面層次過(guò)深的問(wèn)題。三欄的內頁(yè)布局和兩欄的差不多,中間主要位置為文章內容,兩側方式相應的互動(dòng)內容或廣告。內頁(yè)模板我們可參看百度百科的頁(yè)面布局形式。