張 莉

山東省菏澤職業(yè)學(xué)院，山東 菏澤 274000

隨著時(shí)代的發(fā)展，經(jīng)濟(jì)和科技也正在發(fā)生日新月異的變化，網(wǎng)絡(luò)信息化時(shí)代逐漸到來(lái)，計(jì)算機(jī)成為了人們生活不可或缺的一部分。計(jì)算機(jī)中的網(wǎng)頁(yè)不僅為人們提供各種資訊，還能幫助人們查詢(xún)各種所需資料。據(jù)相關(guān)數(shù)據(jù)統(tǒng)計(jì)，中國(guó)人每年瀏覽計(jì)算機(jī)的次數(shù)超過(guò)其他傳統(tǒng)媒體的總和。因此，一個(gè)優(yōu)秀的計(jì)算機(jī)網(wǎng)頁(yè)的設(shè)置，不僅會(huì)給用戶(hù)帶來(lái)美的享受，還會(huì)增加用戶(hù)的體驗(yàn)感和舒適感。合理的網(wǎng)頁(yè)布局、精美的網(wǎng)頁(yè)設(shè)計(jì)都是網(wǎng)頁(yè)中非常重要的方面，也是各大計(jì)算機(jī)網(wǎng)站探究的主要方面[1]。

1 計(jì)算機(jī)網(wǎng)頁(yè)布局的概念

計(jì)算機(jī)網(wǎng)頁(yè)布局中牽涉到了多種成分，所涉及的范圍也非常廣，不僅包括布局規(guī)劃、整體效果、動(dòng)畫(huà)、色彩搭配等，還包括形狀、結(jié)構(gòu)、內(nèi)容、意義等方面。只有將這些方面完美地結(jié)合起來(lái)才能設(shè)計(jì)出一個(gè)完美的網(wǎng)頁(yè)布局。

1.1 網(wǎng)頁(yè)簡(jiǎn)述

計(jì)算機(jī)網(wǎng)頁(yè)布局首先需要明白的是網(wǎng)頁(yè)的相關(guān)概念。網(wǎng)頁(yè)是構(gòu)成網(wǎng)絡(luò)中網(wǎng)站的基本元素，同時(shí)也是承載各種網(wǎng)站應(yīng)用的基本平臺(tái)。網(wǎng)站是由各種網(wǎng)頁(yè)組成的，用戶(hù)只擁有域名和虛擬主機(jī)，文字和圖片是網(wǎng)頁(yè)的構(gòu)成的基本要素，另外還包括動(dòng)畫(huà)、音樂(lè)、程序等方面。網(wǎng)頁(yè)不受地域的限制，可以存在世界任何一臺(tái)計(jì)算機(jī)中，用戶(hù)只是通過(guò)網(wǎng)頁(yè)瀏覽器閱讀網(wǎng)頁(yè)中的內(nèi)容[2]。

1.2 網(wǎng)頁(yè)布局相關(guān)概述

網(wǎng)頁(yè)布局主要包括整體造型、網(wǎng)頁(yè)尺寸兩大要素。首先是整體造型，整體造型直接決定了網(wǎng)頁(yè)布局的美觀度，是網(wǎng)頁(yè)頁(yè)面的整體形狀。一般常見(jiàn)的頁(yè)面填充形狀有長(zhǎng)方形、圓形、菱形等，還有一些是具有特殊意義的造型的改變而成。另外是網(wǎng)頁(yè)布局中的頁(yè)面尺寸，尺寸的合適與否也將影響網(wǎng)頁(yè)布局的美觀度以及用戶(hù)的體驗(yàn)感受。一般網(wǎng)頁(yè)布局的頁(yè)面尺寸受多種因素的影響，主要是客觀因素和主觀設(shè)計(jì)。客觀因素主要是顯示屏的尺寸和分辨率[3]。主觀設(shè)計(jì)因素是網(wǎng)頁(yè)布局在瀏覽器中的呈現(xiàn)狀態(tài)，這主要是受到設(shè)計(jì)者的設(shè)計(jì)水平和主觀創(chuàng)意的影響。另外網(wǎng)頁(yè)頁(yè)面尺寸也會(huì)根據(jù)用戶(hù)的瀏覽需求進(jìn)行調(diào)整。這些都是影響網(wǎng)頁(yè)布局中的尺寸的因素。

