版式設(shè)計在網(wǎng)頁藝術(shù)設(shè)計中的分析

樊 歆

（江西省信息科技學(xué)校,江西南昌330026）

版式設(shè)計在網(wǎng)頁藝術(shù)設(shè)計中的分析

樊 歆

（江西省信息科技學(xué)校,江西南昌330026）

從版式設(shè)計和網(wǎng)頁藝術(shù)設(shè)計的概念、版式設(shè)計和網(wǎng)頁空間尺寸的關(guān)系、版式設(shè)計在網(wǎng)頁藝術(shù)設(shè)計中的表現(xiàn)等幾方面進(jìn)行了深入研究與探索，主要是為了更好地推動版式設(shè)計在網(wǎng)頁藝術(shù)設(shè)計中運(yùn)用的發(fā)展與進(jìn)步。

版式設(shè)計；網(wǎng)頁藝術(shù)；設(shè)計分析

在我國步入信息化時代的同時，網(wǎng)頁設(shè)計技術(shù)快速興起，并逐漸受到人們的重視，同時網(wǎng)頁設(shè)計與編程技術(shù)有著較強(qiáng)的聯(lián)系性。在與JAVA、HTLM、C語言、ASP等計算機(jī)編程技術(shù)具有較強(qiáng)關(guān)聯(lián)性的同時，還對美術(shù)、版式設(shè)計、顏色搭配等知識有所涉及。因此人們通常將網(wǎng)頁設(shè)計分為網(wǎng)頁技術(shù)設(shè)計與網(wǎng)頁藝術(shù)設(shè)計。工作人員將兩種網(wǎng)頁設(shè)計進(jìn)行充分融合，才可較好地設(shè)計出完善的具有較強(qiáng)視聽性的，靜動特效相結(jié)合的頁面，進(jìn)一步對網(wǎng)絡(luò)全新媒體形式的特點(diǎn)與多空間能力等進(jìn)行展示。

一、版式設(shè)計和網(wǎng)頁藝術(shù)設(shè)計的概念

藝術(shù)設(shè)計主要以藝術(shù)美學(xué)為核心，以網(wǎng)頁技術(shù)設(shè)計為條件與基礎(chǔ)的版式設(shè)計與網(wǎng)頁各視覺元素設(shè)計，在一定程度上屬于技術(shù)與藝術(shù)充分的融合及統(tǒng)一。網(wǎng)頁藝術(shù)設(shè)計主要由版式設(shè)計與視聽元素設(shè)計共同組合而成。其中文章主要對網(wǎng)頁的版式設(shè)計進(jìn)行深入分析與研究。

版式設(shè)計與各報紙、雜志等媒體平面設(shè)計有著較強(qiáng)的相似性。版式設(shè)計主要是在各種顯示設(shè)備的空間中結(jié)合實(shí)際需求與情況使用科學(xué)的方法將各種視聽元素進(jìn)行科學(xué)合理的排列規(guī)劃與組合，通過個性化對理性思維邏輯進(jìn)行展示，屬于一種極具個人主義創(chuàng)作風(fēng)格與藝術(shù)特點(diǎn)的視覺與聽覺表述方法。其在對各種數(shù)據(jù)信息進(jìn)行展示的基礎(chǔ)上，也使數(shù)據(jù)信息接受者的各種感官體驗到相應(yīng)的藝術(shù)美感，使其在精神上得到相應(yīng)的滿足。

二、版式設(shè)計和網(wǎng)頁空間尺寸的關(guān)系

在版式設(shè)計過程中，其與各媒體平面版式設(shè)計之間還有著較強(qiáng)的差異性。媒體平面版式設(shè)計通常情況下都具有較為固定的大小，網(wǎng)頁版式設(shè)計與其則恰好相反，其設(shè)計大小具有較強(qiáng)的相對性。各網(wǎng)頁搜索使用人員預(yù)覽網(wǎng)頁時使用的智能設(shè)備具有較大的差距同時其預(yù)覽習(xí)慣也較為不同，致使各網(wǎng)頁設(shè)計人員在實(shí)際設(shè)計工作期間不能較好地對網(wǎng)頁設(shè)計期間各視覺聽覺元素的大小與位置等進(jìn)行控制。另一方面，網(wǎng)頁設(shè)計期間的結(jié)構(gòu)特點(diǎn)與各種平面媒體主要以線性組合為基礎(chǔ)的結(jié)構(gòu)形式不同，也在一定程度上提高了網(wǎng)頁版式設(shè)計工作的難度。所有版式設(shè)計人員在實(shí)際工作期間應(yīng)對網(wǎng)頁的規(guī)模以及頁面的大小等進(jìn)行充分了解與掌握。

