楊艷玲

[摘要]就計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局展開論述，從網(wǎng)頁設(shè)計(jì)中的布局的相關(guān)概念、計(jì)算機(jī)設(shè)計(jì)中網(wǎng)頁布局的重要性、常見的網(wǎng)頁設(shè)計(jì)布局以及其特點(diǎn)、如何進(jìn)行網(wǎng)頁設(shè)計(jì)中的布局等方面，對計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局進(jìn)行分析。

[關(guān)鍵詞]計(jì)算機(jī) 網(wǎng)頁設(shè)計(jì) 布局

就今天的生活來說，計(jì)算機(jī)是人們生活不可或缺的一部分，人們每天的網(wǎng)頁瀏覽量遠(yuǎn)大于書籍的瀏覽量。因此，網(wǎng)頁的美感對于人們來說是十分重要的。合理的布局、唯美的畫面，往往會(huì)使人們在瀏覽網(wǎng)頁時(shí)生出一種舒適感，為此各網(wǎng)站都花費(fèi)人力、財(cái)力來進(jìn)行網(wǎng)頁的設(shè)計(jì)，尤其是布局的設(shè)計(jì)。

一、網(wǎng)頁設(shè)計(jì)中的布局的相關(guān)概念

網(wǎng)頁設(shè)計(jì)中的布局的相關(guān)概念，主要是一些構(gòu)成成分的概念，其中包括了：整體造型、頁面尺寸、頁眉頁腳、文本、圖片等，下面就其中幾個(gè)重要的概念進(jìn)行講述。這里需要指出的，網(wǎng)頁設(shè)計(jì)中的布局，不僅僅要求的是對圖像這些表面因素進(jìn)行設(shè)計(jì)和布局，同時(shí)還需要對一些潛在的因素以及其他相關(guān)因素進(jìn)行深入研究，只有將整體化的設(shè)計(jì)元素充分整合在一起，才能最大化地發(fā)揮網(wǎng)頁布局的最佳效益。

（一）整體造型

頁面的整體造型，指的是頁面的整體形狀，它所指的只包括頁面填充內(nèi)容所形成的形狀并不是瀏覽器的形狀，常見的造型主要有圓形、菱形、三角形等，當(dāng)然也可以是這些基礎(chǔ)類型的結(jié)合體。頁面造型的選擇，在一些時(shí)候是根據(jù)網(wǎng)站的性質(zhì)來選的，帶有一定的寓意。

（二）頁面尺寸

頁面尺寸并不是固定的，它受到很多其他因素的影響，就算是顯示屏的尺寸或者分辨率都影響著頁面的尺寸的大小。這幾個(gè)因素是客觀的，也是我們無法改變的，并且網(wǎng)頁頁面是在瀏覽器中呈現(xiàn)的，然而瀏覽器占據(jù)了一定的篇幅致使頁面進(jìn)一步的減小，但是這種情況是可以解決的，因?yàn)闉g覽器的工具欄等是可刪除的。

二、計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局的重要性

無論是設(shè)計(jì)什么事物，人們對于其布局構(gòu)造總有著嚴(yán)格的要求，對于網(wǎng)頁布局也不例外。合理、美觀的布局，給人們帶來的是一種舒適和享受，尤其是在長時(shí)間瀏覽網(wǎng)頁時(shí)，完美的布局對于減輕人的疲勞感是有重要作用的，由此可知計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局的重要性。只有這樣才能創(chuàng)造出最大的經(jīng)濟(jì)價(jià)值與財(cái)富，推動(dòng)計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的進(jìn)一步發(fā)展和進(jìn)步。

網(wǎng)頁布局的意義不僅僅是給人帶來美感，與房屋布局一樣，合理的布局在一定程度上可以增加其內(nèi)容。在瀏覽網(wǎng)頁時(shí)，人們可能只是簡單的看一下網(wǎng)頁頁面所分布的內(nèi)容，因此要想增加網(wǎng)頁的瀏覽量，除了分布內(nèi)容要有吸引力之外，還要保證其內(nèi)容的全面性。這就要求網(wǎng)頁的頁面足夠大，但是頁面尺寸受很多因素的限制，所以只能從網(wǎng)頁布局上來想辦法。人們開始根據(jù)自己頁面索要涉及內(nèi)容的多少以及內(nèi)容的類別、重要性進(jìn)行頁面的布局，使頁面上的內(nèi)容能夠具有一定的層次感，并且在人們進(jìn)行閱讀時(shí)能給人們帶來視覺上的舒適感。

三、常見的網(wǎng)頁設(shè)計(jì)布局及其特點(diǎn)

在日常的網(wǎng)頁頁面中，頁面布局的類型很多，常見的頁面布局有“同”字型、標(biāo)題正文型、綜合框架型、封面型、Flash型，人們對這些布局的感觀已經(jīng)存在了，但是具體的布局結(jié)構(gòu)還不太了解，下面筆者將將講述以上幾種布局類型。

（一）“同”字型

