淺析網(wǎng)頁(yè)設(shè)計(jì)與圖形圖像處理技術(shù)

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了淺析網(wǎng)頁(yè)設(shè)計(jì)與圖形圖像處理技術(shù)范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

摘要：提升網(wǎng)頁(yè)設(shè)計(jì)的吸引力，需要從優(yōu)化網(wǎng)頁(yè)圖形圖像設(shè)計(jì)效果上來(lái)滿足視覺(jué)瀏覽訴求。計(jì)算機(jī)圖形圖像處理技術(shù)，能夠幫助設(shè)計(jì)者來(lái)充分發(fā)揮計(jì)算機(jī)的優(yōu)勢(shì)，來(lái)展現(xiàn)多樣化、動(dòng)態(tài)網(wǎng)頁(yè)效果。本文結(jié)合圖形圖像處理技術(shù)來(lái)探討其在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用，并從構(gòu)圖、色彩、導(dǎo)航條制作等方面展開技術(shù)探析。

關(guān)鍵詞：圖形圖像處理；網(wǎng)頁(yè)設(shè)計(jì)；制作應(yīng)用

引言

網(wǎng)頁(yè)制作是一門綜合性技術(shù)，既需要從設(shè)計(jì)形式上表現(xiàn)出藝術(shù)性，還需要從技術(shù)處理上突出專業(yè)水平。圖形圖像處理技術(shù)的應(yīng)用，從網(wǎng)絡(luò)視覺(jué)展示效果及發(fā)揮計(jì)算機(jī)圖形圖像處理優(yōu)勢(shì)上，更能夠增強(qiáng)網(wǎng)頁(yè)的感染力。當(dāng)然，網(wǎng)頁(yè)設(shè)計(jì)所包括的要素較多，對(duì)文字、圖片、超鏈接的設(shè)計(jì)與構(gòu)成，需要從其邏輯關(guān)系及先后順序上來(lái)合理架構(gòu)，突出網(wǎng)頁(yè)設(shè)計(jì)的整體性效果。

1.圖形圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的重要性

網(wǎng)頁(yè)設(shè)計(jì)是基于瀏覽器來(lái)滿足用戶的瀏覽需求，本身具有較高的復(fù)雜性、綜合性特點(diǎn)。圖形圖像處理技術(shù)與網(wǎng)頁(yè)設(shè)計(jì)的結(jié)合，從專業(yè)設(shè)計(jì)上來(lái)強(qiáng)化網(wǎng)頁(yè)版式的藝術(shù)與感染力，其重要性表現(xiàn)在：一是美化網(wǎng)頁(yè)效果，增加用戶瀏覽量。對(duì)藝術(shù)美感的追求也是網(wǎng)頁(yè)設(shè)計(jì)的重要內(nèi)容，能夠激發(fā)瀏覽者的興趣，易于被瀏覽者記住并推廣傳播。圖形圖像處理技術(shù)可以對(duì)網(wǎng)頁(yè)展示要素進(jìn)行美化處理，對(duì)圖形的結(jié)構(gòu)、大小、色彩、位置等進(jìn)行合理架構(gòu)，來(lái)突出網(wǎng)頁(yè)設(shè)計(jì)的視覺(jué)效果。二是強(qiáng)調(diào)網(wǎng)頁(yè)設(shè)計(jì)重點(diǎn)，凸顯網(wǎng)頁(yè)設(shè)計(jì)理念。網(wǎng)頁(yè)設(shè)計(jì)的核心是對(duì)文字、圖形等要素的有機(jī)融合，來(lái)充分展現(xiàn)信息導(dǎo)向作用，便于瀏覽者從中獲取信息資訊等內(nèi)容。因此，從節(jié)省瀏覽者時(shí)間，提升瀏覽效率上來(lái)展現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)所要反映的主題，以簡(jiǎn)潔性技術(shù)來(lái)傳達(dá)最直觀的信息是網(wǎng)頁(yè)設(shè)計(jì)者所遵循的重要理念。三是優(yōu)化網(wǎng)頁(yè)圖形、圖像質(zhì)量，提高網(wǎng)頁(yè)運(yùn)行效率。借助于圖形圖像處理技術(shù)，可以對(duì)網(wǎng)頁(yè)圖形、圖片等進(jìn)行有效處理。如利用圖像去噪技術(shù)來(lái)優(yōu)化圖片質(zhì)量，利用圖像增強(qiáng)來(lái)美化圖像在網(wǎng)頁(yè)中的顯示效果，增強(qiáng)網(wǎng)頁(yè)畫面設(shè)計(jì)感，如圖形邊緣增強(qiáng)技術(shù)、銳化技術(shù)、色彩增效技術(shù)等；圖像壓縮技術(shù)，來(lái)對(duì)圖像格式進(jìn)行轉(zhuǎn)換，減少圖像數(shù)據(jù)冗余，提高網(wǎng)頁(yè)傳輸速率，減少圖像失真。

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

