試論高職網(wǎng)頁設計教學中版面視覺效果瑣談

1、試論高職網(wǎng)頁設計教學中版面視覺效果瑣談論文摘要：通過對網(wǎng)頁設計中的形式美法則和網(wǎng)頁中各 種構(gòu)成要素進行分析，探討網(wǎng)頁設計教學中網(wǎng)站版面的編排與設計。論文關(guān)鍵詞：網(wǎng)頁設計；形式美法則；構(gòu)成要素如今，互聯(lián)網(wǎng)已經(jīng)融入我們13常學習生活的各個環(huán)節(jié)，并在 全球范圍內(nèi)飛速發(fā)展。其打破了國界、地域、文化的限制，使信息傳 達的范圍、速率都產(chǎn)生了質(zhì)的飛躍?；ヂ?lián)網(wǎng)中數(shù)以萬計的網(wǎng)站中，每 個網(wǎng)站都擁有自己不同的網(wǎng)頁，一個個變換的網(wǎng)頁構(gòu)成我們互相交流 的媒介。因此，網(wǎng)站制作過程中，特別是網(wǎng)頁頁面編排設計時，要展 示出自己獨特的設計風格。如何設計出視覺效果好，色彩搭配和諧， 結(jié)構(gòu)合理的網(wǎng)頁版面是網(wǎng)頁設計中的一個重要問題

2、。一、網(wǎng)頁設計中的視覺流程網(wǎng)站的宣傳內(nèi)容、整體風格、設計理念都要通過視覺感官被 瀏覽者所欣賞、接受和感受。設計精美的網(wǎng)頁版面能夠讓瀏覽者增加 瀏覽興趣，擁有美好心情，從而增加網(wǎng)站點擊率。反之，網(wǎng)頁頁面凌 亂不堪會嚴重影響瀏覽者觀看閱讀的情緒，離開網(wǎng)頁。網(wǎng)頁視覺元素 能否引人注冃會直接影響到網(wǎng)站的信息傳達，若想想通過網(wǎng)頁更好地 傳達信息，網(wǎng)頁視覺效果良好是其基本條件，讓網(wǎng)絡真正意義上成為 可讀強性、新穎的媒休，為此網(wǎng)頁設計者設計網(wǎng)頁時，必須適應人們 閱讀習慣和滿足人們的審美需求。對每個視覺造型元素之間的距離、 位置、面積以及視覺流程等都耍精心設計。人們閱讀文章時，視覺總會有一種先后順序習慣，有一

3、定的 方向，整個版面的走勢有一個主旋律。網(wǎng)頁設計中的主標題、重要廣 告、更新的重要信息等突出信息通常選擇放于此位置。但視覺流程與 學習數(shù)學公式不同，屬感性范疇，其只要符合人們認識過程的心理順 序和邏輯順序，就可以根據(jù)感受靈活運用。網(wǎng)頁設計時，合理的運用 網(wǎng)頁的視覺流程，能夠引導瀏覽者按照一定的順序閱讀網(wǎng)頁，組織好 整個網(wǎng)頁版面的視覺導向，從而影響到整個網(wǎng)站的信息傳達和功能實 現(xiàn)。因此網(wǎng)頁的編輯設計，視覺導向是一個重要問題，信息傳達是網(wǎng) 頁設計的一種功能性的體現(xiàn)，這種傳達要符合人們普遍的思維習慣， 做到視覺流程合理、順暢、自如。好的視覺流程布置，能使網(wǎng)頁上的 各種信息要素在一定空間內(nèi)合理分布，能

4、使頁面上各信息要素的位置、 間隙、大小保持一定的節(jié)奏感和美感。一個網(wǎng)站主要說明的東西必須 通過網(wǎng)站首頁醒目位置加以體現(xiàn)和展示，以方便瀏覽者閱讀和理解。二、網(wǎng)頁設計的審美需求網(wǎng)頁設計是近些年才發(fā)展起來的一門設計類學科，這些年隨 著網(wǎng)絡的發(fā)展，人們越來越重視網(wǎng)頁版面的設計和網(wǎng)站風格的整體設 計。網(wǎng)頁不僅是將各種想要傳達的要素簡單的羅列在頁面上，而是要 考慮如何使瀏覽者能更感興趣的和更有效率的接收網(wǎng)頁上的信息內(nèi) 容。這就要求我們從審美的方面入手，設計制作出美觀、完整、新穎、 合理的頁面。使瀏覽者觀看閱讀起來心情愉悅，更好的接受網(wǎng)頁所傳 達給我們的信息。我們可以把傳統(tǒng)平面設計中的形式?jīng)]的法則和現(xiàn)代 的

5、網(wǎng)頁設計的具體問題相結(jié)合起來，運用一些平面設計中美的基本形 式到網(wǎng)頁版面的設計中去，增加網(wǎng)頁設計的美感和瀏覽者的視覺審美 需求。(-)版面的規(guī)范化頁面編輯的規(guī)范化要求是網(wǎng)頁設計的重要方面。比如使用 dreamweaver設計網(wǎng)頁時，是選擇左右型結(jié)構(gòu)、左中右型結(jié)構(gòu)、左右 型結(jié)構(gòu)框架，還是用表格系統(tǒng)來定位網(wǎng)頁中版面的規(guī)劃。要遵循一定 的規(guī)范。在網(wǎng)頁編排中應正確使用文字、標點符號、計量單位、規(guī)范 使用術(shù)語、圖片和flash動畫等。對網(wǎng)頁版面中的文字、圖形、色彩 的設計，都要遵循形式美的視覺規(guī)律。網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須 統(tǒng)一和具有秩序，形式表現(xiàn)必須服從內(nèi)容要求，網(wǎng)頁上的各種對象之 間要分清主次，突

