張 莉

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

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

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

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

1.1 網(wǎng)頁簡述

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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