鞠東庭 長(zhǎng)春理工大學(xué)光電信息學(xué)院

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

鞠東庭 長(zhǎng)春理工大學(xué)光電信息學(xué)院

圖形圖像，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，是非常重要的，也是應(yīng)用很多的關(guān)鍵元素。在網(wǎng)頁(yè)設(shè)計(jì)中，適當(dāng)擺放和設(shè)計(jì)一些圖形圖像，可以讓網(wǎng)頁(yè)顯的美觀大方，生動(dòng)活動(dòng)，還能強(qiáng)化用戶的視覺(jué)效果，給人以美的享受。就此，本文淺談一下網(wǎng)頁(yè)設(shè)計(jì)中圖形圖像的一些處理技巧。

網(wǎng)頁(yè)設(shè)計(jì) 圖形圖像 處理技巧

圖形圖像是對(duì)物體的一種生動(dòng)的、客觀的形象描述和體現(xiàn)，一個(gè)網(wǎng)頁(yè)設(shè)計(jì)是不是好看，一個(gè)重要的要素就是圖形圖像的運(yùn)用。有的人在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，過(guò)分注重內(nèi)容，卻忘記了圖形圖像更為重要。可以說(shuō)，圖形圖像在網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用的恰當(dāng)與否，都決定著用戶體驗(yàn)的效果，決定著網(wǎng)站整體的基礎(chǔ)風(fēng)格。因此，學(xué)會(huì)在網(wǎng)頁(yè)設(shè)計(jì)中處理和運(yùn)用圖形圖像是網(wǎng)頁(yè)設(shè)計(jì)者必備的技能。

1.在網(wǎng)頁(yè)設(shè)計(jì)中，圖形圖像包括哪些表現(xiàn)形式？

一般來(lái)說(shuō)，圖形圖像主要有三個(gè)表現(xiàn)形式，包括圖形符號(hào)、插圖和攝影。

1.1 圖形符號(hào)是世界上最精煉的視覺(jué)語(yǔ)言

它沒(méi)有任何多余的表述，只簡(jiǎn)單表達(dá)出事物的造型、細(xì)節(jié)等最根本的，最必需的形態(tài)特征。網(wǎng)頁(yè)設(shè)計(jì)者運(yùn)用圖形符號(hào)時(shí)，想表達(dá)的內(nèi)容充滿著暗示的意味，一般是對(duì)具體事物或者原本形態(tài)最真實(shí)的想法和體驗(yàn)，能夠引導(dǎo)用戶的思路，幫助用戶獲取真實(shí)的信息，比較敏銳，觀察仔細(xì)的用戶會(huì)不由自主的，將內(nèi)心強(qiáng)大的活力激發(fā)出來(lái)。有一個(gè)畫(huà)家的主頁(yè)，在網(wǎng)站里，就是通過(guò)多種形態(tài)的圖形符號(hào)來(lái)展現(xiàn)網(wǎng)站的主頁(yè)主題，受到瀏覽者的一致關(guān)注，效果非常不錯(cuò)。

1.2 攝影就是照相

通過(guò)這種技術(shù)表現(xiàn)出來(lái)的圖形圖像，就是人們常說(shuō)的照片。這個(gè)表現(xiàn)形式在日常生活中應(yīng)用廣泛，具有直觀寫(xiě)實(shí)的特點(diǎn)，能夠很快的讓人接受，觀看者的注意力不容易被其它抽象的畫(huà)面形式來(lái)影響。所以，在網(wǎng)頁(yè)設(shè)計(jì)中，通過(guò)攝影手段呈現(xiàn)出來(lái)的照片，是能夠迅速吸引用戶眼球的。如今的照片，不再?gòu)?qiáng)調(diào)以往的修飾潤(rùn)色等處理方法，而是盡量真實(shí)的表達(dá)照片內(nèi)容。如有些大品牌，在網(wǎng)站頁(yè)面上就運(yùn)用了大量的產(chǎn)品照片和少量的產(chǎn)品文字介紹。照片有近景有遠(yuǎn)景，有特寫(xiě)有全景，有動(dòng)態(tài)的有靜態(tài)的，錯(cuò)落有致的布滿在網(wǎng)頁(yè)中，讓人很快能明白這個(gè)品牌所傳達(dá)的信息。

1.3 插圖

即可以是實(shí)實(shí)在在的，也可以是抽象虛化的，它在網(wǎng)頁(yè)設(shè)計(jì)中，能最大限度的延展、拓寬設(shè)計(jì)者想要表達(dá)的內(nèi)容。制作插圖完全不用受到現(xiàn)實(shí)生活的約束，大可以利用顏色、線條、紋理、構(gòu)成、光線等要素來(lái)完成不同圖形圖像，還可以通過(guò)強(qiáng)化細(xì)節(jié)，體現(xiàn)設(shè)計(jì)者的個(gè)性特點(diǎn)，想要闡釋的視覺(jué)感受。對(duì)比照片，插圖，更能利用用戶觀看體驗(yàn)的敏銳感，表達(dá)出不同的信息特點(diǎn)。

