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

樊 歆

（江西省信息科技學校,江西南昌330026）

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

樊 歆

（江西省信息科技學校,江西南昌330026）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、結(jié)語

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

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

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

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

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

B

1671-3389（2017）04-40-03