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