公務(wù)員期刊網(wǎng) 論文中心 正文

網(wǎng)頁設(shè)計(jì)對(duì)計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用

前言:想要寫出一篇引人入勝的文章?我們特意為您整理了網(wǎng)頁設(shè)計(jì)對(duì)計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用范文,希望能給你帶來靈感和參考,敬請(qǐng)閱讀。

網(wǎng)頁設(shè)計(jì)對(duì)計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用

【摘要】隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的迅速發(fā)展,網(wǎng)頁設(shè)計(jì)受到了越來越多的關(guān)注,人們對(duì)網(wǎng)頁設(shè)計(jì)的要求也越來越高。網(wǎng)頁設(shè)計(jì)者將計(jì)算機(jī)圖像處理技術(shù)應(yīng)用到網(wǎng)頁設(shè)計(jì)中來,以提高網(wǎng)頁設(shè)計(jì)的效果,增強(qiáng)網(wǎng)頁的美觀性和藝術(shù)感。文章闡述了網(wǎng)頁設(shè)計(jì)中圖像的重要作用以及計(jì)算機(jī)圖像處理方面的相關(guān)知識(shí),并對(duì)網(wǎng)頁設(shè)計(jì)中應(yīng)用到的圖像處理技術(shù)進(jìn)行解析。

【關(guān)鍵詞】網(wǎng)頁設(shè)計(jì);計(jì)算機(jī)圖像處理技術(shù);應(yīng)用解析

在計(jì)算機(jī)技術(shù)和網(wǎng)絡(luò)技術(shù)飛速發(fā)展的背景下,網(wǎng)頁設(shè)計(jì)呈現(xiàn)出蓬勃發(fā)展的趨勢(shì)。網(wǎng)頁設(shè)計(jì)的最終目標(biāo)是借助于文本、圖形、圖像、聲音、視頻等多種媒體表現(xiàn)形式,將所要表達(dá)的思想、內(nèi)容展示給網(wǎng)頁瀏覽者。在激烈的市場(chǎng)競(jìng)爭(zhēng)中,商業(yè)性的網(wǎng)頁越來越多,對(duì)于網(wǎng)頁設(shè)計(jì)的要求也越來越高。網(wǎng)頁既要客觀呈現(xiàn)事物,又要精彩美觀。圖像在網(wǎng)頁設(shè)計(jì)中起著至關(guān)重要的作用。在網(wǎng)頁設(shè)計(jì)中應(yīng)用計(jì)算機(jī)圖像處理技術(shù),可以提高網(wǎng)頁設(shè)計(jì)的自身效果,也是市場(chǎng)需求的必然選擇。

1網(wǎng)頁設(shè)計(jì)中的使用圖像的意義

在網(wǎng)頁設(shè)計(jì)中引入適當(dāng)?shù)膱D像,可以增強(qiáng)網(wǎng)頁的藝術(shù)感染力和視覺沖擊力,更好的傳遞出網(wǎng)頁設(shè)計(jì)的主題思想,吸引瀏覽者的注意,也可以體現(xiàn)出網(wǎng)頁的設(shè)計(jì)風(fēng)格??偟膩碚f,圖像具有信息傳達(dá)和視覺吸引的功能,在網(wǎng)頁設(shè)計(jì)中起著非常重要的作用[1]。

1.1信息傳達(dá)功能

圖像本身就是一種傳達(dá)信息的重要手段。在文字?jǐn)⑹龅膮^(qū)域,引入適當(dāng)?shù)膱D片,能夠更快、更形象、更直觀的突出文字的主題,傳遞出網(wǎng)頁的主要內(nèi)容。圖像與文字相比更容易引起瀏覽者的關(guān)注。采用文字和圖像結(jié)合的方式,可以幫助瀏覽者快速找到所需要的信息。圖像能夠美化網(wǎng)頁,將相關(guān)的內(nèi)容、理念等信息直觀、高效、形象的傳達(dá)給瀏覽者。

1.2視覺吸引功能

在網(wǎng)頁設(shè)計(jì)中,包含許多的媒體類型,比如文字、圖像、聲音和視頻等。只有文字的版面會(huì)顯得過于單調(diào)。圖像更容易吸引瀏覽者的目光,增強(qiáng)網(wǎng)頁的視覺吸引效果。圖像與文字的有機(jī)結(jié)合,對(duì)網(wǎng)頁設(shè)計(jì)的協(xié)調(diào)性和美觀性非常重要,可以刺激人的大腦,提高瀏覽者閱讀的興趣,從而達(dá)到網(wǎng)頁設(shè)計(jì)的目的。

2計(jì)算機(jī)圖像處理技術(shù)闡述