人們在對網(wǎng)頁進(jìn)行預(yù)覽的過程中，通常看到的網(wǎng)頁規(guī)格為15英寸以及17英寸。其中各網(wǎng)頁瀏覽通常占有顯示器的相應(yīng)空間，致使顯示器中顯示網(wǎng)頁的尺寸具有較大的差異性。當(dāng)前，人們所使用顯示器的分辨率通常為600×800以及768×1024。同時在一些特殊工作需求時，人們的顯示器分辨率為480×640以及768×1280，但這種分辨率設(shè)置使用率相對較少。

1.網(wǎng)頁的長度

網(wǎng)頁版式設(shè)計人員在結(jié)合實(shí)際情況對網(wǎng)頁寬度進(jìn)行約束的同時，網(wǎng)頁長度的設(shè)計則具有較強(qiáng)的隨意性與寬松性，其可為1至3屏寬。其中對網(wǎng)頁整體下載速度、網(wǎng)頁預(yù)覽人員的預(yù)覽節(jié)儉性與信息數(shù)據(jù)包含量、網(wǎng)頁種類與功能的美好進(jìn)行分析與考慮，網(wǎng)頁的長度也有著較大的差距。通常情況下，小型與中型網(wǎng)頁的長度應(yīng)為1至2屏左右。國內(nèi)較大的網(wǎng)站想要在主頁面中添加較為豐富的數(shù)據(jù)信息，使預(yù)覽人員更加方便地對需求的數(shù)據(jù)信息進(jìn)行獲取，網(wǎng)頁版式設(shè)計人員可將網(wǎng)頁主頁面長度設(shè)置為3屏左右，多大于3屏。

2.網(wǎng)頁的寬度

人們預(yù)覽網(wǎng)頁時其顯示設(shè)備分辨率為600×800以及768×1024，顯示設(shè)備寬度應(yīng)為800以及1024像素，由于水平豎向方向滾動條部位占約20至40像素，因此網(wǎng)頁的寬度應(yīng)主要為780像素。因此，網(wǎng)頁的主要寬度應(yīng)為780像素。在使用顯示設(shè)備對網(wǎng)頁進(jìn)行預(yù)覽過程中，橫向才能較好地在顯示器中進(jìn)行展示。在網(wǎng)頁寬度大于780像素時，顯示設(shè)備上則會出現(xiàn)橫向的滾動條。若人們在對網(wǎng)頁進(jìn)行預(yù)覽期間需要使用滾動條對所有數(shù)據(jù)信息進(jìn)行了解與掌握，則可認(rèn)為該網(wǎng)頁版式缺少相應(yīng)的合理性。

三、版式設(shè)計在網(wǎng)頁藝術(shù)設(shè)計中的表現(xiàn)

1.網(wǎng)頁版式左右結(jié)構(gòu)

網(wǎng)頁版式的左右結(jié)構(gòu)通常是將網(wǎng)頁主頁面設(shè)計為左右部分，其實(shí)在實(shí)際設(shè)計期間可左小右大以及左右大小相等。在網(wǎng)頁左半部分別設(shè)置各種導(dǎo)航欄與功能按鍵，右部分為網(wǎng)頁主要數(shù)據(jù)信息以及極具重要性的事件內(nèi)容等。這一結(jié)構(gòu)版式可使人們在網(wǎng)頁預(yù)覽時可快速獲取自身所需的數(shù)據(jù)信息，同時版式設(shè)計人員可結(jié)合實(shí)際情況對文字交替技術(shù)與鏈接技術(shù)等進(jìn)行使用，人們在對左部分標(biāo)題進(jìn)行選擇時，右部分快速對相關(guān)數(shù)據(jù)信息內(nèi)容進(jìn)行顯示。這種網(wǎng)頁版式具有較強(qiáng)的靈活性與簡潔性，但其信息數(shù)據(jù)含量相對較少，只適合在各種小型網(wǎng)頁中進(jìn)行使用。

2.網(wǎng)頁版式同字結(jié)構(gòu)

網(wǎng)頁版式同字結(jié)構(gòu)主要以上部為主導(dǎo)菜單，網(wǎng)頁頁面左右主要為綜合性數(shù)據(jù)信息區(qū)域以及二級欄目，例如：各種廣告、鏈接、搜素引擎、用戶注冊以及登錄端口等。當(dāng)前在各種網(wǎng)頁版式設(shè)計中這種結(jié)構(gòu)具有較強(qiáng)的應(yīng)有范圍，其具有的主要特征為人們可較為均衡與直觀地對各種數(shù)據(jù)信息進(jìn)行獲取，并使數(shù)據(jù)信息內(nèi)容具有較強(qiáng)的條理性。同時這一版式結(jié)構(gòu)呆板型與程序性較強(qiáng)。在對這種網(wǎng)頁版式結(jié)構(gòu)進(jìn)行使用時，設(shè)計人員應(yīng)重視對色彩的運(yùn)用與搭配，利用對顏色的合理使用對網(wǎng)頁的藝術(shù)性質(zhì)進(jìn)行提升。

