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