淺論平面設(shè)計教學(xué)中網(wǎng)頁的設(shè)計理念

　　隨著信息時代的發(fā)展，互聯(lián)網(wǎng)的普及，使互聯(lián)網(wǎng)絡(luò)成為“第四大信息傳播的媒介”。網(wǎng)頁設(shè)計以信息傳播為裁體，兩者之間緊密聯(lián)系。作為互聯(lián)網(wǎng)的重要元素之一——網(wǎng)頁，它的發(fā)展雖然沒有多長時間，但作為一種新的視覺表現(xiàn)形式，兼容了平面設(shè)計的特征，并具有迅捷，交互性好、傳播面廣等特點，為互聯(lián)網(wǎng)絡(luò)的信息傳播提供良好的平臺并且在教學(xué)中不斷探索網(wǎng)頁的設(shè)計理念，加上通知。

　　每一個時代都有代表性的發(fā)明作為這個時代的象征，像第一次工業(yè)革命，蒸汽機的發(fā)明，使得那時成為蒸汽時代;愛迪生發(fā)明了電燈從那時起進入了電的時代，要說21世紀(jì)，我想應(yīng)該是網(wǎng)絡(luò)的時代，自從互聯(lián)網(wǎng)的出現(xiàn)使“地球村”的概念更加貼切，可以說網(wǎng)絡(luò)拉近了地球上每一個角落的人�；ヂ�(lián)網(wǎng)代表著一種嶄新的信息交流方式，它使信息的傳播突破了傳統(tǒng)的政治、經(jīng)濟、地域及文化的阻隔，使信息傳達的范圍、速度與效率都產(chǎn)生了質(zhì)的飛躍�；ヂ�(lián)網(wǎng)是由成千上萬的網(wǎng)站組成，而每個網(wǎng)站都是由諸多網(wǎng)頁構(gòu)成，故網(wǎng)頁是構(gòu)成互聯(lián)網(wǎng)的基本元素。而網(wǎng)頁設(shè)計是伴隨著計算機互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的平面設(shè)計新課題，是網(wǎng)頁設(shè)計者以所處時代所能獲取的技術(shù)和藝術(shù)經(jīng)驗為基礎(chǔ)，依照設(shè)計目的和要求自覺地對網(wǎng)頁的構(gòu)成元素進行藝術(shù)規(guī)劃的創(chuàng)造性思維活動，必然要成為設(shè)計藝術(shù)的重要組成部分，并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。表面上看，它不過是關(guān)于網(wǎng)頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術(shù)與技術(shù)的高度統(tǒng)一。設(shè)計師如何將網(wǎng)絡(luò)與設(shè)計、技術(shù)與藝術(shù)完美地結(jié)合，是非常值得我們深思和研討的。

　　1一騎紅塵妃子笑，誰人知是荔枝來之信息傳播

　　信息元素可以說是網(wǎng)絡(luò)最基本的元素，互聯(lián)網(wǎng)自始至終都起著一個信息傳播的做用，也是由此而產(chǎn)生的。自從人類誕生以來，人類社會至少已經(jīng)經(jīng)歷了四次意義重大的信息傳播革命，每一次信息傳播革命都把人類文明推向一個新的發(fā)展階段。第一次信息傳播革命是語言傳播的誕生。第二次信息傳播革命是文字傳播的誕生。第三次信息傳播革命是印刷傳播的誕生。第四次信息傳播革命是模擬式電子傳播的誕生。

　　最新的一次信息傳播革命，即正在我們身邊發(fā)生的第五次信息傳播革命，是數(shù)字式電子——網(wǎng)絡(luò)傳播的誕生。網(wǎng)絡(luò)媒體的出現(xiàn)，使得傳播者與受眾之間的傳統(tǒng)的相互關(guān)系正面臨巨大的變化。人類進入了真正的信息時代。

　　網(wǎng)頁設(shè)計以信息傳達為目的，而傳達的最終表現(xiàn)界面則永遠也脫離不了媒體。媒體與網(wǎng)頁設(shè)計之間的關(guān)系是互動的，媒體既體現(xiàn)了設(shè)計，又給設(shè)計帶來了局限性;設(shè)計既受制于媒體，又是新媒體產(chǎn)生的動力之一。