在網(wǎng)頁(yè)布局中主要就是整體造型和網(wǎng)頁(yè)尺寸這兩大因素，因此設(shè)計(jì)師進(jìn)行網(wǎng)頁(yè)布局設(shè)計(jì)時(shí)也應(yīng)該從這兩方面入手。

2 計(jì)算機(jī)網(wǎng)頁(yè)布局的必要性

計(jì)算機(jī)網(wǎng)頁(yè)布局是計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中的重要方面，合理的布局、優(yōu)美的畫(huà)面直接影響了用戶(hù)的體驗(yàn)，影響了網(wǎng)頁(yè)的瀏覽速度；并且一個(gè)布局合理的網(wǎng)頁(yè)也會(huì)給用戶(hù)提供更便捷的服務(wù)。

2.1 提高用戶(hù)的體驗(yàn)舒適感

一個(gè)布局合理、畫(huà)質(zhì)優(yōu)美的網(wǎng)頁(yè)會(huì)直接增加用戶(hù)的體驗(yàn)感?，F(xiàn)在人們獲取信息的方式基本都和網(wǎng)絡(luò)媒體分不開(kāi)，長(zhǎng)時(shí)間接觸電子產(chǎn)品會(huì)給人們的視覺(jué)帶來(lái)一定的影響。因此一個(gè)合理且美觀的網(wǎng)頁(yè)會(huì)直接給用戶(hù)煥然一新的感覺(jué)，減少用戶(hù)的視覺(jué)疲勞，讓用戶(hù)對(duì)此次瀏覽產(chǎn)生一個(gè)愉悅的心態(tài)[4]。并且一個(gè)合理美觀的網(wǎng)頁(yè)不僅增加用戶(hù)的舒適度，還會(huì)增加用戶(hù)的瀏覽欲望，如果視覺(jué)上都會(huì)讓用戶(hù)不悅，那么自然瀏覽量不會(huì)太高。所以一個(gè)優(yōu)秀的網(wǎng)頁(yè)也會(huì)增加其瀏覽次數(shù)，還會(huì)提升其經(jīng)濟(jì)效益。

2.2 為網(wǎng)頁(yè)內(nèi)容填充提供空間

網(wǎng)頁(yè)的布局不僅會(huì)影響到用戶(hù)的體驗(yàn)感，并且對(duì)網(wǎng)頁(yè)本身的內(nèi)容設(shè)計(jì)和投放也會(huì)有影響。網(wǎng)頁(yè)也相當(dāng)于一個(gè)存放空間，只有對(duì)空間的結(jié)構(gòu)和布局進(jìn)行合理的規(guī)劃才能確?？臻g存儲(chǔ)內(nèi)容的多樣化。同樣只有對(duì)網(wǎng)頁(yè)進(jìn)行合理的布局規(guī)劃才能在網(wǎng)頁(yè)內(nèi)容的投放上做到全面化。一般用戶(hù)在對(duì)網(wǎng)頁(yè)進(jìn)行瀏覽的時(shí)候不僅是對(duì)網(wǎng)頁(yè)界面進(jìn)行長(zhǎng)時(shí)間瀏覽，重點(diǎn)是對(duì)內(nèi)容的瀏覽。因此網(wǎng)頁(yè)內(nèi)容的豐富化和全面化也會(huì)直接影響到用戶(hù)的瀏覽需求。所以網(wǎng)頁(yè)布局設(shè)計(jì)非常重要。

網(wǎng)頁(yè)布局設(shè)計(jì)的必然性和重要性主要就是從用戶(hù)和網(wǎng)頁(yè)本身來(lái)分析的，一個(gè)布局合理且美觀的網(wǎng)頁(yè)不僅可以豐富其內(nèi)容，做到內(nèi)容的全面和層次感，同時(shí)還會(huì)決定了用戶(hù)的體驗(yàn)的舒適度，影響其經(jīng)濟(jì)價(jià)值。

3 典型網(wǎng)頁(yè)布局及特點(diǎn)

目前國(guó)內(nèi)外網(wǎng)頁(yè)非常的多，典型的網(wǎng)頁(yè)布局有綜合框架型、漫畫(huà)制作型、標(biāo)題正文型和封面型。由于人們對(duì)瀏覽器的使用次數(shù)非常頻繁，因此對(duì)這些常見(jiàn)的網(wǎng)頁(yè)布局也都相對(duì)較熟悉。每一種網(wǎng)頁(yè)布局都有其對(duì)應(yīng)的特點(diǎn)，這是區(qū)別不同網(wǎng)頁(yè)布局的主要依據(jù)。