圖形圖像處理技術(shù)多為設(shè)計(jì)類處理軟件，便于對(duì)網(wǎng)頁(yè)中的各展示要素進(jìn)行優(yōu)化處理。如Photoshop、火狐等軟件，能夠根據(jù)設(shè)計(jì)者的需要來(lái)構(gòu)建網(wǎng)頁(yè)圖形圖像，優(yōu)化網(wǎng)頁(yè)信息及編碼，提升網(wǎng)頁(yè)的處理效率和展示效果。

2.1網(wǎng)頁(yè)設(shè)計(jì)中的構(gòu)圖

從網(wǎng)頁(yè)視覺(jué)展示上，各對(duì)象的合理設(shè)置，需要從構(gòu)圖設(shè)計(jì)上來(lái)清晰、完整的顯示各網(wǎng)頁(yè)內(nèi)容，詮釋網(wǎng)頁(yè)的主題思想。構(gòu)圖設(shè)計(jì)是對(duì)網(wǎng)頁(yè)獨(dú)特要素的重新安排與優(yōu)化。在版面構(gòu)成上，圖片的使用能夠增強(qiáng)網(wǎng)頁(yè)的視覺(jué)效果，吸引瀏覽者的興趣，但對(duì)于圖形圖片本身，又具有較強(qiáng)的設(shè)計(jì)彈性，需要從視覺(jué)展示上來(lái)優(yōu)化圖形圖片與其他設(shè)計(jì)要素的和諧統(tǒng)一。同時(shí)，在網(wǎng)頁(yè)所傳達(dá)的設(shè)計(jì)主題上，不同圖形圖片的配置也反映了設(shè)計(jì)認(rèn)知方式，借助于圖形圖片來(lái)提高瀏覽順暢度，降低瀏覽障礙，即便是不識(shí)字也能夠從圖式信息中來(lái)明白其內(nèi)涵。構(gòu)圖設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中具有差異性，也是網(wǎng)頁(yè)設(shè)計(jì)制作者彰顯設(shè)計(jì)個(gè)性的重要表現(xiàn)。比如水平式構(gòu)圖，以水平方向來(lái)排列網(wǎng)頁(yè)中的各種設(shè)計(jì)要素，并從中來(lái)傳遞設(shè)計(jì)者的穩(wěn)定、莊嚴(yán)的審美標(biāo)準(zhǔn)。水平式構(gòu)圖多應(yīng)用于企業(yè)、政府機(jī)構(gòu)及教育領(lǐng)域等網(wǎng)站，在網(wǎng)頁(yè)制作設(shè)計(jì)上，還可以與導(dǎo)航條、文字、構(gòu)圖要素中不同的色彩選擇來(lái)強(qiáng)化網(wǎng)頁(yè)的設(shè)計(jì)效果?？v向式構(gòu)圖是沿著垂直方向來(lái)布局設(shè)計(jì)要素，符合現(xiàn)代人審美視覺(jué)習(xí)慣，且具有展現(xiàn)直觀、視覺(jué)清晰等效果，多應(yīng)用于廣告類網(wǎng)頁(yè)設(shè)計(jì)中。同時(shí)，縱向式構(gòu)圖可以選擇不對(duì)稱結(jié)構(gòu)，來(lái)營(yíng)造別樣的網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)效果。如圖1所示。中心式構(gòu)圖是以網(wǎng)頁(yè)中心位置為視覺(jué)焦點(diǎn)，采用輻射方式來(lái)布局其他設(shè)計(jì)要素，突顯網(wǎng)頁(yè)展示重點(diǎn)，具有較強(qiáng)的設(shè)計(jì)個(gè)性。

2.2網(wǎng)頁(yè)設(shè)計(jì)中的色彩應(yīng)用

網(wǎng)頁(yè)制作設(shè)計(jì)中的色彩具有提升設(shè)計(jì)創(chuàng)意的獨(dú)特效果，色彩本身是多樣的，如果簡(jiǎn)單機(jī)械的組合，則無(wú)法突顯色彩的展示效果。同時(shí)，網(wǎng)頁(yè)設(shè)計(jì)中對(duì)色彩的搭配與圖形圖像處理息息相關(guān)，都應(yīng)該從整體協(xié)調(diào)度、視覺(jué)清晰指數(shù)、用戶瀏覽滿意度等方面來(lái)合理搭配。如在網(wǎng)頁(yè)中的圖像色彩處理上多采用RGB模式，以兼容過(guò)去32位顯示器的瀏覽需要。另外，在網(wǎng)頁(yè)配色選擇上，可以從某一色彩的確定上來(lái)調(diào)整飽和度、透明度等參數(shù)，來(lái)實(shí)現(xiàn)對(duì)原色的深化、淺化處理；在多種色彩的對(duì)比展示上，可以從色彩的純度、明度調(diào)整上來(lái)把控色彩的表現(xiàn)力。