3.網(wǎng)頁版式回字結(jié)構(gòu)

網(wǎng)頁版式回字結(jié)構(gòu)主要以同字結(jié)構(gòu)為核心，并在網(wǎng)頁主頁面下部增添了相應(yīng)的橫向功能菜單。這可較好地在尺寸的約束下對網(wǎng)頁頁面進(jìn)行充分利用，提高其自身數(shù)據(jù)信息的包含量，降低了正文攔截路徑，致使人們在對網(wǎng)頁進(jìn)行預(yù)覽期間可快速直觀地獲取相應(yīng)的數(shù)據(jù)信息。同時，這一網(wǎng)頁版式結(jié)構(gòu)的缺點(diǎn)主要為封閉性較強(qiáng)，致使各種數(shù)據(jù)信息內(nèi)容較為擁擠。

4.網(wǎng)頁版式匡字結(jié)構(gòu)

所謂匡字結(jié)構(gòu)主要是設(shè)計人員對同字結(jié)構(gòu)網(wǎng)頁版式進(jìn)行相應(yīng)調(diào)整所形成的，將同字結(jié)構(gòu)網(wǎng)頁版式進(jìn)行逆時針9°旋轉(zhuǎn)就成為了匡字結(jié)構(gòu)網(wǎng)版式。同時也是為將回字結(jié)構(gòu)網(wǎng)頁版式右側(cè)欄目進(jìn)行刪除所形成的版式結(jié)構(gòu)。這一網(wǎng)頁版式結(jié)構(gòu)較好地對回字結(jié)構(gòu)網(wǎng)頁版式的封閉性進(jìn)行降低。

5.網(wǎng)頁版式個性化結(jié)構(gòu)

網(wǎng)頁版式個性化結(jié)構(gòu)在一等程度上對匡字結(jié)構(gòu)、回字結(jié)構(gòu)以及同字結(jié)構(gòu)的主要模式進(jìn)行改變與完善，板式設(shè)計人員對自身的空間進(jìn)行使用，使網(wǎng)頁設(shè)計具有較強(qiáng)的創(chuàng)意性。其中網(wǎng)頁版式個性化結(jié)構(gòu)主要是由各種極具精美藝術(shù)性質(zhì)的圖片、網(wǎng)站企業(yè)Logo以及各種藝術(shù)字等為基礎(chǔ)進(jìn)行網(wǎng)頁主體設(shè)計規(guī)劃。網(wǎng)頁菜單通常做為次要因素進(jìn)行加工，結(jié)合實(shí)際設(shè)計情況在網(wǎng)頁頁面上進(jìn)行設(shè)計，通常起到點(diǎn)綴、優(yōu)化、裝飾并對網(wǎng)頁頁面進(jìn)行均衡等作用。這種板式結(jié)構(gòu)主要在時尚類型網(wǎng)站進(jìn)行使用，同時網(wǎng)頁版式個性化結(jié)構(gòu)主要具有較強(qiáng)的輕松性、現(xiàn)代性等，人們可較長時間對其進(jìn)行預(yù)覽。其缺點(diǎn)通常為網(wǎng)站整體下載速度相對較慢等。

四、結(jié)語

綜上所述，在信息技術(shù)應(yīng)用范圍逐漸提升的環(huán)境下，版式設(shè)計受到人們的普遍重視。版式設(shè)計人員通過個性化結(jié)構(gòu)、匡字結(jié)構(gòu)、同字結(jié)構(gòu)等版式設(shè)計，進(jìn)一步提升了網(wǎng)頁藝術(shù)設(shè)計質(zhì)量，使人們在長時間對網(wǎng)頁進(jìn)行預(yù)覽的同時，更好地對各種數(shù)據(jù)信息內(nèi)容進(jìn)行獲取。

[1]李英俊.談?wù)劸W(wǎng)頁藝術(shù)設(shè)計中的版式設(shè)計[J].硅谷，2009（03）

[2]邵小蘭.淺析網(wǎng)頁設(shè)計中的藝術(shù)設(shè)計[J].科技資訊，2011（05）

[3]司紀(jì)中.藝術(shù)設(shè)計在新聞報刊網(wǎng)頁排版中的應(yīng)用——評《版式設(shè)計原理》[J].新聞愛好者，2017（06）

[4]張碩琪.版式設(shè)計在網(wǎng)絡(luò)信息傳播中的應(yīng)用[D].天津工業(yè)大學(xué)學(xué)報，2015（12）

B

1671-3389（2017）04-40-03