淺談圖像處理技術(shù)在網(wǎng)頁制作中的應(yīng)用

苗莉

海口經(jīng)濟(jì)學(xué)院

淺談圖像處理技術(shù)在網(wǎng)頁制作中的應(yīng)用

苗莉

海口經(jīng)濟(jì)學(xué)院

隨著我國經(jīng)濟(jì)技術(shù)的不斷發(fā)展，網(wǎng)絡(luò)技術(shù)也得到了提高，同時(shí)也成為了人們生活中不可缺少的一部分，尤其是其中的圖像處理技術(shù)，下面本文就對(duì)圖像處理技術(shù)在網(wǎng)頁制作中的應(yīng)用進(jìn)行分析，首先對(duì)網(wǎng)頁制作中的頁面構(gòu)圖以及板式設(shè)計(jì)的技巧與方法進(jìn)行介紹，然后總結(jié)出相應(yīng)的色彩搭配和制作的方法，從而可以制作一個(gè)完美的網(wǎng)頁。

頁面構(gòu)圖；配色；網(wǎng)頁制作

所謂網(wǎng)頁制作技術(shù)，它是介于編程和圖像處理之間的一門技術(shù)，同時(shí)它也是以一種媒體的形式而存在，富有強(qiáng)烈的藝術(shù)和感染力。主要包含的基本要素有圖片、文字以及超鏈接。在對(duì)其進(jìn)行設(shè)計(jì)時(shí)，應(yīng)該對(duì)當(dāng)中的所有內(nèi)容進(jìn)行分組與歸納，對(duì)它們之間的關(guān)系和位置都進(jìn)行反復(fù)的推敲與研究，從而使其能夠成為一個(gè)完美的有機(jī)整體。

一、對(duì)網(wǎng)頁中的構(gòu)圖設(shè)計(jì)進(jìn)行分析

對(duì)于網(wǎng)頁，它是利用瀏覽器而進(jìn)行顯示的文件，其構(gòu)圖是依照網(wǎng)站中的不同類型和風(fēng)格等因素進(jìn)行制定的。通過準(zhǔn)確恰當(dāng)?shù)脑O(shè)置頁面構(gòu)圖和版面，從而展現(xiàn)出充分的內(nèi)容。

1、對(duì)水平式構(gòu)圖進(jìn)行分析

對(duì)于水平式構(gòu)圖，在網(wǎng)頁中的體現(xiàn)就是每個(gè)要素的排列都是水平方向的，具體的如下圖1所示。水平式構(gòu)圖對(duì)給人帶來沉穩(wěn)以及莊嚴(yán)的感受，并且也對(duì)大眾的瀏覽習(xí)慣與審美進(jìn)行符合。無論實(shí)在政府中，還是在企業(yè)或教育網(wǎng)站中都適用。但在設(shè)計(jì)中需要注意的是導(dǎo)航條、背景以及文字的設(shè)計(jì)都必須要運(yùn)用恰當(dāng)?shù)纳剩瑥亩苊庠诋嬅嬷谐霈F(xiàn)單調(diào)的現(xiàn)象。

2、對(duì)垂直式構(gòu)圖進(jìn)行分析

對(duì)于垂直式構(gòu)圖，在網(wǎng)頁中的體現(xiàn)就是每個(gè)要素的排列都是垂直方向的，具體的如下圖2所示。該構(gòu)圖方式不僅可以體現(xiàn)出清晰有序的頁面，同時(shí)也能符合當(dāng)前大眾人們的視覺以及習(xí)慣。主要都適用在廣告或子頁的設(shè)計(jì)中。在該設(shè)計(jì)中，還可以應(yīng)用設(shè)計(jì)的不對(duì)稱特點(diǎn)，從而可以體現(xiàn)出突破或變化的效果。

3、對(duì)中心式構(gòu)圖進(jìn)行分析

對(duì)于中心式構(gòu)圖，在頁面主要的體現(xiàn)就是安排方面，特點(diǎn)是形象集中、視覺的沖擊力較強(qiáng)以及還可以突出重點(diǎn)。

二、對(duì)網(wǎng)頁中的色彩搭配進(jìn)行分析

在網(wǎng)頁的制作中，色彩是必須存在的，并且在對(duì)其運(yùn)用中也要達(dá)到創(chuàng)意效果的獨(dú)特顯示。因此，在對(duì)網(wǎng)頁進(jìn)行設(shè)計(jì)時(shí)，需要從色彩出發(fā)，運(yùn)用合理的方法，使其可以恰當(dāng)配置，然后通過圖像的相關(guān)處理，將相對(duì)復(fù)雜色彩都轉(zhuǎn)變成相應(yīng)的內(nèi)部因素，從而可以達(dá)到網(wǎng)頁的合理設(shè)計(jì)，以及配色效果的賞心悅目。

1、對(duì)色相環(huán)和色域特色進(jìn)行分析

所謂色相，實(shí)質(zhì)上就是色彩中不同相貌的體現(xiàn)，同時(shí)它也是對(duì)色彩進(jìn)行區(qū)分的一個(gè)依據(jù)。目前，為了區(qū)分色彩，將色相分成了鄰近色、對(duì)比色以及互補(bǔ)色三個(gè)部分。

鄰近色，其特點(diǎn)是不僅變化同時(shí)也統(tǒng)一，可以搭配出柔和或和諧的感覺；對(duì)比色，其色彩搭配是非常強(qiáng)烈的，并且同時(shí)也可以體現(xiàn)出一種活潑或豐富的感覺；互補(bǔ)色，可以對(duì)色彩中的對(duì)比進(jìn)行加強(qiáng)，從而產(chǎn)生距離感。

