資源描述:
《淺析網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、淺析網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)作者:陳凡亮 閔曉杰 晉國(guó)卿【論文關(guān)鍵詞】互聯(lián)網(wǎng);網(wǎng)頁(yè)界面;藝術(shù)設(shè)計(jì) 【論文摘要】在互聯(lián)網(wǎng)飛速發(fā)展的今天,網(wǎng)絡(luò)已成為人們生活中不可缺少的一部分,無論是在商業(yè)、工業(yè)還是政府部門中都早已普及開來,如今就連教育事業(yè)也都承載著網(wǎng)絡(luò)這四通八達(dá)的命脈迅速的發(fā)展起來。網(wǎng)站建設(shè)越來越接近于一門藝術(shù)而不僅僅是一項(xiàng)技術(shù)。網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì),日益被網(wǎng)站建設(shè)者所注重。結(jié)合自身的經(jīng)驗(yàn),闡述了如何制作一個(gè)完整的豐富多彩的頁(yè)面,主要從色彩、框架,布局、優(yōu)化這幾個(gè)大方面對(duì)頁(yè)面設(shè)計(jì)進(jìn)行描述,對(duì)網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)的文字、圖形、色彩、多媒體四個(gè)要素做了具有特色的分析和歸納,最后對(duì)其藝術(shù)設(shè)計(jì)風(fēng)格進(jìn)行了深入
2、的分類和闡述,這一部分的重點(diǎn)是對(duì)網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)風(fēng)格的研究。網(wǎng)頁(yè)作為新興媒體,有著比報(bào)刊、雜志、廣播、電視等傳統(tǒng)媒體更多的構(gòu)成要素,如文字、圖形、聲音、圖像和動(dòng)畫等。最后得出頁(yè)面設(shè)計(jì)需要時(shí)間和耐心去鉆研,才能做出好的網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)這一觀點(diǎn)。網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)是伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的藝術(shù)設(shè)計(jì)新課題,是網(wǎng)頁(yè)設(shè)計(jì)者以所處時(shí)代所能獲取的技術(shù)和藝術(shù)經(jīng)驗(yàn)為基礎(chǔ),依照設(shè)計(jì)目的和要求自覺地對(duì)網(wǎng)頁(yè)的構(gòu)成元素進(jìn)行藝術(shù)規(guī)劃的創(chuàng)造性思維活動(dòng),必然要成為設(shè)計(jì)藝術(shù)的重要組成部分,并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。表面上看,它表面上看,它不過是關(guān)于網(wǎng)頁(yè)版式編排的技巧與方法,而實(shí)際上,它不僅是一種技能,更是藝術(shù)與
3、技術(shù)的高度統(tǒng)一。?網(wǎng)頁(yè)設(shè)計(jì)包括風(fēng)格定位、版面編排、色彩處理、瀏覽方式、鏈接功能等諸多方面,其中色彩處理有著舉足輕重的作用。色彩既是網(wǎng)頁(yè)作品的表述語(yǔ)言,又是視覺傳達(dá)的手。所以首先要了解一個(gè)問題那就是: 1制作網(wǎng)頁(yè)包括具體都包括哪幾部分呢? 圖形、圖像處理制作網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì),提到界面還有藝術(shù),那在網(wǎng)頁(yè)上插入一些精美、適當(dāng)?shù)膱D片是必要的,否則,不會(huì)有人去瀏覽你的頁(yè)面,因此,在設(shè)計(jì)網(wǎng)頁(yè)之前,就應(yīng)搜集或制作一些好看、適用的圖片。提到圖形、圖像處理,大家都會(huì)想到的軟件是Photoshop這個(gè)軟件,對(duì),這個(gè)軟件是進(jìn)行圖形、圖像處理的軟件,但是,它不是專門的處理網(wǎng)絡(luò)圖像的軟件,Photos
4、hop這個(gè)軟件會(huì)用到去進(jìn)行一些平面的圖形圖像,我們網(wǎng)絡(luò)的圖形、圖像處理用的是Fireworks軟件,它可以制作出傳輸較快的gif格式的圖片,占的空間也比較小,一般大小也就是KB,而Photoshop制作出來的是jpg格式的位圖,并且是有損壓縮,象素大了圖像就清晰,但這樣的話上傳到網(wǎng)上會(huì)影響瀏覽速度,象素小了就會(huì)出現(xiàn)模糊或者馬賽克小方格,所以我們采用的是Fireworks軟件進(jìn)行處理圖形、圖像?! ?dòng)畫制作網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì),肯定也少不了動(dòng)畫的加入,并且還要有藝術(shù)氣息在里面,這就要求我們的設(shè)計(jì)者要有藝術(shù)修養(yǎng)和對(duì)顏色的綜合把握了,在沒有FLASH軟件之前,用的是Golive這個(gè)軟件,再后來就用
5、傳統(tǒng)的做法,在html中嵌入Java程序編寫的動(dòng)畫,但這要求設(shè)計(jì)者要對(duì)Java語(yǔ)言熟悉。隨著軟件的發(fā)展,如今有了許多制作動(dòng)畫的軟件,二維的、三維的等等,如現(xiàn)在我們用的FLASH軟件,用它制作的動(dòng)畫,小巧迷人,只需作為一個(gè).swf格式文件導(dǎo)出,再導(dǎo)入到網(wǎng)頁(yè)編輯器里就可以了?! ∥谋镜木帉懸话闶遣捎迷诰W(wǎng)頁(yè)中用html語(yǔ)言中的標(biāo)簽編寫,也可以用網(wǎng)頁(yè)編輯工具的“所見即所得”功能直接寫入文字,如:Dreamweaver軟件或者Frontpage軟件等都可以進(jìn)行文本的編寫。還有一點(diǎn)要注意的就是,顯示文本的時(shí)候,設(shè)計(jì)者的機(jī)器上裝了很多漂亮的字體,設(shè)計(jì)的時(shí)候采用了,但是等上傳到網(wǎng)上以后,別人在瀏覽的時(shí)候
6、,如果別人機(jī)器上沒有安裝字體,那就顯示不出來我們采用的漂亮樣式字體,因此,在考慮網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)的基礎(chǔ)上,我們是把文字提前在Photoshop或Fireworks可以將字體先選擇自己喜歡的樣式,然后轉(zhuǎn)換柵格化圖片再用切片切成小塊,分別進(jìn)行優(yōu)化。輸出的格式可以為gif或jpeg,再導(dǎo)入到Dreamweaver進(jìn)行具體編輯,做鏈接可以用圖片特有的屬性進(jìn)行熱區(qū)鏈接,這樣就完成我們想要的字體樣式效果了,就不會(huì)出現(xiàn)字體樣式顯示不出來的情況啦?! 】蚣艿膽?yīng)用框架是網(wǎng)頁(yè)的常用形式,它可以使網(wǎng)頁(yè)更為清晰,可以把不同的頁(yè)面超鏈接到同一框架中,使的頁(yè)面更加緊湊。一般框架用在小說瀏覽頁(yè)面,或者介紹圖書章節(jié)的部
7、分,或者教學(xué)網(wǎng)頁(yè)用到的的框架比較多?! ”砀竦膽?yīng)用表格是網(wǎng)頁(yè)中用處最廣泛的,可以布局,定位等等,它是網(wǎng)頁(yè)中最活躍的元素。它的應(yīng)用可以使用網(wǎng)頁(yè)更加靈活。表格(table)是頁(yè)面中的重要元素,是頁(yè)面排版的主要手段。我們可以設(shè)定表格的寬度、高度、邊框、背景色、對(duì)齊方式等參數(shù)。很多時(shí)候,我們將表格的邊框設(shè)為0,以此來定位頁(yè)面中的元素,或者籍此確定頁(yè)面中各元素的相對(duì)位置。我們知道:瀏覽器在讀取網(wǎng)頁(yè)html源代碼時(shí),是讀完整個(gè)table才將它顯