楊艷玲

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

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

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

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

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

（一）整體造型

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

（二）頁面尺寸

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

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

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

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

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

在日常的網(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)站的最新動態(tài)簡訊、網(wǎng)站的服務(wù)人員、附加信息以及廣告，該部分的內(nèi)容一般是人們不太會去注意的，同時也是可開發(fā)價值較高的區(qū)域。該類型網(wǎng)頁的主要內(nèi)容一般都是分布在中央位置，從上至下，按照內(nèi)容的重要性、類別或者是所帶有的色彩，對于此部分的內(nèi)容一般還有細(xì)節(jié)分布，再次不再細(xì)說。至于網(wǎng)站的下部分一般不會分布內(nèi)容，就算是有內(nèi)容分布，也只是一些網(wǎng)頁的常規(guī)內(nèi)容。例如，網(wǎng)站制造方的信息、網(wǎng)站后臺管理登陸以及網(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)簡單，一般是一些政府機構(gòu)或者事業(yè)單位采用的較多。

（三）綜合框架型

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

（四）封面型

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

（五）Flash型

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

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

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

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

參考文獻：

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

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

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

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