　　我們大家所共知的傳媒方式有報紙、廣播、雜志、電視等等，這些在現(xiàn)代媒體中仍然占主要位置。如果與互聯(lián)系網(wǎng)絡(luò)比較的話，它們這些傳媒方式就顯的相當(dāng)單一。因此它們的先天缺陷也越來越明顯，所以像這種單一的傳達方式也使設(shè)計師受到了一定程度上的限制。人們接受信息的途徑是多方面的。像視覺、聽覺、觸覺、嗅覺、味覺等一系列感官的綜合使我們更加全面的去了解其他的事物。為了能使信息傳達的更全面一些，一直在追求完美的設(shè)計師也在尋找著一個嶄新的媒體來表達完善的設(shè)計。因此當(dāng)今互聯(lián)網(wǎng)絡(luò)順利的成為新生的、綜合感官的、充滿活力的新媒體，也為設(shè)計師創(chuàng)造了前所未有的信息傳達手段與途徑。而且隨著技術(shù)的不斷發(fā)展，它極有可能成為最完善的媒體。這應(yīng)該引起每一個平面設(shè)計師的關(guān)注。網(wǎng)絡(luò)的發(fā)展速度和力量是驚人的。

　　2橫看成嶺側(cè)成峰之視覺效果

　　可以說網(wǎng)頁是通過視覺元素來進行信息傳達的，這里說的視覺元素包括文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂、動態(tài)影像等。無論是文字、圖形、動畫，還是視頻，為了使網(wǎng)頁獲得最大的視覺傳達功能，網(wǎng)頁設(shè)計者所要考慮的是如何適應(yīng)人們視覺流向的心理和生理的特點把它們放進頁面這個“大展示窗口”里。由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序。因此，設(shè)計時應(yīng)該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。

　　從理論說起，視覺流程的形成是由人類的視覺特性所決定的。因為人眼獨特的結(jié)構(gòu)，造成只能產(chǎn)生一個焦點，而不能同時把視線停留在兩處或兩處以上的地方。這樣就使得人們在閱讀一種信息時，視覺總有一種自然的流動習(xí)慣，先看什么，后看什么，再看什么。視覺流程往往會體現(xiàn)出比較明顯的方向感，它無形中形成一種脈絡(luò)，似乎有一條線、一股氣貫穿其中，使整個版面的運動趨勢有一個主旋律。心理學(xué)的研究表明，在一個平面上，上半部讓人輕松和自在，下半部則讓人穩(wěn)定和壓抑。同樣，平面的左半部讓人輕松和自在，右半部讓人穩(wěn)定和壓抑。所以平面的視覺影響力上方強于下方，左側(cè)強于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。

　　所以在網(wǎng)頁設(shè)計中，重要的信息和標(biāo)題欄通常在這個位置出現(xiàn)。只要遵循視覺流程和符合人們認(rèn)識過程的心理順序和思維發(fā)展的邏輯順序就可以更為靈活的運用。在網(wǎng)頁設(shè)計中，靈活而合理地運用視覺流程和最佳視域，組織好自然流暢的視覺導(dǎo)向，直接影響到傳播者傳達信息的準(zhǔn)確與有效性。

　　3進化、發(fā)展之必要

　　網(wǎng)頁設(shè)計這門學(xué)科是一門后期新興的設(shè)計類與網(wǎng)絡(luò)方面交叉的學(xué)科，在最近的幾年也隨著網(wǎng)絡(luò)的發(fā)展越來越受人們的重視，它是以網(wǎng)絡(luò)為載體，把各種各樣不同的信息以最快捷與最方便的模式傳達給每一位與之相關(guān)的人員，但是單單這種標(biāo)準(zhǔn)是不夠的，人們也對在觀看各類信息的同時逐步產(chǎn)生了視視美觀的需求。然而每個人對美的追求是不盡相同的，網(wǎng)頁設(shè)計也是同樣的。因為要求了網(wǎng)頁不光是把各類信息與事物放上去能看就行，這些對現(xiàn)在的人們已經(jīng)是遠遠不夠的了，這時設(shè)計師就要考慮如何使受眾能更好更有效率的接收到網(wǎng)頁上的信息。這方面就需要從審美入手了，如何制作出清晰、整體性效果好的頁面。使人們?yōu)g覽起來更方面，心情更舒暢，制作出清晰、整體性好的頁面。使人瀏覽起來心情愉快，接收信息也會更加容易。網(wǎng)頁設(shè)計的審美需求是對平面設(shè)計美學(xué)的一種繼承和延伸。

　　我們經(jīng)常所說的如變化和統(tǒng)一、條理與反復(fù)、對比和調(diào)和、均齊與平衡等，對網(wǎng)頁中文字、圖形、色彩的設(shè)計都是十分有效的視覺規(guī)律。首先，網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序，形式表現(xiàn)必須服從內(nèi)容要求，網(wǎng)頁上的各種構(gòu)成要素之間的視覺流程，能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網(wǎng)頁上去的時候，考慮怎樣把它們以合理統(tǒng)一的方式來排布，使整體感加強同時又有變化。怎樣使它們脈絡(luò)清楚又富有清晰的視覺效果等等。這樣使頁面更豐富，更有生氣，看起來就不感到枯燥。其次，突出主題要素，必須在眾多構(gòu)成要素中突出一個清楚的主體，它應(yīng)盡可能地成為閱讀時視線流動的起點。如果沒有這個主體要素，瀏覽者的視線將會無所適從，或者導(dǎo)致視線流動偏離設(shè)計的初衷。

