久久亚洲中文字幕精_精品国产一区二区三区不卡_99久久久无码国产精品免费手机_国产亚洲精品久久久久动漫

網頁中的版式設計遵循的原則及其文字圖像處理發(fā)布者：本站     時間：2020-05-02 14:05:29

網頁的版式設計是設計師感性表達和理性思維的產物，指在有限的屏幕空間內，設計師按照一定的藝術語言將網頁的多個組成要素進行合理安排，使其形成整體，力求最佳的視覺效果。通常以瀏覽者閱讀為目的，運用合理有序的安排，將網頁中的元素多個元素如文字、圖像、動畫、音頻、廣告視頻等組織在一起，通過畫面上的統(tǒng)一產生視覺上的美感。

網頁版式設計往往決定了網頁的設計風格及個性特征，目的在于增強網頁內容的表達效果。因此，網頁中的版式設計在整個網頁設計中占有著非常重要的地位。但是初學者往往忽視了這方面，認為技術能代表一切，知道用哪個做網頁的工具就一定能做出質量較高的網頁。其實不是，因為軟件僅僅是一種工具，就像手中的筆，僅僅是一個工具而已，并不代表能寫出好的文章來。很多人對技術掌握得熟練，但做出的網頁卻通常是照搬別人的東西，并沒有體現(xiàn)出網頁水平的提高。

一、提高網頁設計的審美能力

在當今的網絡時代里，人自身的因素是重要的，只有提高審美能力，才有可能設計好網頁。所以，培養(yǎng)自己的審美修養(yǎng)是至關重要的。在網頁具體布局的設計上，網頁設計雖然呈現(xiàn)出多樣化的趨勢，但是最基本的模式是平面設計中的內容。平面設計就要考慮到形式美的因素，網頁中版式布局就屬于形式中的內容，就是體現(xiàn)在頁面的形式美方面，具體表現(xiàn)在對頁面的布局上。整個頁面形式美得到體現(xiàn)可以分為幾個部分，每個部分體現(xiàn)不同的形式有不同的功能，具體來看就是左邊、右邊、上邊、下邊、中間，自身具有許多獨特之處。通常中間的部分一般承載著主要的信息，使用者主要看中間這個部分的內容。

二、設計遵循的原則

在網頁設計中，版式設計的好壞它決定了整個頁面設計的成敗，作為網頁設計的基礎在具體版式設計中應注意以下幾點:

(一)網頁中的版面編排問題。網頁作為一種特殊的表現(xiàn)形式，在頁面中既包含文字和圖片，還包括一些附加廣告、視頻等內容。對于不同的網站版式設計，根據頁面內容的不同，又形成不同的版面安排形式。如電子商務類網站，設計過程中根據內容需要主要的款式圖片和一定的促銷文字。

在主頁中以圖片為主、文字為附進行編排布局，使其成為有機的整體，以吸引瀏覽者的關注。在政府網站設計中，頁面的編排不宜用過多的活潑的藝術圖片，為傳達信息的重要性、準確性，突出文字的編排。在網頁版式的設計中要力求清晰、簡練、精確和單純。如文戶網站的設計，文字量比較大，為了瀏覽者易讀相關內容，版面設計中要力求簡潔性。

同時注重網頁中版式的節(jié)奏感及韻律，它如音樂作品里的節(jié)拍，是組織內容的一個重要單元，主要通過畫面疏密的編排讓畫面形成節(jié)奏感。在網頁的設計過程中，橫向往往是固定的，那么縱向的排列就非常重要，隨著鼠標的向下滑動，不同版面的信息會躍然眼前，同時，縱向排列的設計更加容易添加大量的信息，這也成為網頁瀏覽的特點。如新聞網站，根據不同內容進行劃分，充分體現(xiàn)了“一個主頁，整個世界”。在導航欄的下方，按照網頁中的內容分欄設計出新聞、娛樂、體育、美食、旅游等不同區(qū)域的編排設計。

