網(wǎng)頁設(shè)計中版式的重要性

魏容

摘 要：在網(wǎng)頁設(shè)計領(lǐng)域，很長時間以來版式設(shè)計被認為是技術(shù)性工作，沒有藝術(shù)性可言。但是隨著人們對網(wǎng)絡(luò)領(lǐng)域的廣泛應(yīng)用，對網(wǎng)頁設(shè)計的審美也有所提高。而版式對網(wǎng)頁界面的好壞直接起到很大重要的。因此，接下來我將通過分析論證法對網(wǎng)頁設(shè)計中版式的重要性進行簡要闡述。

關(guān)鍵詞：網(wǎng)頁設(shè)計;版式設(shè)計;重要性

網(wǎng)頁界面的版式設(shè)計，是將文字、圖形圖像、色彩、動畫、視頻圖像等網(wǎng)頁界面的傳達要素，根據(jù)特定的內(nèi)容和主題，在網(wǎng)頁所限定的范圍中，運用造型元素和形式原理進行視覺的關(guān)聯(lián)與配置.從而將設(shè)計意圖以視覺形式表現(xiàn)出來。這一過程實際上是創(chuàng)造性、藝術(shù)性地傳達信息的過程。

在網(wǎng)頁設(shè)計領(lǐng)域，很長時間以來版式設(shè)計被認為是技術(shù)性工作，沒有藝術(shù)性可言。因為網(wǎng)頁的設(shè)計和制作上要由技術(shù)人員來完成，他們只是習慣性地規(guī)定一種格式，習慣性地放入文字，再讓設(shè)計師設(shè)計一些大小和內(nèi)容都符合他們需要的圖形圖像。也許這些圖形圖像的創(chuàng)意和表達都很精彩，但由于缺乏對網(wǎng)頁的整體理解，設(shè)計師設(shè)計圖形圖像的工作相當被動。 ? ?網(wǎng)頁的版式設(shè)計缺乏創(chuàng)造性的構(gòu)思和系統(tǒng)性的考慮，文字和圖像只是一種簡單、刻板的堆砌。

現(xiàn)在，人們越來越認識到版式設(shè)計在網(wǎng)頁界面中的重要作用，它是技術(shù)和藝術(shù)的高度統(tǒng)一。它不僅需要技術(shù)人員編程將它實現(xiàn)（當然，現(xiàn)在很多“所見即所得”的軟件給設(shè)計師帶來了方便，讓設(shè)計師也能輕松地完成編程工作），而且需要設(shè)計師運用統(tǒng)一、對比、對稱、均衡、節(jié)奏、韻律等形式原理進行設(shè)計，以構(gòu)造出和諧、流暢、自然的網(wǎng)頁界面。

版式在網(wǎng)頁界面設(shè)計中的作用可以概括為實用功能和審美功能。

1.實用功能

版式設(shè)計的實用功能，主要是為了滿足人們的生理需求，讓人機交流能順利進行。我們知道，人們上網(wǎng)的目的，不外乎獲取信息、交友、娛樂、購物這幾種，具有很強的自主性、選擇性。一旦遇到外部環(huán)境中帶有負面作用的刺激，就會中止瀏覽，轉(zhuǎn)向其他頁面或退出。而版式設(shè)計從人機界面的角度將這種負面作用降到最低，提供盡可能多的正面影響，它讓人機對話變得輕松，促使人們迅速達到自己的目的。這種正面作用可以歸納為以下幾點：（1）主次分明，重點突出版式設(shè)計能讓人迅速抓住網(wǎng)頁的中心。（2）導航清晰，瀏覽便利對網(wǎng)頁的主要內(nèi)容有所了解，迅速做出而不至于被那些重點不分、主次不明的，最讓瀏覽者頭痛的事情無過于迷失川門或進入死胡同，要想使N站的結(jié)構(gòu)易被理解，“是將各網(wǎng)頁之間的關(guān)系縱織編排層次分明，結(jié)構(gòu)清晰;二是將每頁都鏈接到“站點導航”頁面以便瀏覽者隨時了解自己的位置，與其他頁面取得聯(lián)系;三是通過版式的規(guī)劃設(shè)計，讓導航作息清楚、明朗地實現(xiàn)于網(wǎng)頁界面中，為測覽者提供便利。（3）布局合理，邏輯性強。