3.1 綜合框架型網(wǎng)頁(yè)布局

一般綜合框架型頁(yè)面布局是頁(yè)面布局結(jié)構(gòu)較復(fù)雜的一種，主要是在網(wǎng)頁(yè)的周?chē)挤植贾黝}框架，通過(guò)框架將網(wǎng)頁(yè)的基本內(nèi)容圍繞，內(nèi)容分布在各個(gè)框架中。這樣的布局條理清晰，通過(guò)框架將各部分的內(nèi)容進(jìn)行了分隔，這也是綜合框架型網(wǎng)頁(yè)布局與其他網(wǎng)頁(yè)布局的區(qū)別所在[5]。

3.2 動(dòng)畫(huà)制作型網(wǎng)頁(yè)布局

動(dòng)畫(huà)制作型網(wǎng)頁(yè)布局也就是俗稱(chēng)的Flash 型網(wǎng)頁(yè)布局。根據(jù)字面理解就是結(jié)合動(dòng)畫(huà)效果設(shè)計(jì)的網(wǎng)頁(yè)布局。其主要優(yōu)點(diǎn)是不僅是將動(dòng)畫(huà)效果進(jìn)行了運(yùn)用，同時(shí)也將音效進(jìn)行了運(yùn)用。因此人們?cè)谶M(jìn)行瀏覽的時(shí)候會(huì)獲得視覺(jué)和聽(tīng)覺(jué)雙重的享受，會(huì)給用戶(hù)帶來(lái)震撼，這樣的網(wǎng)頁(yè)布局一般分布在網(wǎng)頁(yè)游戲中，通過(guò)視覺(jué)和聽(tīng)覺(jué)的結(jié)合讓用戶(hù)先進(jìn)入游戲效果中，增加用戶(hù)的體驗(yàn)感。

3.3 標(biāo)題正文型網(wǎng)頁(yè)布局

標(biāo)題正文型網(wǎng)頁(yè)布局是人們?nèi)粘９ぷ髦凶畛Ｒ?jiàn)的網(wǎng)頁(yè)布局。這樣的網(wǎng)頁(yè)布局主要分為上下兩個(gè)部分，上半部分主要是標(biāo)題，網(wǎng)頁(yè)的主要內(nèi)容一般放在中間部位。部分網(wǎng)頁(yè)在進(jìn)行標(biāo)題正文型網(wǎng)頁(yè)布局時(shí)也會(huì)在下方的左右添置一些天氣、新聞等常見(jiàn)訊息。標(biāo)題正文型網(wǎng)頁(yè)布局與其他網(wǎng)頁(yè)布局的區(qū)別在于，其廣告性質(zhì)較少，一般都是對(duì)主要內(nèi)容簡(jiǎn)明扼要地展示。由于其布局簡(jiǎn)單、內(nèi)容展示充分，所以這類(lèi)網(wǎng)頁(yè)布局一般用在政府和企事業(yè)單位或其他重要正規(guī)的網(wǎng)站設(shè)計(jì)中。

3.4 封面型網(wǎng)頁(yè)布局

封面型網(wǎng)頁(yè)布局是所有網(wǎng)頁(yè)布局設(shè)計(jì)中出現(xiàn)頻率最多的布局之一。僅從字面就可以了解到該布局的好處。封面型網(wǎng)頁(yè)布局的設(shè)計(jì)原理和書(shū)本的布局有異曲同工之妙，都是通過(guò)內(nèi)容的不同進(jìn)行分區(qū)域展示[6]。一般在這種布局中圖片的分布較多，通過(guò)圖片讓用戶(hù)快速了解到網(wǎng)頁(yè)的內(nèi)容。這樣的網(wǎng)頁(yè)布局主要是通過(guò)圖片起到先聲奪人的效果，能夠通過(guò)圖片快速吸引用戶(hù)的注意。并且這種網(wǎng)頁(yè)布局具有明顯的個(gè)人風(fēng)格，因此一般被用在個(gè)人網(wǎng)頁(yè)的裝飾中。

4 如何進(jìn)行優(yōu)化網(wǎng)頁(yè)布局