計(jì)算機(jī)圖像處理技術(shù)起源于20世紀(jì)末,它是以圖像為基礎(chǔ),利用計(jì)算機(jī)技術(shù)對(duì)圖像進(jìn)行加工和處理的。計(jì)算機(jī)圖像處理技術(shù)結(jié)合了多媒體技術(shù)、數(shù)字化技術(shù)等,主要包括圖像的平移、旋轉(zhuǎn)、裁剪、去噪等前期預(yù)處理技術(shù),圖像的增強(qiáng)、復(fù)原、分割、重建等中期處理技術(shù)以及識(shí)別、分析、編碼、壓縮等圖像后期處理技術(shù)。早期,計(jì)算機(jī)圖像處理技術(shù)主要應(yīng)用于航天事業(yè),但隨著計(jì)算機(jī)和網(wǎng)絡(luò)技術(shù)的迅速發(fā)展,計(jì)算機(jī)圖像處理技術(shù)被廣泛的應(yīng)用到網(wǎng)頁設(shè)計(jì)中,得到了眾多網(wǎng)頁設(shè)計(jì)者的認(rèn)可。利用計(jì)算機(jī)圖像處理軟件可以對(duì)圖像放大、縮小、合成、色彩調(diào)整、創(chuàng)意設(shè)計(jì)和制作特效等,使圖像與網(wǎng)頁的主題相一致,進(jìn)一步達(dá)到美化網(wǎng)頁的功能。計(jì)算機(jī)圖像處理技術(shù)在快速的發(fā)展進(jìn)步,功能也在不斷的完善。如今計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁設(shè)計(jì)中具有非常重要的地位。

3計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

3.1網(wǎng)頁設(shè)計(jì)中常用的圖像格式和選擇技巧

計(jì)算機(jī)圖像格式種類繁多,選擇適合的圖片格式可以提高網(wǎng)頁設(shè)計(jì)的效果、節(jié)約下載時(shí)間以及較少服務(wù)器的負(fù)擔(dān)。在網(wǎng)頁設(shè)計(jì)中應(yīng)用較多的圖片格式有GIF格式、JPEG格式和PNG格式[2]。1)GIF格式。GIF格式英文名稱為GraphicsInterchangeFor-mat,可以翻譯為圖形交換格式。GIF格式的圖像分為靜態(tài)和動(dòng)態(tài)兩種類型,采用無損壓縮存儲(chǔ)方式,但是限制了色彩的表現(xiàn)能力,只支持256色以內(nèi)的圖像。在不影響圖像質(zhì)量的情況下,可以生成很小的文件。它支持透明色,圖像可以浮現(xiàn)在背景上面,也可以制作動(dòng)畫,這是它最突出的一個(gè)特點(diǎn)。GIF文件的特點(diǎn)順應(yīng)了互聯(lián)網(wǎng)的需求,幾乎所有的瀏覽器都支持這種格式,于是它成了互聯(lián)網(wǎng)上最流行的圖像格式。2)JPEG格式。JPEG格式是一種支持8位和24位色彩的壓縮位圖格式,是一種有損壓縮,文件較小。JPEG的壓縮技術(shù)十分先進(jìn),它具有調(diào)節(jié)圖像質(zhì)量的功能,可以設(shè)置壓縮比例,壓縮比越大,圖像品質(zhì)就越低,壓縮比越小,圖像品質(zhì)就越好,同時(shí),色彩的信息保留非常好。JPEG非常適合儲(chǔ)存色彩豐富的圖片,例如照片等,圖片有輕微失真肉眼也很難辨別出來,但是它不適合存儲(chǔ)線條、圖標(biāo)或文字等邊緣非常清晰的圖片,特別適合在網(wǎng)頁和網(wǎng)絡(luò)中使用。3)PNG格式。PNG格式英文名稱為PortableNetworkGraphicFormat具有文件小、無損壓縮、支持透明效果的特點(diǎn)。PNG格式存儲(chǔ)灰度圖像時(shí),灰度圖像的深度可多到16位,存儲(chǔ)彩色圖像時(shí),彩色圖像的深度可多到48位,還可存儲(chǔ)多到16位的α通道數(shù)據(jù)。雖然PNG采用的是無損壓縮,但是PNG格式圖片還是會(huì)有不同程度的失真。PNG8最多只能索引256種顏色,如果圖像的顏色較多的話不能真實(shí)還原;PNG24則最多可以保存1600多萬種顏色,基本能夠真實(shí)還原我們?nèi)庋鬯姷乃蓄伾NG格式廣泛應(yīng)用于JAVA程序、網(wǎng)頁或S60程序中。設(shè)計(jì)師需要根據(jù)實(shí)際需求來選擇不同的圖像格式。存儲(chǔ)圖像時(shí)選擇JPG還是PNG的主要依據(jù)是圖像上的色彩層次和顏色數(shù)量。當(dāng)圖像的色彩豐富,并且邊緣線條沒有銳利反差時(shí),選擇JPEG格式可以得到最好的輸出結(jié)果;當(dāng)圖像是有明顯邊緣的線條圖、沒有太多色彩或者需要制作透明背景時(shí),GIF格式是最好的選擇;而PNG-24格式雖然看起來非常完美,但是需要考慮瀏覽器的支持問題,雖然現(xiàn)在大多數(shù)的瀏覽器都支持它,可是IE6是不支持透明的PNG圖像的。現(xiàn)在IE6或更早的版本使用者不會(huì)太多,但是設(shè)計(jì)師也要將這個(gè)因素考慮在內(nèi)的。另外頁面結(jié)構(gòu)的基本視覺元素,如Banner、商品圖片等對(duì)質(zhì)量要求不是特別高的,可以使用JPG進(jìn)行存儲(chǔ)降低文件大小。

