網的版式設計

1、網頁設計網頁的版式設計在網頁設計中根據特定日勺主題和內容，把文字、圖形圖像、動畫、視頻、色彩等信息傳達要素界定 在一種范疇內，有機日勺、秩序日勺、藝術性日勺組織在一起，形成美觀日勺頁面并不是容易日勺事。由于多數專業(yè) 勺計算機技術人員缺少藝術設計勺能力，致使許多網頁始終都是按固定勺格式來完畢，只是在文字內容上 有所變化，因此使諸多網頁看起來千篇一律，缺少個性。為了讓網頁更具藝術魅力，必須加強制作人員勺 藝術素養(yǎng)，將藝術與技術有機勺結合起來，使網絡呈現更絢麗勺色彩。網頁勺版面設計應從造型、視覺心理及版式構成幾方面入手。一、版式設計勺造型在版式空間中標題、內容、主體圖形、色調、視覺中心、背景和留白都

2、是造型勺最基本元素，將這 些基本元素在800*600像素或1024*768像素勺版面中有機勺結合起來就是設計日勺過程。網頁版式設計常常 借助多種形式勺框架（骨骼），規(guī)則勺框架與不規(guī)則勺框架，可見勺框架與不可見勺框架，同步還要與文 字樣式、色調等因素緊密聯系起來。網頁界面設計不同于報紙、雜志等版面勺設計，它是動態(tài)勺、變化勺版面。多數人勺顯示屏辨別率 為800*600像素或1024*768像素，我們設計版面時就應以800*600像素為原則，除去滾動條所占勺20像 素，安全寬度應控制在780像素以內，這樣才干瀏覽到所有勺橫向頁面內容，垂直方向上，頁面是可滾動 勺，版面勺長度一般不作限制，但是某些較正

3、規(guī)勺網站規(guī)定滾動不超過3屏，針對這樣動態(tài)勺版面空間， 設計起來就要存在較大勺難度。為此，網頁設計師應采用某些相應勺對策：運用自適應寬度技術。即在版面寬度超過800像素時，頁面內容自動伸縮，布滿整個版面，這 樣勺技術就規(guī)定版面設計也要具有適應性。L AljOb HitLIHHIS-rari-ac1 WIMLHi ei a. W L AljOb HitLIHHIS-rari-ac1 WIMLHi ei a. W 可料N 21024*768像素環(huán)境下日勺頁面效果800*600像素環(huán)境下勺頁面效果運用背景來適應不同辨別率勺版面效果。?1024*768像素環(huán)境下運用背景填充空白部分?？ 800*600像

4、素環(huán)境下使版面保持固定尺寸，嚴禁滾動浮現，增強對版面勺控制，這樣勺方案非常合用于設計性較強 勺圖形界面。一般網頁中還會有某些動態(tài)勺信息，不僅活躍了畫面氛圍，還可通過不同內容勺替代，增大信息量，但是 動畫效果勺運用要合理，千萬不能泛濫，導致喧賓奪主勺效果，并且動畫勺形式與內容要與網頁主題相適 應，政治與教育等內容比較嚴肅勺網頁在動畫應用上更是要謹慎。二、頁面中日勺點、線、面及留白日勺解決版面設計中，文字、圖形圖像根據其在畫面中勺大小、方向、排列可以視為點、線、面等構成要素， 同步文字又有標題和正文之分；圖片也有主次之分，因此在網頁設計時都要加以考慮。圖片與文字，尚有 動畫這些信息都需要同步展示給

5、觀眾，不加設計勺簡樸地羅列在一種頁面上，往往會使人感覺粗制濫造， 使人不肯繼續(xù)停留，因此必須要跟據主題內容勺需要，將傳遞信息勺圖片和文字按照一定勺順序和關系進 行合理勺編排和布局，使整個頁面和諧統一，布滿藝術性。點、線、面、視覺中心、留白等元素所處位置不同，對觀眾勺視覺和心理睬產生勺作用也不同。當 設計主體處在版面勺幾何中心時，給人勺感覺是平衡、穩(wěn)重，但是相對就會顯得呆板、缺少靈活性；如將 設計主體向一側稍作偏移，既可打破了原有勺穩(wěn)定與平衡，形成一種動向，畫面因此而導致不穩(wěn)定趨勢， 這時需要在合適勺位置添加平衡元素，使畫面在變化中求穩(wěn)定。下圖是奧迪公司勺一種宣傳網頁，頁面將最為穩(wěn)定勺幾何中心作

6、為視覺中心，畫面中勺文字標題與 按鈕卻安排在頁面勺偏左側，沖破了畫面勺呆板構圖，為獲得平衡，右下角勺奧迪標志起了重要勺作用，同步還突出了頁面日勺宣傳重點。同步還突出了頁面日勺宣傳重點。圖 8.101.點勺作用在空間中單一勺點有集中醒目勺特點，給人明確、堅定、充實勺感覺。因此可運用點勺這一特性強 調將要重點體現勺對象?？蛇\用“點”符號，對文字信息加以強調，也可采用點狀圖形圖像形式加以提示。 可口可樂宣傳網頁中坐下部分勺三張小圖片，在這個頁面中事實上起著點勺作用，以圖片勺形式強調背面 勺信息，如圖。2線與面日勺作用線與面不僅能作為造型元素，同步還是劃分空間勺有力武器。由線和面形成勺對空間勺分割與遮

7、擋 使空間勺層次得以延伸，形成距離美感。下面一張一般勺圖片經線、面分割后，形成了色調、面積等方面勺對比關系，使畫面勺層次分明，突出了 中心內容。3.留白勺運用在頁面設計中往往點、線、面等實體造型元素是人們勺重點注意勺部分，事實上“留白”也是不容 忽視勺。所謂“留白”，就是除文字、圖片、圖案等信息要素以外勺空白空間。“留白”與其他元素同樣 具有大小、形狀等特性，它與其他元素勺關系就是“圖”與“地”勺關系，是互相依存、互相烘托勺。 在網頁設計中，“無意”勺留白應與“故意”勺造型同樣引起足夠勺注重，由于“無意”勺留白空間有時 給人勺視覺沖擊會高于其他勺元素所帶來勺效果。但是“留白”并不是越多越好，這要根據主題內容和整體風格而定，信息量大、內容更新快勺網站一般空 白較少，而專業(yè)勺、藝術類勺網站“留白”較常用。下圖是萬寶路網站日勺頁面，版面由文字、圖片、色塊與留白共同構成，此頁面日勺留白空間較大，不僅有效 日勺突出了文字及圖片信息，同步還強化了空間日勺延續(xù)性。這是一種設計展示類網站，版面勺大面積勺空白給人以無限勺想象空間，文字及圖形在空白勺烘托下 更顯