當(dāng)用戶打開一個(gè)網(wǎng)站的時(shí)候,首先映入用戶眼前的就是網(wǎng)站的頁面布局。而且優(yōu)秀的頁面布局可以讓用戶第一時(shí)間就找到想要的內(nèi)容。那么作為初學(xué)者建設(shè)網(wǎng)站到底要怎樣做好頁面布局呢?又應(yīng)該掌握什么布局知識(shí)呢?
首先、要了解頁面布局的類型有哪些?頁面的布局大概可以分為以下幾種:國字型、拐角型、標(biāo)題型、左右框架類型、上下框架類型、綜合框架類型等等。
國字類型,也被稱為同字型,很多大型網(wǎng)站都比較喜歡使用這種布局類型。這種類型的布局:最上面部分是網(wǎng)站的標(biāo)題、網(wǎng)站橫幅、廣告條,然后是網(wǎng)站的主體內(nèi)容,而左右分別是一些比較小的內(nèi)容條,中間就是主要內(nèi)容。而最下面就是關(guān)于網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)等等一些比較固定的信息?;ヂ?lián)網(wǎng)上最多的就是這種類型。
拐角型,這一種類型就是國字型的變形,只是在形式上不一樣。最上面的部分是網(wǎng)站的標(biāo)題以及網(wǎng)站的橫幅廣告條,下面的左側(cè)比較窄,是一些鏈接,右側(cè)比較寬,是正文內(nèi)容,最下面是網(wǎng)站的一些常規(guī)信息。
標(biāo)題正文類型,上面是網(wǎng)站的標(biāo)題,或者是類似的東西,接著就是網(wǎng)站的正文內(nèi)容,例如是一些文章或者是注冊(cè)登錄頁面。
左右框架類型,這種類型是左右分別為兩頁的一種框架,一般布局是:左邊是導(dǎo)航鏈接,最上面有時(shí)是一個(gè)標(biāo)題,而右面就是主要內(nèi)容。最常使用這種類型布局的是論壇網(wǎng)站,企業(yè)網(wǎng)站中的內(nèi)頁有很多是采用這種布局方式的。這種類型的布局的特點(diǎn)是結(jié)構(gòu)清晰明了。
上下框架類型,與左右框架類型類似,只是這種類型是上下兩頁的結(jié)構(gòu)。
綜合框架類型,其實(shí)就是左右框架類型和上下框架類型的結(jié)合體。
第二、了解了布局有哪些類型之后,就來談?wù)劦谝黄恋脑O(shè)計(jì)。第一屏指的是不用滾動(dòng)就能看到那一部分。第一屏的大小是不確定,因?yàn)槊總€(gè)終端的分辨率是不一樣的。例如:1024*768的分辨率下,IE瀏覽器默認(rèn)狀態(tài)下,可以看到的那一部分,很多時(shí)候都是以這個(gè)為標(biāo)準(zhǔn)的。第一屏肯定要展現(xiàn)一些最重要的內(nèi)容,首先要對(duì)第一屏的空間做一個(gè)估算。在網(wǎng)站建設(shè)過程中,最困難的一個(gè)地方就是用戶使用的終端與瀏覽器是未知的。
第三、導(dǎo)航欄應(yīng)該要放在哪里?一個(gè)網(wǎng)站的導(dǎo)航欄有引導(dǎo)的作用,可以指引用戶到達(dá)不同的頁面,是網(wǎng)站的主要組成部分。導(dǎo)航欄在設(shè)計(jì)的時(shí)候一定要清晰、鮮明。最好是在第一屏就能夠展示出來。在這里建議使用橫向的導(dǎo)航欄,因?yàn)榈谝黄恋拿娣e有限,橫向的話,可以完全看到導(dǎo)航欄的內(nèi)容。
第四、到底什么樣的布局是最完美的呢?很多新手們都想知道這個(gè)問題。但是我們要學(xué)會(huì)具體問題具體分析。如果網(wǎng)站的內(nèi)容比較多,那么建議使用國字型布局或者是拐角型,內(nèi)容不多的,可以選擇標(biāo)題正文型。
免費(fèi)學(xué)習(xí)課堂
- 免費(fèi)推廣知識(shí)
- 競(jìng)價(jià)推廣知識(shí)
- 新媒體營銷知識(shí)
- 網(wǎng)站運(yùn)營知識(shí)
- 網(wǎng)站設(shè)計(jì)知識(shí)
- 網(wǎng)站建設(shè)知識(shí)
- Web前端知識(shí)
- 軟文營銷知識(shí)
- 網(wǎng)站策劃知識(shí)
- 整合營銷
推薦文章
- 織夢(mèng)dedecms漏洞修復(fù)大全含任意文件
- 整頓微信公眾號(hào)過度營銷 對(duì)嚴(yán)重違
- SEO優(yōu)化過程要避免什么?
- 網(wǎng)站空間被掛馬的原因原因及解決
- 2016企業(yè)該如何運(yùn)用互聯(lián)網(wǎng)進(jìn)行營銷
- WEB前端項(xiàng)目開發(fā)中需注意的細(xì)節(jié)
- 低價(jià)網(wǎng)站建設(shè)的危害有哪些?
- 如何詳細(xì)的分析你網(wǎng)站的競(jìng)爭對(duì)手
- 網(wǎng)站設(shè)計(jì)中四個(gè)常犯的錯(cuò)誤
- 如何搭配網(wǎng)站設(shè)計(jì)中的色彩?
在網(wǎng)站建設(shè)中常用的頁面布局
來源:北京匯仁智杰科技有限公司 時(shí)間:2016-03-16 點(diǎn)擊: 次
推薦文章
- 織夢(mèng)dedecms漏洞修復(fù)大全含任意文件2016-09-05
- 整頓微信公眾號(hào)過度營銷 對(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)行營銷2016-01-26
- WEB前端項(xiàng)目開發(fā)中需注意的細(xì)節(jié)2016-01-26
- 低價(jià)網(wǎng)站建設(shè)的危害有哪些?2016-01-15
- 如何詳細(xì)的分析你網(wǎng)站的競(jìng)爭對(duì)手2015-06-10
- 網(wǎng)站設(shè)計(jì)中四個(gè)常犯的錯(cuò)誤2015-01-22
- 如何搭配網(wǎng)站設(shè)計(jì)中的色彩?2015-01-22