6、出重點，有一定的整體感。(-)版面的均衡性網(wǎng)頁的版血雖然有限，但在瀏覽者的眼里和平面設計要求一 樣同樣要有視覺的均衡性。版面構(gòu)圖的基本元素是點、線、面，其中 單個的字符是點，rti字符組成的行是線，市行組成的段落是面。線和 面的運動方向可以歸納為水平、垂直和傾斜三種形式。水平和垂直給 人以安靜和固定的感覺，傾斜則具有運動感。水平、垂直和傾斜組合 起來使用會給版面帶來豐富和生動的效果，從而使版面在整體上保持 平衡的前提下具有動感和變化。(三)版面的裝飾性“圖”與“地”的對比中版面的裝飾性中和重點?？梢允褂?空白進行裝飾，力求在平面中達到不平的效果。要注意立體的裝飾效 果，比如在文字大小、顏色的處

7、理上要有對比，圖片的擺放也要有大 小、顏色的對比，包括和背景顏色的對比，從而使版面在整體上體現(xiàn) 出層次感。給瀏覽者以賞心悅目之感。（四）版面的統(tǒng)一性網(wǎng)頁版面設計中的統(tǒng)一，就是指在版面的整體感上耍達到一 致，風格上一致，色彩上統(tǒng)一協(xié)調(diào)，比如文字字體要統(tǒng)一，不能有的 嚴肅，有的活躍，有的時尚，有的古板，同時色彩感受上也要達到風 格統(tǒng)一。 三、學會分析網(wǎng)頁中各構(gòu)成要素網(wǎng)頁設計就是通過各種要素向瀏覽者傳達信息，以實現(xiàn)宣傳 的目的。其構(gòu)成耍素包括文字、圖形、圖像、標志、色彩等造型要素 及標題、信息菜單、信息正文、標語、單位名稱等內(nèi)容要素，如何在 網(wǎng)頁版面中合理的設計安排這些要素是我們要細心研究的問題。（

8、一）文字的編排與設計文字作為信息傳達的主要手段是網(wǎng)頁設計的主體，是所有宣 傳物中不可缺少的元索，也是網(wǎng)頁中必不可少的元索，因此網(wǎng)頁中文 字將占據(jù)相當大的面積，文字表現(xiàn)的好與壞會影響到整個網(wǎng)頁的質(zhì)量。 必須考慮文字編輯的整體效果，給人以清晰的視覺印象，切記不要使 頁面中的文字看起來凌亂、繁雜，過多的裝飾會讓人不容易辨認和理 解。不可只為美觀而創(chuàng)意文字，忽略了文字本身的傳達信息功能。版 面設計時要注意文字的大小變化，色彩變化，明暗變化，用這些變化 使字體版面活躍，達到視覺上的美感，注意變化中的統(tǒng)-，以獲得良 好的心理反應，達到完美的文字編排效果。（二）圖片的編排與設計圖片是網(wǎng)頁版面中文字以外的又一

9、主要元素，是傳達信息的 有力途徑，圖片的參與可以加大網(wǎng)頁提供的信息量，而且圖片的引入 也大大美化了網(wǎng)絡頁面?？梢哉f，要使網(wǎng)頁在純文本基礎上變得更有 趣味，最為簡捷省力的辦法就是使用圖片。對于一條信息來說，圖片 對瀏覽者的吸引力遠超單純的文字。圖片的位置、面積、數(shù)量、形式、 方向等直接關(guān)系到網(wǎng)頁的視覺傳達。在頁面圖片的合理選用時，一要 注意統(tǒng)一，二要注意悅目，三要注意突出重點。（三）色彩的設計色彩是美麗而豐富的，不同的色彩會給我們帶來不同的心靈 感受，現(xiàn)在一些大的企業(yè)已經(jīng)將色彩融入到公司的整體企業(yè)識別中， 因為色彩能使人產(chǎn)生聯(lián)想和感情，例如紅色是火的顏色，熱情、奔放, 也是血的顏色，代表危險，綠

10、色是自然、生命的顏色，象征安寧與和 平，紫色高貴、神秘，白色代表純潔等等。一個網(wǎng)站格調(diào)的設定，往 往取決于網(wǎng)站顏色的選擇。色彩是人們?yōu)g覽網(wǎng)頁的第一印象，它帶給 我們不同的感受，它的好壞直接影響瀏覽者的觀賞興趣。因此，色彩 設計在網(wǎng)頁設計屮居于十分重要的地位。網(wǎng)頁的色彩設計具體應把握 以下兩個方面：一是是整個頁面的色彩選擇，確定一個有利于體現(xiàn)網(wǎng) 站主題的主色調(diào)。網(wǎng)頁的設計一般以淺顏色為背景的居多，如淺灰色、 淺黃色、淺藍色、淺綠色。大型的商業(yè)網(wǎng)站，你會發(fā)現(xiàn)他們更多運用 的是口色、藍色、黃色等，使得網(wǎng)頁顯得典雅，大方和溫馨。更重要 的是，這樣可以大大加快瀏覽者打開網(wǎng)頁的速度。二是在背景的色調(diào) 搭配上一定要注意不能有強烈的對比，大面積顏色適宜采用低比度， 因為過于豐富的背景色彩會影響前景圖片和文字的取色，嚴重時會使 文字溶于背景中，不易辨識。所以，背景一般應以單純?yōu)橐恕Ｈ绻?要一定的變化以增加背景的厚度，也應是在盡量統(tǒng)一的前提下的一種 變化。網(wǎng)頁作為作為一種新生事物，以它特有的方式飛速發(fā)展，它 涵蓋了平面設計、廣告設計、版式設計、色彩設計等