徐敏

摘 要：網(wǎng)頁(yè)設(shè)計(jì)中圖形圖像的處理是網(wǎng)站建設(shè)的重要組成部分，圖形圖像作為網(wǎng)頁(yè)設(shè)計(jì)中最直觀(guān)和具象的呈現(xiàn)部分，在圖形圖像選擇和處理的過(guò)程中要注意技巧的運(yùn)用，從而給人以更為流暢的加載體驗(yàn)和觀(guān)感上的視覺(jué)體驗(yàn)。網(wǎng)頁(yè)設(shè)計(jì)中會(huì)運(yùn)用到的圖形圖像在大小、格式和色彩上各不相同，需要根據(jù)網(wǎng)站建設(shè)的要求和整體風(fēng)格來(lái)進(jìn)行處理和優(yōu)化設(shè)計(jì)，文章就主要圍繞網(wǎng)頁(yè)設(shè)計(jì)中圖形圖像要相關(guān)處理技巧進(jìn)行分析和研究。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì);圖形圖像;處理技巧

隨著信息技術(shù)的不斷發(fā)展和互聯(lián)網(wǎng)絡(luò)的普及，人們的生產(chǎn)生活與網(wǎng)絡(luò)密切相關(guān)，大到政府單位或者企業(yè)建立自己的門(mén)戶(hù)網(wǎng)站，小到個(gè)人利用手機(jī)或者電腦利用網(wǎng)頁(yè)來(lái)進(jìn)行搜索和信息瀏覽，要提升網(wǎng)站建設(shè)的質(zhì)量，提高用戶(hù)體驗(yàn)，最關(guān)鍵的就是要做好網(wǎng)頁(yè)設(shè)計(jì)，除了要不斷的完善和更新網(wǎng)頁(yè)中的信息及文字內(nèi)容之外，還必須要重視網(wǎng)頁(yè)的外觀(guān)設(shè)計(jì)，在進(jìn)行界面制作時(shí)需要應(yīng)用到大量的圖形圖像，對(duì)這些圖形圖像的處理考驗(yàn)著網(wǎng)頁(yè)設(shè)計(jì)制作的水平。

一、網(wǎng)頁(yè)設(shè)計(jì)中圖形圖像的應(yīng)用分析

1、圖形圖像在網(wǎng)頁(yè)設(shè)計(jì)中的重要作用

隨著信息技術(shù)的發(fā)展和新媒體平臺(tái)的崛起，網(wǎng)頁(yè)與網(wǎng)站已經(jīng)成為了新的傳播信息的重要載體，網(wǎng)頁(yè)中的信息元素呈現(xiàn)出多元化的特征，主要就包括文字、圖形圖像、視頻以及超鏈接等等，在網(wǎng)頁(yè)設(shè)計(jì)中需要將這些元素進(jìn)行融合，優(yōu)化整體的設(shè)計(jì)布局，使得整個(gè)界面更加美觀(guān)、簡(jiǎn)潔和大方。【1】其中通過(guò)應(yīng)用豐富多彩、主題鮮明的圖形圖像，能夠給人以最直觀(guān)的視覺(jué)體驗(yàn)，配合相應(yīng)的文字介紹，能夠給人以閱讀上的層次感，更加生動(dòng)的進(jìn)行信息傳遞，加深用戶(hù)的印象，同時(shí)圖形圖像的插入還可以使整個(gè)網(wǎng)頁(yè)布局更加協(xié)調(diào)，起到裝飾和美化的作用。因此一定要重視圖形圖像在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用。

2、網(wǎng)頁(yè)設(shè)計(jì)中圖形圖像的分類(lèi)及應(yīng)用

在網(wǎng)頁(yè)設(shè)計(jì)中比較長(zhǎng)使用到的圖形圖像主要有以下幾種類(lèi)型：GIF格式圖像、Jpg格式圖像、PNG格式圖像，不同類(lèi)型格式的圖形圖像在大小、像素和呈現(xiàn)效果上各不相同，必須要根據(jù)網(wǎng)頁(yè)設(shè)計(jì)的實(shí)際需求來(lái)對(duì)圖像進(jìn)行格式轉(zhuǎn)換處理或者剪裁處理，目的就是使圖形圖像同網(wǎng)頁(yè)相協(xié)調(diào)?！?】GIF格式是與設(shè)備無(wú)關(guān)的圖像存儲(chǔ)標(biāo)準(zhǔn)，是在互聯(lián)網(wǎng)絡(luò)上使用最早應(yīng)用范圍最廣的一種圖像格式，適合對(duì)大的圖形進(jìn)行壓縮處理，支持動(dòng)態(tài)圖像。Jpg格式則更加適用處理照片，PNG格式無(wú)論是處理圖像還是照片都可以試用，其優(yōu)點(diǎn)在于PNG對(duì)圖形圖像進(jìn)行無(wú)損處理，但缺點(diǎn)是文件過(guò)大，也不支持動(dòng)態(tài)圖形呈現(xiàn)。