2、對(duì)網(wǎng)頁中的色彩搭配方法進(jìn)行分析

對(duì)于色彩，其實(shí)是物理現(xiàn)象的一種表現(xiàn)，自身并不存在感情，但是由于位置的不同，即使是一種顏色也會(huì)產(chǎn)生不同的效果。如果是標(biāo)準(zhǔn)色彩，則是對(duì)網(wǎng)站中的形象或內(nèi)涵的體現(xiàn)，適用于LOGL或標(biāo)題、以及導(dǎo)航條或者是主色塊，不僅可以帶給人們一種協(xié)調(diào)的感覺，同時(shí)也能對(duì)其它色彩進(jìn)行襯托或點(diǎn)綴。

在網(wǎng)頁制作中，色彩搭配技巧也是非常重要的，通過實(shí)際的研究，總結(jié)出以下搭配方法：

（1）選中一種顏色并對(duì)其透明度與飽和度進(jìn)行調(diào)整。

（2）在設(shè)計(jì)中，如果不能準(zhǔn)確的把握好色彩表現(xiàn)力，可以少量的運(yùn)用其它一些較強(qiáng)的色彩。

（3）在制作網(wǎng)頁過程中，要以主色調(diào)為核心進(jìn)行色彩的設(shè)計(jì)，同時(shí)也還對(duì)其它的輔助色進(jìn)行烘托。

三、對(duì)網(wǎng)頁制作的實(shí)例進(jìn)行分析

在網(wǎng)頁的制作中，其主要就是通過背景、文字以及圖片等進(jìn)行有機(jī)的結(jié)合，使得網(wǎng)頁可以變得更加豐富，具有藝術(shù)特征。而圖像處理技術(shù)，在網(wǎng)頁中是必不可少的，無論是網(wǎng)頁中的LOGO、導(dǎo)航條或是背景文字和按鈕都會(huì)需要圖像處理。下面就以Photo?shop軟件為例對(duì)其進(jìn)行分析與探討。

1、頁面構(gòu)圖的設(shè)計(jì)

進(jìn)行頁面構(gòu)圖時(shí)，可以利用水平式與中心式相結(jié)合的方式，在背景方面，可以利用白色，然后主色調(diào)可以利用藍(lán)色，并對(duì)其透明度和色相、飽和度都要進(jìn)行調(diào)整。

2、LOGO的制作

對(duì)于LOGO，它不僅是一個(gè)網(wǎng)站的形象代表，同時(shí)它也是它也是一個(gè)企業(yè)或是教育機(jī)構(gòu)的標(biāo)志。對(duì)它的設(shè)計(jì)，必須要引人注目，而且還要美觀，簡(jiǎn)單醒目。

3、導(dǎo)航條的設(shè)計(jì)

在網(wǎng)頁中制作導(dǎo)航條，主要的作用就是人們?cè)跒g覽起來可以方便、迅速，同時(shí)也能讓用戶對(duì)所需的內(nèi)容進(jìn)行快速查找，便于訪問與鏈接。它主要的特點(diǎn)就是層次清晰、簡(jiǎn)單明了。有水平式導(dǎo)航條、列表導(dǎo)航以及其它的導(dǎo)航條之分。

4、按鈕的制作

在網(wǎng)頁中，利用按鈕所能實(shí)現(xiàn)的功能就是鏈接。如果單一的通過文字進(jìn)行體現(xiàn)，則就會(huì)讓瀏覽者在瀏覽網(wǎng)頁時(shí)會(huì)感覺乏味、單一，不會(huì)對(duì)網(wǎng)頁產(chǎn)生濃厚的興趣，因此就要引入按鈕，然后在經(jīng)過適當(dāng)?shù)膱D形圖像處理，就會(huì)達(dá)到意想不到的效果，從而展現(xiàn)出一個(gè)完整的網(wǎng)頁。

總結(jié)：綜上所述，我們可以了解到網(wǎng)頁不僅是以一種媒體而存在，同時(shí)它也包含者很多內(nèi)容，具有強(qiáng)烈的藝術(shù)性，而在網(wǎng)頁的設(shè)計(jì)中，圖像處理技術(shù)也是非常重要的，借助一些特殊的功能，可以對(duì)設(shè)計(jì)者的構(gòu)思和情感進(jìn)行深刻的表現(xiàn)出來，然后在結(jié)合文字、圖片或是一些動(dòng)畫，運(yùn)用恰當(dāng)?shù)纳逝c技巧，就可以向?yàn)g覽者展現(xiàn)出一個(gè)具有內(nèi)涵和豐富內(nèi)容的網(wǎng)頁。

[1].許金元.Photoshop在網(wǎng)頁設(shè)計(jì)中的作用[J].信息與電腦(理論版),2010,06:67+69.

[2].王興,王蓬.計(jì)算機(jī)數(shù)字圖像處理技術(shù)在刑偵工作中的應(yīng)用[J].南都學(xué)壇,2000,03:46-48.

[3].廖克順.探索網(wǎng)頁制作中Photoshop的應(yīng)用技巧[J].信息與電腦(理論版),2012,12:164-165.

[4].王萍,張文明.圖像處理在焊縫跟蹤中的應(yīng)用研究[J].現(xiàn)代焊接,2007,10:16-18.