2.3網(wǎng)頁(yè)設(shè)計(jì)中對(duì)圖形圖像軟件的處理

圖形圖像處理技術(shù)作為網(wǎng)頁(yè)設(shè)計(jì)的重要內(nèi)容，在應(yīng)用中需要從構(gòu)圖、Logo、導(dǎo)航條制作等方面進(jìn)行特效處理，來(lái)展現(xiàn)別樣的網(wǎng)頁(yè)設(shè)計(jì)效果。首先結(jié)合網(wǎng)頁(yè)設(shè)計(jì)的應(yīng)用領(lǐng)域，來(lái)選擇合理的網(wǎng)頁(yè)構(gòu)圖方式。如某人力資源評(píng)測(cè)網(wǎng)需要鄭重、嚴(yán)肅的設(shè)計(jì)風(fēng)格，且要便于瀏覽者從中來(lái)獲取資訊信息。因此，可以選擇水平構(gòu)圖與中心構(gòu)圖相結(jié)合的方式，來(lái)增強(qiáng)瀏覽者的注意力，但從色彩配合上，以白色為背景色、以藍(lán)色為主色調(diào)，來(lái)調(diào)整藍(lán)色系的明暗度和飽和度，營(yíng)造融洽、溫和、深遠(yuǎn)的視覺(jué)心理感應(yīng)效果。在Logo制作上，Logo本身作為網(wǎng)站的標(biāo)志，要突顯其形象，傳遞相應(yīng)的信息，并保持美觀、簡(jiǎn)潔、鮮明的視覺(jué)效果。導(dǎo)航條是網(wǎng)頁(yè)設(shè)計(jì)的重要內(nèi)容，也是提高瀏覽者快捷、有效完成頁(yè)面瀏覽的重要元素。導(dǎo)航條在分級(jí)設(shè)計(jì)上，要從頂級(jí)目錄與子頁(yè)面之間建立良好的內(nèi)容鏈接，要方便查詢和瀏覽。因此在設(shè)計(jì)上，要結(jié)合網(wǎng)站設(shè)計(jì)的主題與不同網(wǎng)頁(yè)的功能特點(diǎn)，在保證外觀設(shè)計(jì)美化中融入實(shí)用性要求。導(dǎo)航條的色彩選擇要與網(wǎng)頁(yè)的色調(diào)相融合，當(dāng)子頁(yè)面過(guò)多時(shí)可以采用列表導(dǎo)航方式。如對(duì)于人力評(píng)測(cè)網(wǎng)導(dǎo)航條制作與設(shè)計(jì)，其步驟主要有：一是重建圖層，利用矩形選框工具設(shè)置矩形區(qū)；二是修改漸變色，突顯色彩漸變效果；三是進(jìn)入編輯，對(duì)導(dǎo)航條進(jìn)行描邊，增強(qiáng)描邊效果；四是利用快捷鍵來(lái)進(jìn)行撤回選擇，點(diǎn)擊圖層，修改圖層樣式，來(lái)設(shè)置不同的圖層效果，如斜面、浮雕效果等，并對(duì)樣式、大小、深度等進(jìn)行調(diào)整；六是利用投影樣式來(lái)改變漸變效果，如設(shè)置三維效果等。

3.結(jié)語(yǔ)

對(duì)于網(wǎng)頁(yè)設(shè)計(jì)中圖形圖像處理技術(shù)的應(yīng)用，要結(jié)合不同網(wǎng)站特點(diǎn)，來(lái)合理使用圖形圖像處理方法，來(lái)展現(xiàn)設(shè)計(jì)者的構(gòu)思，來(lái)傳遞個(gè)性化視覺(jué)審美情感，為瀏覽者營(yíng)造一個(gè)內(nèi)容豐富、功能全面、色彩鮮明、結(jié)構(gòu)清新的網(wǎng)頁(yè)展示環(huán)境。

參考文獻(xiàn)

[1]林麗紅.網(wǎng)頁(yè)設(shè)計(jì)制作中圖形圖像處理技術(shù)的應(yīng)用[J].產(chǎn)業(yè)與科技論壇,2015,(23):50-51.

[2]王振彥.網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用[J].電子技術(shù)與軟件工程,2014,(07):121-122.

作者:楊威 單位:商丘醫(yī)學(xué)高等?？茖W(xué)校