　　4千里之行始于足下之構(gòu)成效果

　　文字作為信息傳達的主要手段目前也是網(wǎng)頁設(shè)計的主體，文字是網(wǎng)頁中必不可少的元素，也是網(wǎng)頁中的主要信息描述要素，所以網(wǎng)頁中文字將占據(jù)相當(dāng)大的面積，文字表現(xiàn)的好與壞將影響到整個網(wǎng)頁的質(zhì)量。網(wǎng)頁文字的主要功能是傳達各種信息，而要達到這種傳達的有效性，必須考慮文字編輯的整體效果，能給人以清晰的視覺印象，避免頁面繁雜零亂，減去不必要的裝飾變化，使人易認(rèn)、易懂、易讀。不能為造型而編輯，忘記了文字本身是傳達內(nèi)容和表達信息的主題。

　　網(wǎng)頁文字編排與設(shè)計，重要的一點在于要服從信息內(nèi)容的性質(zhì)及特點的要求，其風(fēng)格要與內(nèi)容特性相吻合，而不是相脫離，更不能相互沖突。如政府網(wǎng)頁其文字具有莊重和規(guī)范的特質(zhì)，字體造型規(guī)整而有序，簡潔而大方;休閑旅游類內(nèi)容網(wǎng)頁，文字編輯應(yīng)具有歡快輕盈的風(fēng)格，字體生動活潑，跳躍明快，有鮮明的節(jié)奏感，給人以生機盎然的感受;有關(guān)歷史文化教育方面的網(wǎng)頁，字體編輯可具有一種蒼勁古樸的意蘊、端莊典雅的風(fēng)范或優(yōu)美清新的格調(diào);公司網(wǎng)頁可根據(jù)行業(yè)性質(zhì)、企業(yè)理念或產(chǎn)品特點，追求某種富于活力的字體編排與設(shè)計;個人主頁則可結(jié)合個人的性格特點及追求，別出心裁，給人一種強烈獨特印象。

　　在網(wǎng)頁文字的編排與設(shè)計中，由于計算機給我們提供了大量可供選擇的字體，導(dǎo)致字體的變化趨于多樣化這既為網(wǎng)頁編輯提供了方便，同時也對編排與設(shè)計的選擇能力提出了考驗。雖然可供選擇的字體很多，但在同一網(wǎng)頁上，使用幾種字體尚需精心編輯和考慮。一般來講，同一頁面上使用的字體種類最多只能有三四種。由于文本字體的顯示是需要本地硬盤字體文件的支持的，所以在互聯(lián)網(wǎng)上使用過多的字體是沒有意義的。文字在視覺傳達中作為頁面的形象要素之一，除了表意以外，還具有傳達感情的功能，因而必須具有視覺上的美感，能給人以美好印象，獲得良好的心理反應(yīng)。

　　圖片是文字以外最早引入到網(wǎng)絡(luò)中的多媒體對象。網(wǎng)絡(luò)可以圖文并茂地向用戶提供信息，成倍地加大了它所提供的信息量。而且圖片的引入也大大美化了網(wǎng)絡(luò)頁面。可以說，要使網(wǎng)頁在純文本基礎(chǔ)上變得更有趣味，最為簡捷省力的辦法就是使用圖片。對于一條信息來說，圖片對受眾吸引也遠遠超過單純的文字。

　　圖片的位置、面積、數(shù)量、形式、方向等直接關(guān)系到網(wǎng)頁的視覺傳達。在圖片的選擇和優(yōu)化的同時，應(yīng)考慮圖片在整體編輯計劃中的作用，達到和諧整齊。要達到這樣的效果，在頁面圖片的合理選用時，一要注意統(tǒng)一，二要注意悅目，三要注意突出重點，特別是在處理和相關(guān)文字編排在一起的圖片時。

　　網(wǎng)頁在一定意義上說也是一種藝術(shù)品，因為它既要求文字的優(yōu)美流暢，又要求頁面的新穎、整潔，使用色彩可以產(chǎn)生強烈的視覺效果，使頁面更加生動。而且，瀏覽者在洲覽網(wǎng)頁時，留下的第一印象就是頁面的色彩設(shè)計，它的好壞直接影響閱讀者的觀賞興趣。因此，色彩設(shè)計在網(wǎng)頁設(shè)計中居于十分重要的地位。網(wǎng)頁的色彩設(shè)計應(yīng)把握以下幾個方面。