(二)網頁版式設計的視覺流程有一定秩序性。人們通常在一個網站中瀏覽網頁時，一般較大的圖片和字號偏大的文字更能引起瀏覽者的注意，這就要求版式的設計中必須依據人們在視覺上的生理和心理的特點，來突出設計主題形成頁面合理的瀏覽秩序。如在電子商務類網站中，既有多媒體展示又有圖片、文字，為突出設計主題，設計時要根據頁面信息的主次來確定設計內容的順序，同時要符合人的視覺習慣和有效的傳達信息，通過合理安排頁面的秩序性使畫面具有節(jié)奏感和流暢感，以突出主要信息，引導瀏覽者閱讀網頁。

(三)排版網格的設計。網格的設計目的解決網頁中不同版面的定位問題，在設計中為避免網格太過于呆板，影響設計效果。網格可以當作一個的框架，在逐一向不同的框架中添加小的表格成為分級效果，形成版面內容的主次之分，用以拼貼圖片，組織文字的排版，所以說，網格設計的定位問題成為一幅好的版面設計的基礎。

版面設計中強調整體性，又在統(tǒng)一中求變化，以避免版面的呆板。在版式方面主要的難點是如何精確地安排各個元素，精確的網格設計可以使圖片進行無縫銜接，更能很好地體現(xiàn)設計者的想法。如何進行網格設計，其設計的合理性成為關鍵。如校園網站的設計，在網格的區(qū)域規(guī)劃中，充分考慮到網頁內容進行劃分，現(xiàn)在的設計中更加考慮人性化的設計方案，因為一般都是右手點擊鼠標進行瀏覽頁面，所以設計時一般導航條放在版面的右邊，這主要是與大家操作有關的考慮。在網頁網格設計中導航成為主要問題，對于最后的版權信息放在網頁的最下邊。

三、版式中文字效果的處理

對于任何一個網站而言，信息的傳遞主要依靠的都是文字，所以文字的設計及編排對于網頁設計的成功都是至關重要的。一般來講，頁面中有大標題和小標題、副標題，設計中可以按照常規(guī)的方式來設置字體，通過文字字號的設置及字體的應用確定文字在頁面中的主次順序。同時，也可以將文字處理成圖形化，而且字體進行藝術化的設計，將文字意象化、圖形化，能夠避免網頁中往往產生的單調和平淡。如個人網頁設計中，通過文字與圖像之間或文字與文字之間進行疊置，通過淺色的背景圖片襯托出圖片上方的文字效果，或不同字母之間進行上下錯落的疊加，以豐富畫面增強畫面美觀，以更富創(chuàng)意的形式表達出深層的設計思想，從而打動人心。它不僅運用于傳統(tǒng)的版式設計，在網頁版式設計中也廣泛采用。但是要注意的是網頁設計主要是便于閱讀，是為人服務的，不易于過多的運用疊加效果。

四、版式設計中圖像的處理

頁面中除了文字效果設計之外，最重要的設計元素還有對圖像的處理。合理的運用圖像設計會使網頁更加具有欣賞性和趣味性，同時，對于圖像其本身也是傳達信息的重要手段。比起文字，圖像更具直觀性，可以很生動容易地把文字襯托出來，更易于瀏覽者理解文字的內容。首先，在圖像的編排上可以各幅圖像相互自由疊置或分類疊置而構成的塊狀組合，具有輕快、活潑的特性，同時也不失整體感。其次，在圖像的處理方面，如網絡教學類網站設計中，對圖像的外形本身加以變化或在圖形的下方采用不同的背景，都能使頁面的整體效果加以改變。在一些影視學院的網站設計中，圖片的下方以電影膠片為背影襯托，更能突出網站的主題設計。一般情況下圖片的外形變化也能給人以不同的視覺感受，如以方形為外形的圖片給人以穩(wěn)定、嚴肅，以圓形或曲線外形的給人以柔軟、親切，退底的圖像以及不規(guī)則或不帶邊框的圖像給人以活潑。另外在網頁中圖像所占據的面積大小也能顯示出其重要作用。小圖像一般用于穿插在字群中，既襯托文字內容，又使版面顯得簡潔而精致。在一個頁面中，大圖像易形成視覺的匯焦點，更易引起瀏覽者的注意。