優(yōu)化網(wǎng)頁(yè)布局需要了解網(wǎng)頁(yè)布局的原理和網(wǎng)頁(yè)布局的內(nèi)容，通過(guò)合理的設(shè)計(jì)全面提高網(wǎng)頁(yè)布局合理性和美觀性，提高用戶(hù)的體驗(yàn)舒適感。

首先是了解網(wǎng)頁(yè)布局的頁(yè)面尺寸。根據(jù)網(wǎng)頁(yè)的內(nèi)容和主題對(duì)尺寸進(jìn)行合理的規(guī)劃和設(shè)計(jì)。如果網(wǎng)頁(yè)布局的尺寸過(guò)大那么會(huì)影響用戶(hù)瀏覽時(shí)的視覺(jué)效果；如果尺寸設(shè)計(jì)過(guò)小又無(wú)法對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行充分展示。因此一般在網(wǎng)頁(yè)布局的尺寸設(shè)計(jì)中要根據(jù)網(wǎng)頁(yè)的內(nèi)容模塊的安排進(jìn)行，明確網(wǎng)頁(yè)的重點(diǎn)內(nèi)容，選擇合適的尺寸。

其次是網(wǎng)頁(yè)布局的整體造型。整體造型是網(wǎng)頁(yè)布局中的重要方面，也是網(wǎng)頁(yè)布局的核心內(nèi)容。在整體造型的設(shè)計(jì)中一般堅(jiān)持“主次有別、重點(diǎn)明確”的原則，在具體的設(shè)計(jì)中應(yīng)該根據(jù)網(wǎng)頁(yè)的具體內(nèi)容先選擇以哪種造型為主，然后根據(jù)主題內(nèi)容或個(gè)人喜好選擇合適的布局結(jié)構(gòu)。在布局的安排中一定要寬松適度，不能某一個(gè)板塊分布過(guò)于密集，另一個(gè)模塊又過(guò)于稀疏，這樣直接影響網(wǎng)頁(yè)布局的美觀度。最后是對(duì)頁(yè)面布局進(jìn)行裝飾和點(diǎn)綴，除了網(wǎng)頁(yè)的主要內(nèi)容外，為了增加網(wǎng)頁(yè)的趣味性和人文關(guān)懷，設(shè)計(jì)師可以在布局的邊緣角落展示一些其他信息，例如健康小科普或者天氣資訊等內(nèi)容。

在網(wǎng)頁(yè)布局中沒(méi)有明確的規(guī)范和格式要求，一般設(shè)計(jì)堅(jiān)持合理和美觀的原則，既要對(duì)網(wǎng)頁(yè)的主題和內(nèi)容做到充分展示，也要增加其美觀程度，增強(qiáng)視覺(jué)效果。因此一個(gè)優(yōu)秀的網(wǎng)頁(yè)布局，用戶(hù)在體驗(yàn)時(shí)不僅是對(duì)其基本信息的瀏覽，也應(yīng)該是一種視覺(jué)或視覺(jué)聽(tīng)覺(jué)結(jié)合的享受[7]。

綜上所述，隨著時(shí)代的發(fā)展，計(jì)算機(jī)對(duì)人們?nèi)粘Ｉ詈凸ぷ鞯挠绊憣⒂用黠@。網(wǎng)頁(yè)是計(jì)算機(jī)網(wǎng)站中的重內(nèi)容，隨著信息獲取方式的便利，人們對(duì)各種網(wǎng)頁(yè)的瀏覽量將會(huì)不斷提高。如何在眾多網(wǎng)站中脫穎而出，一直都是計(jì)算機(jī)網(wǎng)站設(shè)計(jì)人員的目標(biāo)和追求。在網(wǎng)頁(yè)布局設(shè)計(jì)中，設(shè)計(jì)者應(yīng)該根據(jù)網(wǎng)頁(yè)的主題內(nèi)容選擇合適的網(wǎng)頁(yè)布局類(lèi)型，結(jié)合布局的特點(diǎn)，積極運(yùn)用生活中美學(xué)知識(shí)設(shè)計(jì)出合理、美觀的網(wǎng)頁(yè)布局，全面增強(qiáng)用戶(hù)的體驗(yàn)效果，為網(wǎng)頁(yè)創(chuàng)造更大的經(jīng)濟(jì)價(jià)值。