2.在網(wǎng)頁(yè)設(shè)計(jì)中，怎樣更好的處理圖形圖像？

2.1 圖形圖像修飾要形態(tài)多樣

定位一個(gè)網(wǎng)站的風(fēng)格，它是傳統(tǒng)正版的門(mén)戶網(wǎng)站，還是粗獷大氣的男性網(wǎng)站，還是細(xì)膩溫柔的女性網(wǎng)站，面對(duì)的群體是講究細(xì)節(jié)、還是注重外形，亦或是注重個(gè)性等等這些內(nèi)容，都要第一時(shí)間通過(guò)網(wǎng)頁(yè)設(shè)計(jì)來(lái)表現(xiàn)，而圖形圖像的形態(tài)變化就能左右網(wǎng)頁(yè)的氣氛，確定網(wǎng)站的風(fēng)格，并且能直接讓觀看者產(chǎn)生興趣。通俗來(lái)說(shuō)，比較正板、規(guī)矩、穩(wěn)定、嚴(yán)肅的圖形圖像呈方形或者直角，而比較溫和、親切、活潑的圖形圖像，則選擇圓形或者是圓角，也可以選擇一些不帶邊框，或者根據(jù)版面內(nèi)容所需，將圖片中精選部分沿邊緣裁剪出來(lái)的退底圖。

2.2 圖形圖像分布要小大結(jié)合

一般來(lái)說(shuō)，網(wǎng)頁(yè)中，這幅圖形圖像在網(wǎng)頁(yè)中是不是重要，決定了圖形圖像的面積大小。大的圖形圖像有很強(qiáng)的視覺(jué)感染力，能夠強(qiáng)烈將情感表達(dá)出來(lái)；小的圖形圖像，則常常用于插在文字中，主要起到點(diǎn)綴的作用，呼應(yīng)主題，讓整個(gè)網(wǎng)頁(yè)顯的一目了然，精致有趣。用戶在瀏覽網(wǎng)頁(yè)時(shí)，一般都會(huì)遵循先大后小的原則，這樣流動(dòng)觀看會(huì)使視線形成一種動(dòng)態(tài)，達(dá)到使頁(yè)面活潑的效果，因此，網(wǎng)頁(yè)設(shè)計(jì)不能只有大圖，或者全是小圖，必須要大小結(jié)合，才能均衡網(wǎng)頁(yè)，完美的展示。

2.3 圖形圖像與網(wǎng)頁(yè)背景要和諧

在設(shè)計(jì)中，圖形圖像首先應(yīng)該和網(wǎng)頁(yè)背景，看起來(lái)是整體的，一致的，給人以和諧的美感，但也應(yīng)該有一定的對(duì)比和變化，這樣才能更好的突出主題。目前，越來(lái)越多的網(wǎng)站，第一張的主頁(yè)會(huì)選用大圖。比如一張清晰寫(xiě)實(shí)大照片后者一張抽象虛化的大插圖。同時(shí)，色彩背景也不再是經(jīng)典的黑白色，而是通過(guò)濃烈的、鮮艷的、飽和度很高顏色來(lái)設(shè)計(jì)網(wǎng)頁(yè)，從而使網(wǎng)站的內(nèi)容更加突出。

可以說(shuō)，圖形圖像在網(wǎng)頁(yè)設(shè)計(jì)中的處理技巧，除了要處理好圖片的大小，外部形態(tài)的修飾，背景的合理布置外，還需要有認(rèn)真的工作態(tài)度，細(xì)致的觀察、獨(dú)特的審美、以及豐富的想象，這樣才能設(shè)計(jì)出優(yōu)秀的網(wǎng)頁(yè)作品，使網(wǎng)站有一個(gè)完美的整體結(jié)構(gòu)布局，提高瀏覽者的觀看興趣，帶給用戶美的享受。

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

[2]呂玉梅.探索網(wǎng)頁(yè)設(shè)計(jì)與藝術(shù)設(shè)計(jì)課程的整合[J].信息與電腦(理論版),2016,(16):255-256.

[3]謝春松.基于網(wǎng)頁(yè)界面設(shè)計(jì)中視覺(jué)元素分析與研究[D].導(dǎo)師：丘星星.福建師范大學(xué),2014.

[4]鄭望平.網(wǎng)頁(yè)設(shè)計(jì)中的色彩運(yùn)用與研究[D].導(dǎo)師：馬仿明.西北師范大學(xué),2012.

鞠東庭（1989-），男，吉林長(zhǎng)春人，碩士研究生，研究方向：視覺(jué)傳達(dá)設(shè)計(jì)。