- 相關(guān)推薦
淺論平面設計教學(xué)中網(wǎng)頁(yè)的設計理念
隨著(zhù)信息時(shí)代的發(fā)展，互聯(lián)網(wǎng)的普及，使互聯(lián)網(wǎng)絡(luò )成為“第四大信息傳播的媒介”。網(wǎng)頁(yè)設計以信息傳播為裁體，兩者之間緊密聯(lián)系。作為互聯(lián)網(wǎng)的重要元素之一——網(wǎng)頁(yè)，它的發(fā)展雖然沒(méi)有多長(cháng)時(shí)間，但作為一種新的視覺(jué)表現形式，兼容了平面設計的特征，并具有迅捷，交互性好、傳播面廣等特點(diǎn)，為互聯(lián)網(wǎng)絡(luò )的信息傳播提供良好的平臺并且在教學(xué)中不斷探索網(wǎng)頁(yè)的設計理念，加上通知。
每一個(gè)時(shí)代都有代表性的發(fā)明作為這個(gè)時(shí)代的象征，像第一次工業(yè)革命，蒸汽機的發(fā)明，使得那時(shí)成為蒸汽時(shí)代;愛(ài)迪生發(fā)明了電燈從那時(shí)起進(jìn)入了電的時(shí)代，要說(shuō)21世紀，我想應該是網(wǎng)絡(luò )的時(shí)代，自從互聯(lián)網(wǎng)的出現使“地球村”的概念更加貼切，可以說(shuō)網(wǎng)絡(luò )拉近了地球上每一個(gè)角落的人�；ヂ�(lián)網(wǎng)代表著(zhù)一種嶄新的信息交流方式，它使信息的傳播突破了傳統的政治、經(jīng)濟、地域及文化的阻隔，使信息傳達的范圍、速度與效率都產(chǎn)生了質(zhì)的飛躍�；ヂ�(lián)網(wǎng)是由成千上萬(wàn)的網(wǎng)站組成，而每個(gè)網(wǎng)站都是由諸多網(wǎng)頁(yè)構成，故網(wǎng)頁(yè)是構成互聯(lián)網(wǎng)的基本元素。而網(wǎng)頁(yè)設計是伴隨著(zhù)計算機互聯(lián)網(wǎng)絡(luò )的產(chǎn)生而形成的平面設計新課題，是網(wǎng)頁(yè)設計者以所處時(shí)代所能獲取的技術(shù)和藝術(shù)經(jīng)驗為基礎，依照設計目的和要求自覺(jué)地對網(wǎng)頁(yè)的構成元素進(jìn)行藝術(shù)規劃的創(chuàng )造性思維活動(dòng)，必然要成為設計藝術(shù)的重要組成部分，并隨著(zhù)網(wǎng)絡(luò )技術(shù)的發(fā)展而發(fā)展。表面上看，它不過(guò)是關(guān)于網(wǎng)頁(yè)版式編排的技巧與方法，而實(shí)際上，它不僅是一種技能，更是藝術(shù)與技術(shù)的高度統一。設計師如何將網(wǎng)絡(luò )與設計、技術(shù)與藝術(shù)完美地結合，是非常值得我們深思和研討的。
1一騎紅塵妃子笑，誰(shuí)人知是荔枝來(lái)之信息傳播
信息元素可以說(shuō)是網(wǎng)絡(luò )最基本的元素，互聯(lián)網(wǎng)自始至終都起著(zhù)一個(gè)信息傳播的做用，也是由此而產(chǎn)生的。自從人類(lèi)誕生以來(lái)，人類(lèi)社會(huì )至少已經(jīng)經(jīng)歷了四次意義重大的信息傳播革命，每一次信息傳播革命都把人類(lèi)文明推向一個(gè)新的發(fā)展階段。第一次信息傳播革命是語(yǔ)言傳播的誕生。第二次信息傳播革命是文字傳播的誕生。第三次信息傳播革命是印刷傳播的誕生。第四次信息傳播革命是模擬式電子傳播的誕生。
最新的一次信息傳播革命，即正在我們身邊發(fā)生的第五次信息傳播革命，是數字式電子——網(wǎng)絡(luò )傳播的誕生。網(wǎng)絡(luò )媒體的出現，使得傳播者與受眾之間的傳統的相互關(guān)系正面臨巨大的變化。人類(lèi)進(jìn)入了真正的信息時(shí)代。
網(wǎng)頁(yè)設計以信息傳達為目的，而傳達的最終表現界面則永遠也脫離不了媒體。媒體與網(wǎng)頁(yè)設計之間的關(guān)系是互動(dòng)的，媒體既體現了設計，又給設計帶來(lái)了局限性;設計既受制于媒體，又是新媒體產(chǎn)生的動(dòng)力之一。
我們大家所共知的傳媒方式有報紙、廣播、雜志、電視等等，這些在現代媒體中仍然占主要位置。如果與互聯(lián)系網(wǎng)絡(luò )比較的話(huà)，它們這些傳媒方式就顯的相當單一。因此它們的先天缺陷也越來(lái)越明顯，所以像這種單一的傳達方式也使設計師受到了一定程度上的限制。人們接受信息的途徑是多方面的。像視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)、嗅覺(jué)、味覺(jué)等一系列感官的綜合使我們更加全面的去了解其他的事物。為了能使信息傳達的更全面一些，一直在追求完美的設計師也在尋找著(zhù)一個(gè)嶄新的媒體來(lái)表達完善的設計。因此當今互聯(lián)網(wǎng)絡(luò )順利的成為新生的、綜合感官的、充滿(mǎn)活力的新媒體，也為設計師創(chuàng )造了前所未有的信息傳達手段與途徑。而且隨著(zhù)技術(shù)的不斷發(fā)展，它極有可能成為最完善的媒體。這應該引起每一個(gè)平面設計師的關(guān)注。網(wǎng)絡(luò )的發(fā)展速度和力量是驚人的。
2橫看成嶺側成峰之視覺(jué)效果
可以說(shuō)網(wǎng)頁(yè)是通過(guò)視覺(jué)元素來(lái)進(jìn)行信息傳達的，這里說(shuō)的視覺(jué)元素包括文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂(lè )、動(dòng)態(tài)影像等。無(wú)論是文字、圖形、動(dòng)畫(huà)，還是視頻，為了使網(wǎng)頁(yè)獲得最大的視覺(jué)傳達功能，網(wǎng)頁(yè)設計者所要考慮的是如何適應人們視覺(jué)流向的心理和生理的特點(diǎn)把它們放進(jìn)頁(yè)面這個(gè)“大展示窗口”里。由此確定各種視覺(jué)構成元素之間的關(guān)系和秩序。因此，設計時(shí)應該研究各種視覺(jué)造型元素之間的距離、位置、面積和視覺(jué)流程的問(wèn)題。
從理論說(shuō)起，視覺(jué)流程的形成是由人類(lèi)的視覺(jué)特性所決定的。因為人眼獨特的結構，造成只能產(chǎn)生一個(gè)焦點(diǎn)，而不能同時(shí)把視線(xiàn)停留在兩處或兩處以上的地方。這樣就使得人們在閱讀一種信息時(shí)，視覺(jué)總有一種自然的流動(dòng)習慣，先看什么，后看什么，再看什么。視覺(jué)流程往往會(huì )體現出比較明顯的方向感，它無(wú)形中形成一種脈絡(luò )，似乎有一條線(xiàn)、一股氣貫穿其中，使整個(gè)版面的運動(dòng)趨勢有一個(gè)主旋律。心理學(xué)的研究表明，在一個(gè)平面上，上半部讓人輕松和自在，下半部則讓人穩定和壓抑。同樣，平面的左半部讓人輕松和自在，右半部讓人穩定和壓抑。所以平面的視覺(jué)影響力上方強于下方，左側強于右側。這樣平面的上部和中上部被稱(chēng)為“最佳視域”，也就是最優(yōu)選的地方。
所以在網(wǎng)頁(yè)設計中，重要的信息和標題欄通常在這個(gè)位置出現。只要遵循視覺(jué)流程和符合人們認識過(guò)程的心理順序和思維發(fā)展的邏輯順序就可以更為靈活的運用。在網(wǎng)頁(yè)設計中，靈活而合理地運用視覺(jué)流程和最佳視域，組織好自然流暢的視覺(jué)導向，直接影響到傳播者傳達信息的準確與有效性。
3進(jìn)化、發(fā)展之必要
網(wǎng)頁(yè)設計這門(mén)學(xué)科是一門(mén)后期新興的設計類(lèi)與網(wǎng)絡(luò )方面交叉的學(xué)科，在最近的幾年也隨著(zhù)網(wǎng)絡(luò )的發(fā)展越來(lái)越受人們的重視，它是以網(wǎng)絡(luò )為載體，把各種各樣不同的信息以最快捷與最方便的模式傳達給每一位與之相關(guān)的人員，但是單單這種標準是不夠的，人們也對在觀(guān)看各類(lèi)信息的同時(shí)逐步產(chǎn)生了視視美觀(guān)的需求。然而每個(gè)人對美的追求是不盡相同的，網(wǎng)頁(yè)設計也是同樣的。因為要求了網(wǎng)頁(yè)不光是把各類(lèi)信息與事物放上去能看就行，這些對現在的人們已經(jīng)是遠遠不夠的了，這時(shí)設計師就要考慮如何使受眾能更好更有效率的接收到網(wǎng)頁(yè)上的信息。這方面就需要從審美入手了，如何制作出清晰、整體性效果好的頁(yè)面。使人們?yōu)g覽起來(lái)更方面，心情更舒暢，制作出清晰、整體性好的頁(yè)面。使人瀏覽起來(lái)心情愉快，接收信息也會(huì )更加容易。網(wǎng)頁(yè)設計的審美需求是對平面設計美學(xué)的一種繼承和延伸。
我們經(jīng)常所說(shuō)的如變化和統一、條理與反復、對比和調和、均齊與平衡等，對網(wǎng)頁(yè)中文字、圖形、色彩的設計都是十分有效的視覺(jué)規律。首先，網(wǎng)頁(yè)的內容與形式的表現必須統一和具有秩序，形式表現必須服從內容要求，網(wǎng)頁(yè)上的各種構成要素之間的視覺(jué)流程，能自然而有序地達到信息訴求的重點(diǎn)位置。在我們把大量的信息塞到網(wǎng)頁(yè)上去的時(shí)候，考慮怎樣把它們以合理統一的方式來(lái)排布，使整體感加強同時(shí)又有變化。怎樣使它們脈絡(luò )清楚又富有清晰的視覺(jué)效果等等。這樣使頁(yè)面更豐富，更有生氣，看起來(lái)就不感到枯燥。其次，突出主題要素，必須在眾多構成要素中突出一個(gè)清楚的主體，它應盡可能地成為閱讀時(shí)視線(xiàn)流動(dòng)的起點(diǎn)。如果沒(méi)有這個(gè)主體要素，瀏覽者的視線(xiàn)將會(huì )無(wú)所適從，或者導致視線(xiàn)流動(dòng)偏離設計的初衷。
4千里之行始于足下之構成效果
文字作為信息傳達的主要手段目前也是網(wǎng)頁(yè)設計的主體，文字是網(wǎng)頁(yè)中必不可少的元素，也是網(wǎng)頁(yè)中的主要信息描述要素，所以網(wǎng)頁(yè)中文字將占據相當大的面積，文字表現的好與壞將影響到整個(gè)網(wǎng)頁(yè)的質(zhì)量。網(wǎng)頁(yè)文字的主要功能是傳達各種信息，而要達到這種傳達的有效性，必須考慮文字編輯的整體效果，能給人以清晰的視覺(jué)印象，避免頁(yè)面繁雜零亂，減去不必要的裝飾變化，使人易認、易懂、易讀。不能為造型而編輯，忘記了文字本身是傳達內容和表達信息的主題。
網(wǎng)頁(yè)文字編排與設計，重要的一點(diǎn)在于要服從信息內容的性質(zhì)及特點(diǎn)的要求，其風(fēng)格要與內容特性相吻合，而不是相脫離，更不能相互沖突。如政府網(wǎng)頁(yè)其文字具有莊重和規范的特質(zhì)，字體造型規整而有序，簡(jiǎn)潔而大方;休閑旅游類(lèi)內容網(wǎng)頁(yè)，文字編輯應具有歡快輕盈的風(fēng)格，字體生動(dòng)活潑，跳躍明快，有鮮明的節奏感，給人以生機盎然的感受;有關(guān)歷史文化教育方面的網(wǎng)頁(yè)，字體編輯可具有一種蒼勁古樸的意蘊、端莊典雅的風(fēng)范或優(yōu)美清新的格調;公司網(wǎng)頁(yè)可根據行業(yè)性質(zhì)、企業(yè)理念或產(chǎn)品特點(diǎn)，追求某種富于活力的字體編排與設計;個(gè)人主頁(yè)則可結合個(gè)人的性格特點(diǎn)及追求，別出心裁，給人一種強烈獨特印象。
在網(wǎng)頁(yè)文字的編排與設計中，由于計算機給我們提供了大量可供選擇的字體，導致字體的變化趨于多樣化這既為網(wǎng)頁(yè)編輯提供了方便，同時(shí)也對編排與設計的選擇能力提出了考驗。雖然可供選擇的字體很多，但在同一網(wǎng)頁(yè)上，使用幾種字體尚需精心編輯和考慮。一般來(lái)講，同一頁(yè)面上使用的字體種類(lèi)最多只能有三四種。由于文本字體的顯示是需要本地硬盤(pán)字體文件的支持的，所以在互聯(lián)網(wǎng)上使用過(guò)多的字體是沒(méi)有意義的。文字在視覺(jué)傳達中作為頁(yè)面的形象要素之一，除了表意以外，還具有傳達感情的功能，因而必須具有視覺(jué)上的美感，能給人以美好印象，獲得良好的心理反應。
圖片是文字以外最早引入到網(wǎng)絡(luò )中的多媒體對象。網(wǎng)絡(luò )可以圖文并茂地向用戶(hù)提供信息，成倍地加大了它所提供的信息量。而且圖片的引入也大大美化了網(wǎng)絡(luò )頁(yè)面�？梢哉f(shuō)，要使網(wǎng)頁(yè)在純文本基礎上變得更有趣味，最為簡(jiǎn)捷省力的辦法就是使用圖片。對于一條信息來(lái)說(shuō)，圖片對受眾吸引也遠遠超過(guò)單純的文字。
圖片的位置、面積、數量、形式、方向等直接關(guān)系到網(wǎng)頁(yè)的視覺(jué)傳達。在圖片的選擇和優(yōu)化的同時(shí)，應考慮圖片在整體編輯計劃中的作用，達到和諧整齊。要達到這樣的效果，在頁(yè)面圖片的合理選用時(shí)，一要注意統一，二要注意悅目，三要注意突出重點(diǎn)，特別是在處理和相關(guān)文字編排在一起的圖片時(shí)。
網(wǎng)頁(yè)在一定意義上說(shuō)也是一種藝術(shù)品，因為它既要求文字的優(yōu)美流暢，又要求頁(yè)面的新穎、整潔，使用色彩可以產(chǎn)生強烈的視覺(jué)效果，使頁(yè)面更加生動(dòng)。而且，瀏覽者在洲覽網(wǎng)頁(yè)時(shí)，留下的第一印象就是頁(yè)面的色彩設計，它的好壞直接影響閱讀者的觀(guān)賞興趣。因此，色彩設計在網(wǎng)頁(yè)設計中居于十分重要的地位。網(wǎng)頁(yè)的色彩設計應把握以下幾個(gè)方面。
首先是整個(gè)頁(yè)面的色彩選擇，確定一個(gè)主色調，可以有利于體現網(wǎng)站主題。我們現在看到的網(wǎng)頁(yè)，一般以淺顏色為背景的居多，如淺灰色、淺黃色、淺藍色、淺綠色。以淺顏色為底，柔和、素淡，配上深顏色的字，如黑色，讀來(lái)自然、流暢，也有利于突出頁(yè)面的重點(diǎn)，有利于整個(gè)頁(yè)面的配色，更容易為大多數人認可和掌握。其他一些次要內容，如背景圖片、線(xiàn)條適宜采用不搶眼的顏色，以免喧賓奪主。只有少量精心選擇的元素，為了突出強調的需要，才采用明亮的色彩，這些彩色亮點(diǎn)就會(huì )產(chǎn)生強烈的視覺(jué)沖擊，但如果用得太多了，就會(huì )形成一種均勻的噪聲，而達不到強調的效果。
其次，在背景的色調搭配上一定要注意不能有強烈的對比，特別是同時(shí)使用色彩對立的顏色。大面積顏色適宜采用低比度，因為過(guò)于豐富的背景色彩會(huì )影響前景圖片和文字的取色，嚴重時(shí)會(huì )使文字溶于背景中，不易辨識。所以，背景一般應以單純?yōu)橐�。如果需要一定的變化以增加背景的厚度，也應是在盡量統一的前提下的一種變化。例如在制用標題時(shí)，為追求醒目的視覺(jué)效果，可用比較深的顏色，配上對比鮮明的字體。實(shí)際上背景的作用主要在于統一整個(gè)網(wǎng)頁(yè)的風(fēng)格和情調，對視覺(jué)的主體起到一定的襯托和協(xié)調作用，一方面吸引網(wǎng)民的注意力，另一方面有助于體現網(wǎng)站的主題。
5技術(shù)、設計之兩手都
網(wǎng)絡(luò )技術(shù)與設計創(chuàng )意的緊密結合，使網(wǎng)頁(yè)的設計由平面設計擴展到立體設計，由純粹的視覺(jué)藝術(shù)擴展到空間聽(tīng)覺(jué)藝術(shù)，網(wǎng)頁(yè)效果不再近似于書(shū)籍或報刊雜志等印刷媒體，而更接近干電影或電視的觀(guān)賞效果。技術(shù)發(fā)展促進(jìn)了技術(shù)與設計的緊密結合，把瀏覽者帶入一個(gè)真正現實(shí)中的虛擬世界。
技術(shù)與設計的緊密結合在網(wǎng)頁(yè)藝術(shù)設計中體現得尤為突出。
6結語(yǔ)
在長(cháng)期的平面設計教學(xué)中，深刻體會(huì )到網(wǎng)頁(yè)設計是一種綜合性的設計，它所涉及的范圍非常的廣泛，包括消費者心理學(xué)、視覺(jué)設計美學(xué)、人機工程、哲學(xué)等諸多方面，當然也離不開(kāi)一定的科學(xué)技術(shù)發(fā)展。好的網(wǎng)頁(yè)設計除首先應考慮其內容上的精益求精外，其次就是對內容合理有效的視覺(jué)編排。美是任何網(wǎng)頁(yè)所必需具備的基本因素，網(wǎng)頁(yè)信息不僅是為了滿(mǎn)足使用者的需求，更重要的是創(chuàng )造一種愉悅的視覺(jué)環(huán)境，使他們有一種全身心的享受和共鳴。隨著(zhù)時(shí)代的發(fā)展，網(wǎng)站建設越來(lái)越接近于一門(mén)藝術(shù)而不僅僅是一項技術(shù)。網(wǎng)頁(yè)的設計，日益被網(wǎng)站建設者所注重。網(wǎng)頁(yè)設計是設計與技術(shù)的高度統一。
【淺論平面設計教學(xué)中網(wǎng)頁(yè)的設計理念】相關(guān)文章：
平面設計理念09-26
網(wǎng)頁(yè)設計與平面設計的關(guān)系08-08
網(wǎng)頁(yè)設計與平面設計的區別與聯(lián)系10-18
平面設計的理念是什么09-08
平面設計理念和規則09-04
淺析平面設計與網(wǎng)頁(yè)設計的差異性07-08
平面設計中的圖形設計05-30
平面設計中的符號05-20