新概念的平面設(shè)計(jì)
——網(wǎng)頁(yè)設(shè)計(jì)

李素媛 （錦州師范高等專科學(xué)校 遼寧錦州 121000）

新概念的平面設(shè)計(jì)
——網(wǎng)頁(yè)設(shè)計(jì)

李素媛 （錦州師范高等專科學(xué)校 遼寧錦州 121000）

嶄新的世紀(jì)，飛速發(fā)展的信息時(shí)代，互聯(lián)網(wǎng)已成為了人們快速獲取信息的最便捷的方式，人們可以通過(guò)互聯(lián)網(wǎng)快速的完成獲取、發(fā)布和傳遞信息等操作。互聯(lián)網(wǎng)已深入人們政治、經(jīng)濟(jì)、生活的每個(gè)角落，并發(fā)揮著重要的作用。

平面設(shè)計(jì)；網(wǎng)頁(yè)設(shè)計(jì)；視覺(jué)元素；構(gòu)成

當(dāng)人們走進(jìn)互聯(lián)網(wǎng)，給我們最直接的感性認(rèn)知就是——網(wǎng)頁(yè)。一屏設(shè)計(jì)結(jié)構(gòu)合理、制作精美、創(chuàng)意獨(dú)特、個(gè)性鮮明的網(wǎng)頁(yè)，在傳遞豐富信息的同時(shí)也將美的視覺(jué)感受帶給人們。好的網(wǎng)頁(yè)宣傳對(duì)于公司企業(yè)和服務(wù)機(jī)構(gòu)樹(shù)立良好的社會(huì)形象，獲取最大限度經(jīng)濟(jì)利益起著至關(guān)重要的作用。

網(wǎng)頁(yè)設(shè)計(jì)是一種建立在新型媒體之上的新型設(shè)計(jì)，它的信息傳播具有圖、文、聲、像等視覺(jué)、聽(tīng)覺(jué)、互動(dòng)的特點(diǎn)，通過(guò)視覺(jué)傳達(dá)實(shí)現(xiàn)信息的交互。網(wǎng)頁(yè)設(shè)計(jì)與傳統(tǒng)平面設(shè)計(jì)在視覺(jué)傳達(dá)方面有很大的相似之處，但網(wǎng)頁(yè)設(shè)計(jì)準(zhǔn)確的說(shuō)是集藝術(shù)創(chuàng)意與媒體技術(shù)于一體的設(shè)計(jì)過(guò)程。平面設(shè)計(jì)可以為網(wǎng)頁(yè)設(shè)計(jì)提供視覺(jué)傳達(dá)和藝術(shù)創(chuàng)意的表現(xiàn)平臺(tái)，而網(wǎng)頁(yè)設(shè)計(jì)也將為平面設(shè)計(jì)帶來(lái)一場(chǎng)內(nèi)容豐富的視覺(jué)盛宴。

一、網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格的分類

1.內(nèi)容型：內(nèi)容型風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì)主要依托嚴(yán)謹(jǐn)?shù)慕Y(jié)構(gòu)、規(guī)范的內(nèi)容和豐富的信息等元素進(jìn)行平面規(guī)劃設(shè)計(jì)。這種風(fēng)格主要適用于公司企業(yè)和服務(wù)機(jī)構(gòu)。

2.風(fēng)格型：色彩豐富、構(gòu)思巧妙、制作精美別致、風(fēng)格鮮明是風(fēng)格型網(wǎng)頁(yè)的最大特點(diǎn)。這種類型的網(wǎng)頁(yè)，平面感和設(shè)計(jì)意味非常強(qiáng)，適合于個(gè)人網(wǎng)站和相關(guān)的特殊行業(yè)的網(wǎng)站使用。

二、 網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)傳達(dá)的表現(xiàn)方法

1.網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)傳達(dá)的表現(xiàn)工具——電腦軟件

