網站首頁作為企業(yè)形象的代表,首頁的設計元素需要由企業(yè)制定出相應的文案,交給設計師,設計師按照文案的內容和要求來填充網站的內容。網站的內容元素固然重要,可是一個網站只有先確定一個整體的框架,形成自己特有的風格,才能讓整個頁面清晰合理。從網站首頁的布局來分析,頁面設計對布局就符合以下要求:
一、根據網站的自身定位來判斷網站的風格布局
網站的定位決定了首頁風格的布局,品牌型網站講究簡潔大氣,國際范。產品型網站重點是將產品展示在首頁上供客戶直觀的瀏覽。營銷型網站注重整體結構適合搜索引擎優(yōu)化,所以,他屬于比較中性的思維,因此,業(yè)務在簽單的時候,一定要跟客戶溝通清楚,網站風格定位是什么類型的網站。
二、視覺沖擊力是共同的追求
設計師不管做那種風格的首頁,視覺永遠是突出的重點,我們這里所說的視覺其實就是網站的美工,美工的好壞會直接影響到用戶體驗度,網站只有美工能吸引住客戶的眼球,客戶才愿意多停留觀看網站,搜索引擎會根據客戶停留頁面的時間長短,來判斷網站的用戶體驗度。
三、結構布局要注重用戶體驗
設計師在設計布局的時候,要綜合考慮客戶經營的產品,面向的客戶群體,在判斷首頁需要放哪幾個重點版塊,首頁的版塊所展示出來的內容,一定要突出企業(yè)的重點。
下面主要介紹一下,常用的網站首頁布局的類型格式。網頁布局大致可分為左右框架型、上下框架型、綜合框架型、標題正文型、“國”字型、拐角型、封面型、變化型、Flash型。
1、左右框架型
這是一種左右為分別兩頁的框架結構,一般左面是導航鏈接,有時最上面會有一個小的標題或標致,右面是正文。我們見到的大部分的大型論壇都是這種結構的,有一些企業(yè)網站也喜歡采用。這種類型結構非常清晰,一目了然。
2、上下框架型
與上面類似,區(qū)別僅僅在于是一種上下分為兩頁的框架。
3、綜合框架型。
上頁兩種結構的結合,相對復雜的一種框架結構,較為常見的是類似于“拐角型”結構的,只是采用了框架結構。
4、標題正文型
這種類型即最上面是標題或類似的一些東西,下面是正文,比如一些文章頁面或注冊頁面等就是這種類。
5、“國”字型
也可以稱為“同”字型,是一些大型網站所喜歡的類型,即最上面是網站的標題以及橫幅廣告條,接下來就是網站的主要內容,左右分列一些兩小條內容,中間是主要部分,與左右一起羅列到底,最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多最多的一種結構類型。
6、拐角型
這種結構與上一種其實只是形式上的區(qū)別,其實是很相近的,上面是標題及廣告橫幅,接下來的左側是一窄列鏈接等,右列是很寬的正文,下面也是一些網站的輔助信息。在這種類型中,一種很常見的類型是最上面是標題及廣告,左側是導航鏈接。
7、封面型
這種類型基本上是出現在一些網站的首頁,大部分為一些精美的平面設計結合一些小的動畫,放上幾個簡單的鏈接或者僅是一個“進入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業(yè)網站和個人主頁,如果說處理的好,會給人帶來賞心悅目的感覺。
8、變化型
即上面幾種類型的結合與變化,比如本站在視覺上是很接近拐角型的,但所實現的功能的實質是那種上、左、右結構的綜合框架型。
9、Flash型
其實這與封面型結構是類似的,只是這種類型采用目前非常游戲行的Flash,與封面型不同的是,由于Flash強大的功能,頁面所表達的信息更豐富,其視覺效果及聽覺效果如果處理得當,絕不差于傳統的多媒體。
人們對一個網站有沒有興趣,網站的主題是否準確傳遞,主要體現在網站的首頁設計上,網站首頁設計對整個網站至關重要。而良好的頁面布局及代碼優(yōu)化對用戶體驗的提升起積極的促進作用,當然一個渾然天成的頁面感觀對SEO來說也是一項不可或缺的職業(yè)技能,在做網站首頁設計優(yōu)化時SEO應注意以下幾點基本操作:
一、主導航覆蓋面的廣度要寬
導航欄是首頁所展示內容的重中之重,所以SEO專員有必要對導航欄予以重視,網站在做導航欄時覆蓋面不廣很容易直接造成流量的缺失,影響網站的發(fā)展。
二、左側盡量分出二級導航
用戶在搜索進入頁面時對熱門話題的需求欲比較強烈,所以一個完善的熱門搜索形式也即二級導航的必要性便顯現出來,這樣可以直觀的滿足用戶的需求,完成用戶的良好體驗。
三、圖文形式要做到產品在上,文字在下
產品在上,文字在下是用戶瀏覽頁面時最為舒適的觀感享受,能極大程度的提高網站整體布局的視覺體驗。
四、js特效要放在body之后
一個頁面的打開速度會直接影響到用戶的心情,js特效放在后面可以提升網站的打開速度,對頁面的整體效果而言也基本不會產生負面影響。
五、首頁欄目要多,盡量提升豐富度
首頁欄目的多少對于首域名的質量度提升有很大的幫助,另一方面,從主頁進入的流量在整個網站中占有絕對優(yōu)勢,因此首頁豐富度的優(yōu)化也是SEO必要的優(yōu)化要求。
六、盡量以列表形式羅列更新內容
列表形式的使用能夠在空間跟效果上實現首頁的優(yōu)化,也能夠盡量多的展現網站的最新動態(tài),對用戶的鞏固很有幫助。
一個良好的首頁布局及規(guī)劃對于整站的運作起著關鍵的作用,故首頁的優(yōu)化就顯得極為重要。