3.2網(wǎng)頁設(shè)計(jì)中常見的圖像形式

圖像的形式多種多樣,網(wǎng)頁設(shè)計(jì)中應(yīng)用較多的有攝影、截圖、簡(jiǎn)單圖形、連接圖片等。為了讓網(wǎng)頁內(nèi)容豐富且有藝術(shù)感染力,設(shè)計(jì)師需要將多種圖像形式應(yīng)用到設(shè)計(jì)中。攝影是網(wǎng)頁設(shè)計(jì)中圖像素材的重要來源,攝影配圖是最簡(jiǎn)單,也是最常見的配圖方式。攝影圖像屬于寫實(shí)性的,有較強(qiáng)的直觀感,可以將瀏覽者帶進(jìn)特定的情境中。攝影圖像經(jīng)過計(jì)算機(jī)圖像處理技術(shù)加工處理后,結(jié)合相應(yīng)的文字描述,很容易被人們所接受和喜愛。另一種應(yīng)用較多的是插圖。在網(wǎng)頁中,插圖經(jīng)常用在描述性的文字的四周,既能增強(qiáng)直觀感,又能起到延伸文字和拓展信息的功能。插圖可以表現(xiàn)寫實(shí)性的圖片,也可以表現(xiàn)抽象類的圖片,具體根據(jù)實(shí)際需要設(shè)計(jì)。此外,還可以在網(wǎng)頁中插入一些有特色的圖形符號(hào)等圖像形式,以增強(qiáng)網(wǎng)頁的藝術(shù)魅力和視覺沖擊力。

3.3網(wǎng)頁設(shè)計(jì)中圖像的角色和職責(zé)

在網(wǎng)頁中圖像有多種角色,比如網(wǎng)站的LOGO、背景圖、網(wǎng)頁關(guān)鍵圖和導(dǎo)航等,角色不同,職責(zé)自然也不同。下面對(duì)其中較為重要的3種角色類型做介紹:1)網(wǎng)站的LOGO。LOGO是網(wǎng)站的標(biāo)志,也是網(wǎng)站的名片。它是互聯(lián)網(wǎng)絡(luò)上各個(gè)網(wǎng)站之間鏈接的圖形標(biāo)志,是網(wǎng)站提供給瀏覽者進(jìn)入網(wǎng)站的一個(gè)門戶。圖形的LOGO比文字鏈接更吸引人的眼球。從某種程度來講,LOGO決定著一個(gè)網(wǎng)站的點(diǎn)擊率,可以說是一個(gè)網(wǎng)站的“點(diǎn)睛”之處。對(duì)于一個(gè)高品質(zhì)的網(wǎng)站,一個(gè)好的LOGO能夠反映網(wǎng)站的某些信息,比如網(wǎng)站類型、內(nèi)容和風(fēng)格等。提起LOGO,我們很容易想到一些熟悉的網(wǎng)站,比如百度、搜狐、新浪等,這就是品牌的效應(yīng)。LOGO大多是網(wǎng)頁設(shè)計(jì)師切合網(wǎng)站的理念、文化特色精心設(shè)計(jì)的,兼?zhèn)涔δ苄院退囆g(shù)性,給瀏覽者帶來藝術(shù)美感的視覺享受和高度的信賴感。2)網(wǎng)頁的背景圖。近年來,一些網(wǎng)站使用背景圖像作為背景,給瀏覽者一種視覺沖擊感。背景是網(wǎng)站的主要組成部分。對(duì)于一個(gè)網(wǎng)站來說,背景圖一定要簡(jiǎn)單,效果不能太過強(qiáng)烈,只要提供一點(diǎn)質(zhì)感就可以,否則就搶了頁面內(nèi)容的風(fēng)頭。如果背景圖的設(shè)計(jì)與網(wǎng)站融為一體,并且富有特色,色彩視覺效果處理得當(dāng),就會(huì)對(duì)瀏覽者產(chǎn)生很大的吸引力,瀏覽者有興趣進(jìn)一步瀏覽網(wǎng)站。那么這個(gè)網(wǎng)站在同行業(yè)中便會(huì)出類拔萃,在網(wǎng)絡(luò)營(yíng)銷上也會(huì)占據(jù)優(yōu)勢(shì)。3)網(wǎng)頁的關(guān)鍵圖。網(wǎng)頁上通常都有一些很醒目的圖像,用來吸引瀏覽者的注意力。在網(wǎng)頁中插入圖像的主要目的是用來宣傳一些主題,一般在頁面最顯眼的位置,不需要過多的文字描述信息,瀏覽者看到圖像就能知曉其所表達(dá)的含義,表達(dá)內(nèi)容非常直觀,視覺沖擊感非常強(qiáng)。