賞心悅目的網(wǎng)頁(yè)界面，令瀏覽者的眼球驚喜舞動(dòng)，現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)師需要掌握和運(yùn)用日新月異的電腦軟件來(lái)實(shí)現(xiàn)這一完美畫(huà)面。首先需要運(yùn)用Photoshop專業(yè)的圖像處理軟件處理網(wǎng)頁(yè)上的圖片信息。用Photoshop可以完成圖像色彩的校正；各種特效濾鏡的使用;特效字的制做;圖像輸出與優(yōu)化等操作。在這里值得一提的是Fireworks軟件等同于Photoshop，兩者可以互換。其次CorelDraw、Illustrator等矢量圖形處理軟件可以為網(wǎng)頁(yè)提供插圖、公司標(biāo)志、手冊(cè)、產(chǎn)品包裝等制作。再次Dreamweaver是一個(gè)很酷的專門用于制作網(wǎng)頁(yè)的軟件，它不但能進(jìn)行專業(yè)的網(wǎng)頁(yè)制作，同時(shí)還是管理網(wǎng)站的網(wǎng)頁(yè)編輯器。Dreamweaver可以輕松地制作出跨平臺(tái)、跨瀏覽器限制的動(dòng)感十足的網(wǎng)頁(yè)。最后，號(hào)稱網(wǎng)頁(yè)三劍客的Flash，為網(wǎng)頁(yè)提供動(dòng)態(tài)廣告、Flash小游戲等的制作。

2.網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)表達(dá)方法——以“簡(jiǎn)練”為首要原則

平面設(shè)計(jì)最基本的要求便是簡(jiǎn)潔凝練，而網(wǎng)絡(luò)傳輸?shù)奶匦跃鸵笤诰W(wǎng)頁(yè)設(shè)計(jì)過(guò)程中更要簡(jiǎn)練。網(wǎng)頁(yè)設(shè)計(jì)中所用到的所有設(shè)計(jì)元素，如，點(diǎn)、線、面、圖形、圖像、動(dòng)畫(huà)等都是要占據(jù)網(wǎng)絡(luò)空間的，尤其是圖片，如果圖片數(shù)據(jù)過(guò)大，就會(huì)影響網(wǎng)頁(yè)開(kāi)啟和傳輸?shù)乃俣龋瑫r(shí)也就會(huì)影響網(wǎng)頁(yè)的傳播。介于上述原因我們?cè)谶\(yùn)用圖片元素時(shí)要盡量保持“惜墨如金”的態(tài)度，做到少而精，如果非要運(yùn)用大量圖片宣傳時(shí)，也要注意運(yùn)用圖片的壓縮軟件為圖片適當(dāng)?shù)摹皽p肥”。總之簡(jiǎn)潔的網(wǎng)頁(yè)能在短時(shí)間內(nèi)抓住瀏覽者的視線，有效快捷的傳達(dá)信息。

3.網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)表達(dá)方法——合理布局網(wǎng)頁(yè)的界面

電腦屏幕的顯示尺寸是十分有限的，怎樣通過(guò)有限的展示界面?zhèn)鬟f更多的信息，成為設(shè)計(jì)師設(shè)計(jì)布局的關(guān)鍵。合理的界面布局使視線流暢、融會(huì)貫通。在界面之中，不同的區(qū)域，被關(guān)注的程度不同，心里感受也不同，設(shè)計(jì)師可以依據(jù)不同元素的表達(dá)需要和畫(huà)面重心的關(guān)系，來(lái)安排它們的適當(dāng)位置。瀏覽者的視線通常垂直在屏幕中央，然后再向四周游動(dòng)。設(shè)計(jì)師設(shè)計(jì)布局時(shí)應(yīng)考慮將重要的信息或視覺(jué)流程的停留點(diǎn)安排在注目的價(jià)值高的最佳視域，突出重點(diǎn)，使主題一目了然。

另外，建立網(wǎng)站導(dǎo)航可以激發(fā)瀏覽者訪問(wèn)更深層頁(yè)面的興趣，增進(jìn)對(duì)網(wǎng)站的進(jìn)一步觀賞，使網(wǎng)站信息更清晰、明了的存在于觀者的視線之內(nèi)。

4.網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)表達(dá)方法——個(gè)性化網(wǎng)頁(yè)界面的設(shè)計(jì)

獨(dú)特的創(chuàng)意、個(gè)性化的品質(zhì)是所有設(shè)計(jì)都追求的完美表達(dá)。個(gè)性獨(dú)特的網(wǎng)頁(yè)能刺激觀者點(diǎn)擊的興趣沖動(dòng)，讓觀者在“駐足”的過(guò)程中一直興趣盎然。在設(shè)計(jì)具有個(gè)性特質(zhì)的網(wǎng)頁(yè)過(guò)程中設(shè)計(jì)師應(yīng)利用色彩、圖形、按鈕、動(dòng)畫(huà)、聲音等諸多元素配合最先進(jìn)的技術(shù)手段描繪和裝飾用戶所能看見(jiàn)的頁(yè)面。

