包裝工程PACKAGING ENGINEERING Vol. 25 No. I 2004網(wǎng)頁設(shè)計與平面設(shè)計黃海燕,張輝(西安理工大學(xué),陜西西安710048)[摘要]網(wǎng)頁設(shè)計既是一門全新的設(shè)計領(lǐng)域, 又是平面設(shè)計在信息時代的多元化發(fā)展的一個重要方向。文章分析了網(wǎng)頁設(shè)計與平面設(shè)計有著相同的視覺傳達(dá)和審美目的,但在設(shè)計范疇等方面和平面設(shè)計有著不同特點。這些不同之處是由網(wǎng)絡(luò)技術(shù)的特性決定的。網(wǎng)頁設(shè)計是設(shè)計藝術(shù)與網(wǎng)絡(luò)技術(shù)的結(jié)合,是對傳統(tǒng)平面設(shè)計的延續(xù)和革新。關(guān)鍵詞:平面設(shè)計;網(wǎng)頁設(shè)計;網(wǎng)絡(luò)技術(shù)中圖分類號:TB482.1;TP393.02文獻(xiàn)標(biāo)識碼:B 文章編 號:1001 - 3563(2004)01 -0126 -02Web Page and Graphic DesignHUANG Haiyan，ZHANG Hui(Xian University of Technology , Xian 710048 , China)Abstract: Web page design is a new field of design, and its also an important direction of graphic de-sign diversified developing directions in the information era. The identical aspects in visual communicationand at as well as the diferent aspects in designing methods of web page and graphic design were analysed.The diferent aspects in designing methods was desided by the network technology. Web page design is thecombination of art design and network technology, and it's the development and innovation of traditionalgraphic design.Key words: Graphic design; Web page design; Network technologoy平面設(shè)計是設(shè)計領(lǐng)域中非常重要的組成部分,它運用二維網(wǎng)頁設(shè)計作為信息時代的藝術(shù)設(shè)計語言,和傳統(tǒng)的平面設(shè)空間的視覺構(gòu)成元素,以現(xiàn)代印刷技術(shù)生產(chǎn)的印刷成品為表現(xiàn)計是傳承和發(fā)展的關(guān)系。 兩者關(guān)系可以從以下兩個方面進(jìn)行方式,達(dá)到視覺傳達(dá)的準(zhǔn)確目的。-直以來,平面設(shè)計與現(xiàn)代分析比較。建筑、工業(yè)產(chǎn)品設(shè)計的區(qū)別在于,平面設(shè)計的范疇是二維空間中的平面視覺構(gòu)成元素,包括文字、字體、圖形、色彩、版面等,1 網(wǎng)頁設(shè)計是平面設(shè)計的延續(xù)通過對這些構(gòu)成元素的設(shè)計布局,使設(shè)計成品成為符合視覺傳達(dá)目的的靜態(tài)的書籍和印刷品。從視覺傳達(dá)的功能角度來分析,網(wǎng)頁設(shè)計是平面設(shè)計在信20世紀(jì)后半葉,國際互聯(lián)網(wǎng)絡(luò)的出現(xiàn)使設(shè)計領(lǐng)域產(chǎn)生了息時代的延續(xù)。 兩者的功能都是為實現(xiàn)信息傳達(dá)和審美的目革命性的變化,從藝術(shù)觀念、設(shè)計理念到設(shè)計方式、設(shè)計語言都的。 其基本的視覺構(gòu)成元素是一致的。在逐步依賴于科學(xué)技術(shù),信息時代的網(wǎng)頁設(shè)計也以全新的設(shè)計由于網(wǎng)頁內(nèi)容是通過用戶界面作為信息傳播的載體傳達(dá)空間、技術(shù)手段、傳媒途徑和視覺元素向傳統(tǒng)的藝術(shù)設(shè)計樣式給用戶 ,其界面的外在表現(xiàn)形式就是電腦屏幕、鼠標(biāo)和鍵盤。提出全新的命題。由于網(wǎng)絡(luò)技術(shù)的不斷普及與發(fā)展,網(wǎng)絡(luò)正在而對于傳統(tǒng)印刷品和書籍來說, 其界面的外在表現(xiàn)形式是紙張成為信息傳播的重要渠道和交流方式。從用戶角度看,網(wǎng)絡(luò)提和圖文信息。 如果暫不考慮網(wǎng)頁中的互動和多媒體元素,網(wǎng)頁供了巨大的、遍及全球的電子文件,如各種圖片、文字、音效、多的用戶界面展現(xiàn)在 瀏覽者眼前的實際上就是物化界面(紙張媒體超鏈接等。這些電子文件稱為網(wǎng)頁。而對于網(wǎng)頁的編和圖文信息)的數(shù)字化(電腦屏幕顯示)表現(xiàn),用戶看到的是和輯、排版等設(shè)計行為即是網(wǎng)頁設(shè)計。傳統(tǒng)物化界面相同的圖文信息、版面、色彩等布局,而這些基本收稿日期:2003.0908作者簡介:黃海燕(1971 -),女,武漢人,碩士,西安理工大學(xué)講師.主要從事網(wǎng)頁設(shè)計和平面動畫的教學(xué)與研究。中國煤化工126MHCNMHG黃海燕等網(wǎng)頁設(shè)計 與平面設(shè)計元素就是平面設(shè)計的視覺構(gòu)成元素。那么,從這一-點出發(fā), 數(shù)計從編輯、排版、圖形圖像處理 都使用電腦相關(guān)的排版和圖形字化界面運用了和物化界面相同的視覺構(gòu)成元素,即網(wǎng)頁設(shè)計圖像處理 軟件完成，如Adobe公司的Pholoshop和Pagemaker運用了平面設(shè)計中基本的視覺構(gòu)成元素,來達(dá)到信息傳達(dá)和審等。美的目的。由于網(wǎng)頁設(shè)計因網(wǎng)絡(luò)而產(chǎn)生,其設(shè)計目的是在網(wǎng)絡(luò)中發(fā)布網(wǎng)頁,在電腦瀏覽器中顯示頁面,因此網(wǎng)頁設(shè)計與傳統(tǒng)的印刷2網(wǎng)頁設(shè)計是平面設(shè)計新的發(fā)展方向技術(shù)沒有多少聯(lián)系，而與之相關(guān)的技術(shù)實現(xiàn)方式包括網(wǎng)頁編輯、圖形圖像處理動畫制作、網(wǎng)絡(luò)相關(guān)技術(shù)等等。從平面設(shè)計的范疇來定義,網(wǎng)頁設(shè)計打破了傳統(tǒng)的二維靜d.設(shè)計結(jié)果。印刷平面設(shè)計的目的是一個完整的結(jié)果,態(tài)空間的限制，其動態(tài)和交互特性是網(wǎng)頁區(qū)別于傳統(tǒng)印刷和影-個印刷的結(jié)果,而互聯(lián)網(wǎng)絡(luò)設(shè)計和互動媒體設(shè)計卻往往給予視媒體的重要特征,這使網(wǎng)頁設(shè)計成為一-個嶄新的設(shè)計領(lǐng)域,一個相當(dāng)靈活的結(jié)果,可以經(jīng)常改變。同時也成為平面設(shè)計在信息時代新的發(fā)展方向。網(wǎng)頁設(shè)計結(jié)果的不可預(yù)料性是由網(wǎng)頁的交互特性決定的,網(wǎng)頁設(shè)計從-開始產(chǎn)生就呈現(xiàn)出與平面設(shè)計所不同的特網(wǎng)頁設(shè)計是建立于超鏈接技術(shù)平臺之上的藝術(shù),網(wǎng)頁的版面很點,歸納起來主要有以下幾點:少像印刷品那樣-覽無余,對內(nèi)容的閱讀也不是單線性的。諸a.設(shè)計范疇。平面設(shè)計的范疇涉及維空間的各個視覺多隱藏的信息被不同的瀏覽者發(fā)現(xiàn)或遺漏 ,也就表明同- -個網(wǎng)構(gòu)成元素及這些元素的設(shè)計布局。頁設(shè)計面對不同的用戶會有不同的結(jié)果。更重要的是,超鏈接網(wǎng)頁設(shè)計包括平面視覺構(gòu)成的各個元素和布局,還包括動可以使用戶自由地在網(wǎng)頁文本、圖片之間跳轉(zhuǎn),還可以因個人態(tài)、多媒體交互元素等網(wǎng)頁特有視覺元素。交互元素是平面信息 查找需要由某個感興趣的熱區(qū)文本快速鏈接至其他網(wǎng)站,視覺構(gòu)成元素與交互技術(shù)的結(jié)合,動態(tài)元素是平面視覺構(gòu)成元通過各式表單,用戶能夠?qū)崿F(xiàn)搜索、留言、論壇、輸入個人信息素與多媒體影視技術(shù)的結(jié)合,兩者都是平面視覺構(gòu)成結(jié)合信息等交 互功能,這些對用戶的互動性提供了更大的空間。網(wǎng)頁的技術(shù)的延伸。交互性讓設(shè)計者與用戶的關(guān)系發(fā)生了根本的改變,交互尤其是b.背景前提與應(yīng)用范圍。印刷技術(shù)是平面設(shè)計的背景前多人在線但互不謀面的交互使得每一個用戶變被動為主動,在提,機(jī)械化大批量生產(chǎn)的現(xiàn)代印刷技術(shù)是現(xiàn)代平面設(shè)計的開參與過程中成為網(wǎng)頁設(shè)計結(jié)果的一-個組成部分,影響和改變了始。平面設(shè)計的產(chǎn)品基本是指印刷批量生產(chǎn)的成品，因而其設(shè)設(shè)計的最終結(jié)果。計的應(yīng)用范圍包括和印刷密切相關(guān)的書籍、包裝、廣告標(biāo)志、字體設(shè)計報紙和刊物的版面設(shè)計等。傳媒手段是物化紙張印3 結(jié)語刷品。網(wǎng)頁設(shè)計是以國際互聯(lián)網(wǎng)絡(luò)的產(chǎn)生為背景前提的,設(shè)計應(yīng)網(wǎng)頁設(shè)計對于平面設(shè)計的不同之處是由信息社會中網(wǎng)絡(luò)用范圍主要是以發(fā)布Web網(wǎng)站和網(wǎng)頁的傳媒方式向全球用戶技術(shù)的特性決定的。網(wǎng)頁設(shè)計是設(shè)計藝術(shù)與網(wǎng)絡(luò)技術(shù)的結(jié)合,傳播信息和共享資源。傳媒手段并不是傳統(tǒng)的物化印刷品,而是平面設(shè)計在信息時代多元化發(fā)展的一-個重要方向,是對傳統(tǒng)是在電腦屏幕中顯示的數(shù)字化的界面(當(dāng)然應(yīng)拋開將網(wǎng)頁打平面設(shè)計的延續(xù)和革新。印或制成印刷品的可能)。[參考文獻(xiàn)]c.技術(shù)實現(xiàn)方式。在電腦作為輔助設(shè)計的工具廣泛的被運用在平面設(shè)計之前,平面設(shè)計的技術(shù)實現(xiàn)方式包括手繪設(shè)[1] 保羅M.萊斯特. 視覺傳播-- 形象載動信息[ M].霍文利譯.計、鉛字印刷、照相制版手工拼版和制版印刷技術(shù)等環(huán)節(jié)。電北京:北京廣播學(xué)院出版社,003.腦引入設(shè)計之后,除了具備-定的制版印刷技術(shù)之外, 平面設(shè)[2] 王受之 世界平面設(shè)計史[M].北京:中國青年出版社,002.熱收縮聚酯商標(biāo)和瓶蓋材料日本大阪一家公司研制成功一種新型的熱收縮聚酯商標(biāo)薄膜材料,不僅可用來制作瓶子商標(biāo),而且可以用來制作瓶蓋。這種新型聚酯薄膜材料,其熱收縮溫度比聚氯乙烯聚苯乙烯要低,但強(qiáng)度更高,而且能更好地固位定型,在上面的印刷性能.也大大改善。因此,它是一種制作瓶子商標(biāo)和瓶蓋的優(yōu)良材料。中國煤化工澤自供依(整2)203,(9)127MHCNMHG