二、網(wǎng)頁(yè)設(shè)計(jì)中圖形圖像的處理技巧探討

1、分清主次，優(yōu)化頁(yè)面布局設(shè)計(jì)

探討網(wǎng)頁(yè)設(shè)計(jì)中圖形圖像的處理技巧，首要的一點(diǎn)就是要分清圖形圖像的主次，優(yōu)化頁(yè)面布局設(shè)計(jì)。一般來(lái)說(shuō)圖形圖像在網(wǎng)頁(yè)中呈現(xiàn)的形式有退底圖、邊緣模糊圖和四方圖這幾種，【3】這幾種形式在視覺(jué)效果上有很大的不同，在進(jìn)行圖形圖像的處理時(shí)一定要根據(jù)版面的文字、聲音以及色彩等其他內(nèi)容來(lái)選擇合適的呈現(xiàn)形式，對(duì)于重點(diǎn)突出的部分選用四方圖，而對(duì)于網(wǎng)頁(yè)的邊角部分可以選用退底圖。

2、根據(jù)傳輸速度需求選擇合適的圖片格式

人們?cè)谑褂镁W(wǎng)頁(yè)進(jìn)行信息瀏覽或檢索的過(guò)程中，經(jīng)常會(huì)遇到圖片加載慢的問(wèn)題，究其原因就在于圖形圖像的尺寸、數(shù)量及清晰度受到了網(wǎng)絡(luò)傳輸?shù)南拗??！?】在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)圖形圖像處理的過(guò)程中必須要考慮到圖片的傳輸速度來(lái)選擇合適的圖片格式進(jìn)行處理。就比如在長(zhǎng)寬和色彩固定的前提下，對(duì)像素沒(méi)有明確要求，就要選用GIF格式來(lái)進(jìn)行圖像處理，GIF的優(yōu)點(diǎn)就在于體積小、加載速度快。

3、適當(dāng)進(jìn)行圖形圖像分割

網(wǎng)頁(yè)設(shè)計(jì)中進(jìn)行圖形圖像的處理時(shí)還可以適當(dāng)?shù)膶?duì)圖形圖像進(jìn)行分割。也就是說(shuō)處理清晰度高、體積較大的圖片時(shí)，可以將一幅完整的大圖片分割成小圖片，在進(jìn)行圖片呈現(xiàn)時(shí)只將圖片中最重要的那部分分離出來(lái)供人們?yōu)g覽，其余的則可以用背景填色的形式來(lái)進(jìn)行處理，這樣不僅保證了圖形圖像的加載速度，同時(shí)還不用對(duì)圖像進(jìn)行過(guò)度的壓縮以影響圖片質(zhì)量。

4、處理好動(dòng)態(tài)圖形的動(dòng)畫(huà)效果

在網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中經(jīng)常會(huì)使用到一些動(dòng)態(tài)圖形，這些動(dòng)態(tài)圖形有可能是單幀呈現(xiàn)也有可能是以小動(dòng)畫(huà)的形式呈現(xiàn)，在進(jìn)行這類(lèi)圖形圖像的處理時(shí)能使用GIF的就盡量不要使用flash動(dòng)畫(huà)，相比于flash動(dòng)畫(huà)來(lái)說(shuō)GIf既能夠?qū)崿F(xiàn)動(dòng)態(tài)圖形的疊加，又能夠壓縮文件大小，而對(duì)于有較高要求的動(dòng)態(tài)圖形，則可以通過(guò)設(shè)置超鏈接的形式來(lái)供人們?yōu)g覽或下載。

結(jié)語(yǔ)

在網(wǎng)頁(yè)設(shè)計(jì)中熟練的掌握和運(yùn)用圖形圖像的處理技巧，在形狀、格式以及布局方式上進(jìn)行優(yōu)化，能夠凸顯制作者的網(wǎng)頁(yè)設(shè)計(jì)水平，帶給用戶(hù)良好的使用和視覺(jué)體驗(yàn)。

參考文獻(xiàn)

[1]張宏.網(wǎng)頁(yè)設(shè)計(jì)中的圖形圖像處理技巧探索[J].信息與電腦（理論版），2019，31（18）：154-156.

[2]余晶.網(wǎng)頁(yè)設(shè)計(jì)中圖形圖像處理技巧[J].新聞前哨，2018（12）：23-24.

[3]歐中亞.試論圖形圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)制作中的應(yīng)用[J].信息通信，2018（09）：129-130.

[4]徐智旭，門(mén)威.網(wǎng)頁(yè)設(shè)計(jì)中的圖形圖像處理技巧[J].電子技術(shù)與軟件工程，2017（13）：83.