3.4網(wǎng)頁設(shè)計(jì)中圖像的處理技巧

3.4.1圖像的尺寸網(wǎng)頁要達(dá)到理想的效果,圖像的合理布局就顯得尤為重要。設(shè)計(jì)師就需要靈活運(yùn)用計(jì)算機(jī)圖像處理技術(shù),熟練掌握?qǐng)D像處理技巧[3]。圖像的尺寸直接影響網(wǎng)頁的直觀效果。尺寸大的圖像包含的內(nèi)容豐富,能夠更好的表達(dá)出設(shè)計(jì)意圖。尺寸較小的圖像,一般個(gè)性感強(qiáng),具有襯托主題的作用。使用矢量創(chuàng)作工具制作的圖像通常保存為PNG格式,尺寸需要在矢量繪圖工具中確定,轉(zhuǎn)換為位圖后一般不再對(duì)其進(jìn)行縮放操作。特別需要注意的是,F(xiàn)ireworks創(chuàng)建的PNG文件中包含圖層等一些可編輯信息,其中直線、文字、形狀都屬于矢量圖。將此類圖像應(yīng)用于網(wǎng)頁設(shè)計(jì)中應(yīng)先進(jìn)行輸出以便壓縮文件大小,而輸出的PNG圖像會(huì)丟掉可編輯信息而轉(zhuǎn)為位圖。因此,圖像尺寸的調(diào)節(jié)應(yīng)在輸出操作之前完成。對(duì)于現(xiàn)成的位圖和照片,不要使用HTML語言中的height和width屬性來改變圖像尺寸,這樣可能會(huì)使圖像嚴(yán)重失真。一般使用Photoshop等軟件調(diào)好尺寸后再插入到網(wǎng)頁中。通常,放入網(wǎng)頁中的圖片應(yīng)控制到一個(gè)比較小的尺寸。如果與文字混排,寬度最好在300px左右。即便單獨(dú)出現(xiàn),寬度也最好在600px以下。至于高度,以不超過一屏為宜。

3.4.2圖像的外形不同類型的圖像有不同的特色。比如,我們看到矩形的圖像,就會(huì)有一種中規(guī)中矩的感覺;圓形圖像給我們一種親切溫暖的感覺;不規(guī)則的圖像會(huì)呈現(xiàn)出動(dòng)感、有活力的感覺;菱形圖像能夠增加網(wǎng)頁的美感。因此,我們需要將合適的圖像應(yīng)用到相應(yīng)的網(wǎng)頁設(shè)計(jì)中。

4結(jié)束語

綜上所述,網(wǎng)頁設(shè)計(jì)是一項(xiàng)涉及領(lǐng)域較為廣泛的工作,要求網(wǎng)頁設(shè)計(jì)師具備較高的專業(yè)技能。計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁設(shè)計(jì)中展現(xiàn)出巨大的優(yōu)勢(shì),將其應(yīng)用到網(wǎng)頁設(shè)計(jì)中,大大的提升了網(wǎng)頁設(shè)計(jì)的質(zhì)量與效果。在不久的將來,隨著計(jì)算機(jī)技術(shù)的發(fā)展,計(jì)算機(jī)圖像處理技術(shù)一定會(huì)取得更大的進(jìn)步,網(wǎng)頁設(shè)計(jì)也會(huì)更加完善、更加精彩。

參考文獻(xiàn)

[1]蔣麗君.淺談網(wǎng)頁設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)應(yīng)用[J].商品與質(zhì)量:消費(fèi)研究,2015(1):71.

[2]仇樂.網(wǎng)頁設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)應(yīng)用解析[J].煤炭技術(shù),2013,32(3):204-205.

[3]劉顯麗.淺談圖像處理技術(shù)在網(wǎng)頁制作中應(yīng)用[J].遼寧師專學(xué)報(bào):自然科學(xué)版,2007(3):35.

作者:白雪 單位:鞍山市信息工程學(xué)校

相關(guān)熱門標(biāo)簽