該類型的網(wǎng)頁布局從內(nèi)容填充的角度來說，其內(nèi)容填充量較大，一般這類網(wǎng)頁的上方都是標(biāo)題欄，填充的可能是網(wǎng)站的主題，也有可能是橫幅廣告，其下可能也有小標(biāo)題的存在。頁面的左右也分布有相應(yīng)的內(nèi)容，一般可能是一些網(wǎng)站的最新動(dòng)態(tài)簡訊、網(wǎng)站的服務(wù)人員、附加信息以及廣告，該部分的內(nèi)容一般是人們不太會(huì)去注意的，同時(shí)也是可開發(fā)價(jià)值較高的區(qū)域。該類型網(wǎng)頁的主要內(nèi)容一般都是分布在中央位置，從上至下，按照內(nèi)容的重要性、類別或者是所帶有的色彩，對于此部分的內(nèi)容一般還有細(xì)節(jié)分布，再次不再細(xì)說。至于網(wǎng)站的下部分一般不會(huì)分布內(nèi)容，就算是有內(nèi)容分布，也只是一些網(wǎng)頁的常規(guī)內(nèi)容。例如，網(wǎng)站制造方的信息、網(wǎng)站后臺(tái)管理登陸以及網(wǎng)站的基礎(chǔ)信息等。

（二）標(biāo)題正文型

與“同”字型的頁面分布有所不同的是，標(biāo)題正文型頁面一般沒有左右的分布，其他的類似程度很大。頁面的上半部分都是以標(biāo)題的形式存在，如果出現(xiàn)的是廣告也很正常，頁面的中央部分分布的是主要內(nèi)容，但是其主要內(nèi)容所包括的含有“同”字型的側(cè)邊內(nèi)容，一般網(wǎng)站主要內(nèi)容的簡訊是在標(biāo)題下方，與并列的是一些附加信息，諸如天氣、注冊信息等。然后接著分布的就是網(wǎng)站的正文了。標(biāo)題正文型的網(wǎng)頁頁面結(jié)構(gòu)簡單，一般是一些政府機(jī)構(gòu)或者事業(yè)單位采用的較多。

（三）綜合框架型

綜合框架型在所有的頁面布局中應(yīng)該是結(jié)構(gòu)比較復(fù)雜的一類，它的上下左右都分布著框架結(jié)構(gòu)，內(nèi)容基本都是分布在框架里面。它與其他類型的區(qū)別，其實(shí)就是把其它類型無形的界線描繪出來了。

（四）封面型

僅僅聽著封面型，就能猜出它的基本分布，的確，正如書本的頁面分布一樣，封面型的頁面分布就是以較大篇幅的圖片為主。一般該類型的頁面分布都是在網(wǎng)站的首頁出現(xiàn)，頁面的中央部位大篇幅的可能就是平面圖片或者是動(dòng)畫，其周圍分布著較少的信息，而此類信息一般又都是超鏈接的入口。一般諸如QQ空間的首頁的個(gè)人主頁網(wǎng)頁頁面就是采用此種類型的布局的，它主要是為了突出個(gè)人特色，以炫目吸引人們的眼球。

（五）Flash型

Flash型的頁面布局與“封面型”有著異曲同工之妙，只不過Flash型網(wǎng)頁頁面運(yùn)用得更多的還是Flash，當(dāng)然它所運(yùn)用的除了動(dòng)畫還有聲音，因此它優(yōu)于封面型的就是它的聽覺效果，視覺與聽覺兩種效果的作用下給人們帶來的除了享受還有一種震撼。關(guān)于此種類型的應(yīng)用網(wǎng)頁一般主要是游戲的登錄或者是等待進(jìn)入游戲的頁面，當(dāng)然也不排除有些個(gè)人網(wǎng)頁的主頁所采用的是Flash型的布局。

四、簡述如何進(jìn)行網(wǎng)頁設(shè)計(jì)的布局

進(jìn)行網(wǎng)頁設(shè)計(jì)中的布局首先要確定頁面的尺寸，確定好尺寸有利于后續(xù)內(nèi)容模塊的安排，在確定了頁面的尺寸后開始進(jìn)行整體造型的選擇，選擇時(shí)可根據(jù)網(wǎng)頁主題或者是個(gè)人的愛好來進(jìn)行選擇。選擇好整體造型根據(jù)網(wǎng)頁所要呈現(xiàn)的內(nèi)容類型、量、突出重點(diǎn)的量來進(jìn)行布局的安排，在進(jìn)行布局的安排時(shí)，要注意布局的疏密度，不能過度，同時(shí)也要注意突出重點(diǎn)。在安排好大致內(nèi)容后，進(jìn)行“綠葉”的點(diǎn)綴，可以在大致布局上增加一些其它信息以做裝點(diǎn)。

計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局是一門藝術(shù)，它沒有什么固定的格式，布局的選擇、策劃完全取決于個(gè)人的審美觀，因此要想提升網(wǎng)頁布局的美感，就必須要加強(qiáng)對于美學(xué)的研究，將生活中的美學(xué)知識(shí)運(yùn)用到網(wǎng)頁的布局上，給人們帶來更多的視覺享受。

參考文獻(xiàn)：

[1]瑪依努爾·阿布都哈地爾.對計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)布局問題的探討[J].產(chǎn)業(yè)與科技論壇，2012.

[2]郭雨.計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)布局價(jià)值性研究[J].東方企業(yè)文化，2011，（23）.

[3]華冰.如何科學(xué)化實(shí)行計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局[J].網(wǎng)絡(luò)財(cái)富，2010，（21）.

[4]楊楠.計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中布局研究方法與手段分析[J].經(jīng)濟(jì)論壇，2010，（04）.