網頁設計中的圖形圖像處理技巧探索

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

網頁設計中的圖形圖像處理技巧探索

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

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

網頁設計 圖形圖像 處理技巧

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

1.在網頁設計中，圖形圖像包括哪些表現形式？

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

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

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

1.2 攝影就是照相

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

1.3 插圖

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

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

2.1 圖形圖像修飾要形態多樣

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

2.2 圖形圖像分布要小大結合

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

2.3 圖形圖像與網頁背景要和諧

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

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

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

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

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

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

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