版式設(shè)計能讓各視覺信息在頁面中合理、有序的編排既體現(xiàn)了設(shè)計構(gòu)思，又符合一般的視覺原理和思維習慣，從而引導瀏覽者的視線能快捷地獲取信息。也就是說，版式設(shè)計能左右人們的視線。 審美功能與實用功能相呼應(yīng)，版式設(shè)計的審美功能是為了滿足人們的心肌需求。人們在內(nèi)心深處總是存在物美的渴望和追求，他們在接受網(wǎng)頁信息的同時，由版式設(shè)計產(chǎn)生了美的遇想、無限激情，獲得了快樂及藝術(shù)性感染，這就是發(fā)自內(nèi)心的審美體驗，版式設(shè)計利用心理攻勢撞擊著人們的心靈情感。設(shè)計師和觀眾之間架起了一應(yīng)橋梁，達到近距離加溝通。版式設(shè)計的審美性體現(xiàn)在以下兩方面。

（1）增強立體感。 網(wǎng)頁界面的各視覺要素在版式的整體規(guī)則、組織下相互協(xié)調(diào)，相互聯(lián)系，互相影響，成為 一個有機的整體。關(guān)于整體感的形式傳達美感，而整體美并不是局部美的簡單相加，它需要在網(wǎng)頁這一交集限定下，對各要素進行平衡、調(diào)整：版面的整體感體現(xiàn)了設(shè)計師駕馭各種表現(xiàn)方式進行設(shè)計的綜合能力。

（2）增加表現(xiàn)性。 整體美白自然使界面的創(chuàng)意、風格更容易體現(xiàn)。版式設(shè)計和圖形圖像一樣，是體現(xiàn)網(wǎng)頁創(chuàng)意的載體。版式和圖形圖像一樣，也需要創(chuàng)造性的構(gòu)思，也就是版式的創(chuàng)意。很多時候，版式創(chuàng)意、圖形圖像創(chuàng)意是隨著網(wǎng)頁整體創(chuàng)意而產(chǎn)生的，它們是人腦創(chuàng)造性思維的近續(xù)過程，并不能完全分離?？傊?，具有獨特風格的版式設(shè)計，能增強網(wǎng)頁界面的視覺表現(xiàn)力給人們心里留下深刻的記憶。另外，作為視覺形式，版式設(shè)計與網(wǎng)頁界面與其他視覺形式的設(shè)計一樣，都需遵循“形式服從內(nèi)容”、“局部服從整體”的設(shè)計原則。網(wǎng)頁界面設(shè)計是系統(tǒng)化的設(shè)計，其整體創(chuàng)意、風格定位以后，各組成要素需統(tǒng)一在整體風格之中。如果形式與內(nèi)容不相符合，局部破壞了整體，即使版式設(shè)計得再精彩，也只能成為網(wǎng)頁界面設(shè)計失敗的原因。

總之，要實現(xiàn)網(wǎng)頁版式設(shè)計的上述功能，使信息高速度、高質(zhì)量傳達，需要從視覺、造型兩方面的因素來考慮。

參考文獻：

[1]《版式設(shè)計從入門到精通》作者： ?ArtTone視覺研究中心 編 出版社名稱： 中國青年出版社 ISBN編號： 9787515305127 出版日期： ?2012-03-01.

[2]《網(wǎng)頁界面設(shè)計（1CD）》作 者 黃瑋雯 主編 出版社名稱： 人民郵電出版社 ISBN 978-7-115-29734-1 ? 2013年2月.

[3]《網(wǎng)頁界面設(shè)計》作 者：羅軍 出版社：北京大學 ISBN：9787301241554 ?2014-05-01 .