我們都有這樣的感受,當我們訪問一個網(wǎng)站時展現(xiàn)在我們眼前的首先是網(wǎng)站首頁界面,而網(wǎng)站首頁界面的是否能吸引訪客對網(wǎng)站的興趣,這對訪客停留時間有著密切聯(lián)系。那么,怎么設計首頁才能更符合用戶體驗呢?
第一:網(wǎng)站首頁設計要遵守統(tǒng)一統(tǒng)一性原則,統(tǒng)一色調(diào)效果更佳
網(wǎng)站的色調(diào)要統(tǒng)一,最好屬于同一個色系。最多也不要超過三個顏色。如果顏色過多會導致人們審美疲勞,從而失去一定訪客,導致PV下降。
第二:可以將黃金分割理論運用到網(wǎng)站首頁設計中
金分割又稱黃金比例,是一個數(shù)學上是術語,用來表示兩個元素的比例,它的值大約等于1.618。筆者就以一個960px寬度的網(wǎng)頁設計布局為例,假如我們要將這個網(wǎng)頁分成兩欄,如何才能找到他們的黃金分割點呢?
非常簡單,通過數(shù)學公式我們知道a+b/a=1.618,960px就相當于a+b的值,所以只要用960/1.618=593,所以593px的位置就是黃金分割點。這樣兩欄的網(wǎng)頁布局,左邊欄寬度設為593px,右邊欄寬度設為367px(960-593)就可以了。
這個方式同樣適用于一些非固定的彈性的網(wǎng)頁布局,只要通過同樣的計算公式得到相應數(shù)值用相對單位(如百分比)表示即可,這樣的網(wǎng)頁設計是令人感覺最自然的。你也可以進一步將網(wǎng)頁分成3欄、4欄。
當然黃金分割比例只是在設計上的一個指導而已,如果你可以打破這個規(guī)則又能保持網(wǎng)頁設計頁面的自然平衡也是可以的,作為一個通常的規(guī)則,經(jīng)常把黃金比例用5:3來代替,雖然不是非常精確,但是卻更直觀和方便使用。
第三:設計網(wǎng)站首頁時可用選用富有沖擊力的圖片元素
設計任何網(wǎng)站類型,恰到好處又吸引眼球的圖片總是非常重要的。雖然讀者通常只關注網(wǎng)站的內(nèi)容,但吸引人的相關圖片也可以起到對內(nèi)容補充的作用,同時也增添了美感。不過,在網(wǎng)頁中使用圖片元素時,不管它是靜態(tài)還是動態(tài)圖片,都要注意顏色的搭配。顏色使用過多容易造成視覺混亂,使用單一顏色往往會產(chǎn)生強烈的視覺沖擊。
第四:設計網(wǎng)站首頁時要注重細節(jié)
所謂細節(jié)決定流量,俗話說細節(jié)決定成敗,一個個小像素塊組成一個網(wǎng)站的界面,在我們做網(wǎng)站的美化要努力細致到每一個小細節(jié),不要覺得一個點 一個圖片的小角不重要。網(wǎng)站如果你不注意界面的小細節(jié)訪客就有理由認為你這網(wǎng)站內(nèi)容不怎么樣,這樣不利于網(wǎng)站的運營。
第五:首頁欄目要多,盡量提升豐富度
首頁欄目的多少對于首域名的質(zhì)量度提升有很大的幫助,另一方面,從主頁進入的流量在整個網(wǎng)站中占有絕對優(yōu)勢,因此首頁豐富度的優(yōu)化也是SEO必要的優(yōu)化要求。
第六:設計網(wǎng)站首頁時要根據(jù)行業(yè)特征來設計
網(wǎng)站首頁界面要符合行業(yè)特征。網(wǎng)站就像你的打扮,有自己的風格和個性。但是這種個性要與自己的身份工作相搭配。同樣的網(wǎng)站要根據(jù)你的行業(yè)特點進行美化,比如說娛樂類網(wǎng)站善用橙色,科技類網(wǎng)站善用藍色,政府門戶類網(wǎng)站大多用紅色調(diào)。
第七:恰當使用頁面空白
在網(wǎng)站首頁設計中恰當使用頁面空白可以起到意想不到的作用。我們在設計網(wǎng)站首頁時熟練地添加flash動畫,視頻,3D圖形等多種元素的同時,不過應盡量避免過度使用這些元素。如今,大家都經(jīng)常使用各種便攜式設備瀏覽網(wǎng)頁,因此也應該充分考慮到移動網(wǎng)絡用戶的需求。在網(wǎng)站首頁設計中,應該小心,準確地處理頁面的邊距和空白。但是,空白間距過多會讓網(wǎng)站失去吸引力。因此維持設計過程中的流動性非常重要,切勿過度使用。
免費學習課堂
推薦文章
如何做好網(wǎng)站首頁設計
來源:北京匯仁智杰科技有限公司 時間:2016-06-17 點擊: 次
推薦文章
- 織夢dedecms漏洞修復大全含任意文件2016-09-05
- 整頓微信公眾號過度營銷 對嚴重違2016-01-26
- SEO優(yōu)化過程要避免什么?2016-01-26
- 網(wǎng)站空間被掛馬的原因原因及解決2016-01-26
- 2016企業(yè)該如何運用互聯(lián)網(wǎng)進行營銷2016-01-26
- WEB前端項目開發(fā)中需注意的細節(jié)2016-01-26
- 低價網(wǎng)站建設的危害有哪些?2016-01-15
- 如何詳細的分析你網(wǎng)站的競爭對手2015-06-10
- 網(wǎng)站設計中四個常犯的錯誤2015-01-22
- 如何搭配網(wǎng)站設計中的色彩?2015-01-22