鞠東庭 長春理工大學光電信息學院

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

鞠東庭 長春理工大學光電信息學院

圖形圖像，對于網(wǎng)頁設計來說，是非常重要的，也是應用很多的關鍵元素。在網(wǎng)頁設計中，適當擺放和設計一些圖形圖像，可以讓網(wǎng)頁顯的美觀大方，生動活動，還能強化用戶的視覺效果，給人以美的享受。就此，本文淺談一下網(wǎng)頁設計中圖形圖像的一些處理技巧。

網(wǎng)頁設計 圖形圖像 處理技巧

圖形圖像是對物體的一種生動的、客觀的形象描述和體現(xiàn)，一個網(wǎng)頁設計是不是好看，一個重要的要素就是圖形圖像的運用。有的人在設計網(wǎng)頁時，過分注重內(nèi)容，卻忘記了圖形圖像更為重要?？梢哉f，圖形圖像在網(wǎng)頁設計中運用的恰當與否，都決定著用戶體驗的效果，決定著網(wǎng)站整體的基礎風格。因此，學會在網(wǎng)頁設計中處理和運用圖形圖像是網(wǎng)頁設計者必備的技能。

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

一般來說，圖形圖像主要有三個表現(xiàn)形式，包括圖形符號、插圖和攝影。

1.1 圖形符號是世界上最精煉的視覺語言

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

1.2 攝影就是照相

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

1.3 插圖

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

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

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

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

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

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

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

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

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

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

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

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

[4]鄭望平.網(wǎng)頁設計中的色彩運用與研究[D].導師：馬仿明.西北師范大學,2012.

鞠東庭（1989-），男，吉林長春人，碩士研究生，研究方向：視覺傳達設計。