5.網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)表達(dá)方法——構(gòu)成藝術(shù)的體現(xiàn)

構(gòu)成藝術(shù)是現(xiàn)代視覺(jué)傳達(dá)藝術(shù)的基礎(chǔ)理論。它包括平面構(gòu)成、色彩構(gòu)成和立體構(gòu)成，其中我們所探討的網(wǎng)頁(yè)設(shè)計(jì)中的平面素材主要應(yīng)用平面構(gòu)成和色彩構(gòu)成進(jìn)行設(shè)計(jì)指導(dǎo)。平面構(gòu)成學(xué)指導(dǎo)我們?nèi)绾芜\(yùn)用平面元素點(diǎn)、線、面創(chuàng)造形象；怎樣處理形象與形象之間的聯(lián)系；如何掌握美的形式規(guī)律等。在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中要依據(jù)對(duì)稱與平衡、重復(fù)與群化、節(jié)奏與韻律、對(duì)比與變化、調(diào)和與統(tǒng)一等藝術(shù)構(gòu)成法則設(shè)計(jì)網(wǎng)頁(yè)界面的圖形和版式。色彩構(gòu)成學(xué)則側(cè)重對(duì)網(wǎng)頁(yè)色彩的選擇與指導(dǎo)。色彩構(gòu)成屬于設(shè)計(jì)領(lǐng)域內(nèi)的色彩運(yùn)用的方法，它的基本概念是：兩個(gè)以上的顏色，根據(jù)設(shè)計(jì)的不同需要，按一定色彩配合的原則，重新組合，搭配構(gòu)成新的色彩關(guān)系。色彩的特性、色彩的對(duì)比與調(diào)和、色彩的意蘊(yùn)等等都是設(shè)計(jì)師設(shè)計(jì)色彩時(shí)的重要依據(jù)。此外色彩給人的獨(dú)特的心理感受可以指導(dǎo)網(wǎng)頁(yè)設(shè)計(jì)師有目的的選擇網(wǎng)頁(yè)色系。如，色彩的興奮與沉靜感：紅、橙、黃等暖色系列的純色給人以興奮感，易表現(xiàn)快樂(lè)的情緒。藍(lán)、藍(lán)綠等冷色系的純色給人以沉靜感，常常使人聯(lián)想到和平、安靜、休息和生機(jī)盎然。它還是一種使人鎮(zhèn)靜的顏色。政府、一部分企業(yè)站點(diǎn)應(yīng)該選擇沉靜一些的配色，而娛樂(lè)、體育等站點(diǎn)則應(yīng)該傾向于興奮一些的配色。色彩的輕與重感明亮的色彩如黃色、淡藍(lán)等給人以輕快的感覺(jué)，而黑色、深藍(lán)色等明度低的色彩使人感到較重。感覺(jué)輕的色彩給人以輕快感。相反，低明度的色彩有穩(wěn)定的感覺(jué)。在網(wǎng)頁(yè)、廣告色彩設(shè)計(jì)時(shí)，應(yīng)注意輕重搭配，如女性類的站點(diǎn)宜采用明度高的色調(diào)為主進(jìn)行配色，以渲染女性溫柔、嫵媚的個(gè)性特征；為了突出男性堅(jiān)實(shí)粗?jǐn)U的氣質(zhì)，在男性類網(wǎng)站中，色彩的配置應(yīng)選擇凝重明度的色彩。

網(wǎng)絡(luò)發(fā)展至今，傳統(tǒng)的設(shè)計(jì)學(xué)更多元化，并使工作結(jié)構(gòu)產(chǎn)生交叉。靜態(tài)的平面設(shè)計(jì)轉(zhuǎn)化為動(dòng)態(tài)的網(wǎng)頁(yè)設(shè)計(jì)，這是應(yīng)用新技術(shù)在新媒體中進(jìn)行設(shè)計(jì)的產(chǎn)物真正開(kāi)創(chuàng)了一個(gè)全新的視覺(jué)領(lǐng)域。

[1]趙殿澤編.構(gòu)成藝術(shù)[M].沈陽(yáng)：遼寧美術(shù)出版社，1994.

[2]周永紅編.新色彩構(gòu)成表現(xiàn)實(shí)技[M].沈陽(yáng)：遼寧美術(shù)出版社,1995.

李素媛（1978—），女，朝鮮族，遼寧錦州人，學(xué)士學(xué)位，錦州師范高等專科學(xué)校美術(shù)系講師 ，主要研究方向：藝術(shù)設(shè)計(jì)。