　　首先是整個頁面的色彩選擇，確定一個主色調(diào)，可以有利于體現(xiàn)網(wǎng)站主題。我們現(xiàn)在看到的網(wǎng)頁，一般以淺顏色為背景的居多，如淺灰色、淺黃色、淺藍色、淺綠色。以淺顏色為底，柔和、素淡，配上深顏色的字，如黑色，讀來自然、流暢，也有利于突出頁面的重點，有利于整個頁面的配色，更容易為大多數(shù)人認(rèn)可和掌握。其他一些次要內(nèi)容，如背景圖片、線條適宜采用不搶眼的顏色，以免喧賓奪主。只有少量精心選擇的元素，為了突出強調(diào)的需要，才采用明亮的色彩，這些彩色亮點就會產(chǎn)生強烈的視覺沖擊，但如果用得太多了，就會形成一種均勻的噪聲，而達不到強調(diào)的效果。

　　其次，在背景的色調(diào)搭配上一定要注意不能有強烈的對比，特別是同時使用色彩對立的顏色。大面積顏色適宜采用低比度，因為過于豐富的背景色彩會影響前景圖片和文字的取色，嚴(yán)重時會使文字溶于背景中，不易辨識。所以，背景一般應(yīng)以單純?yōu)橐�。如果需要一定的變化以增加背景的厚度，也�?yīng)是在盡量統(tǒng)一的前提下的一種變化。例如在制用標(biāo)題時，為追求醒目的視覺效果，可用比較深的顏色，配上對比鮮明的字體。實際上背景的作用主要在于統(tǒng)一整個網(wǎng)頁的風(fēng)格和情調(diào)，對視覺的主體起到一定的襯托和協(xié)調(diào)作用，一方面吸引網(wǎng)民的注意力，另一方面有助于體現(xiàn)網(wǎng)站的主題。

　　5技術(shù)、設(shè)計之兩手都

　　網(wǎng)絡(luò)技術(shù)與設(shè)計創(chuàng)意的緊密結(jié)合，使網(wǎng)頁的設(shè)計由平面設(shè)計擴展到立體設(shè)計，由純粹的視覺藝術(shù)擴展到空間聽覺藝術(shù)，網(wǎng)頁效果不再近似于書籍或報刊雜志等印刷媒體，而更接近干電影或電視的觀賞效果。技術(shù)發(fā)展促進了技術(shù)與設(shè)計的緊密結(jié)合，把瀏覽者帶入一個真正現(xiàn)實中的虛擬世界。

　　技術(shù)與設(shè)計的緊密結(jié)合在網(wǎng)頁藝術(shù)設(shè)計中體現(xiàn)得尤為突出。

　　6結(jié)語

　　在長期的平面設(shè)計教學(xué)中，深刻體會到網(wǎng)頁設(shè)計是一種綜合性的設(shè)計，它所涉及的范圍非常的廣泛，包括消費者心理學(xué)、視覺設(shè)計美學(xué)、人機工程、哲學(xué)等諸多方面，當(dāng)然也離不開一定的科學(xué)技術(shù)發(fā)展。好的網(wǎng)頁設(shè)計除首先應(yīng)考慮其內(nèi)容上的精益求精外，其次就是對內(nèi)容合理有效的視覺編排。美是任何網(wǎng)頁所必需具備的基本因素，網(wǎng)頁信息不僅是為了滿足使用者的需求，更重要的是創(chuàng)造一種愉悅的視覺環(huán)境，使他們有一種全身心的享受和共鳴。隨著時代的發(fā)展，網(wǎng)站建設(shè)越來越接近于一門藝術(shù)而不僅僅是一項技術(shù)。網(wǎng)頁的設(shè)計，日益被網(wǎng)站建設(shè)者所注重。網(wǎng)頁設(shè)計是設(shè)計與技術(shù)的高度統(tǒng)一。

【淺論平面設(shè)計教學(xué)中網(wǎng)頁的設(shè)計理念】相關(guān)文章：

平面設(shè)計在網(wǎng)頁設(shè)計中的應(yīng)用07-23

平面設(shè)計理念09-26

網(wǎng)頁設(shè)計與平面設(shè)計的關(guān)系08-08

網(wǎng)頁設(shè)計與平面設(shè)計的區(qū)別與聯(lián)系10-18

平面設(shè)計的理念是什么09-08

平面設(shè)計理念和規(guī)則09-04

HTML網(wǎng)頁設(shè)計中的字體設(shè)計10-19

淺析平面設(shè)計與網(wǎng)頁設(shè)計的差異性07-08

平面設(shè)計中的圖形設(shè)計05-30

平面設(shè)計中的符號05-20