苗莉

海口經(jīng)濟學院

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

苗莉

海口經(jīng)濟學院

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、對網(wǎng)頁制作的實例進行分析

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

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

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

2、LOGO的制作

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

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

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

4、按鈕的制作

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

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

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

[2].王興,王蓬.計算機數(shù)字圖像處理技術(shù)在刑偵工作中的應(yīng)用[J].南都學壇,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.