淺析網頁設計中圖像的運用

摘 要：網頁設計中圖像，是構成網頁設計的重要視覺元素之一，一個網頁倘若只有文字，會讓人覺得枯燥無味，當然，若全是圖片也會讓人覺得主題不鮮明，信息傳達不準確的感覺，所以我們要把握好圖像在網頁設計中的運用，這里簡單介紹靜態圖像、標志以及橫幅廣告和動態圖像Flash在網頁設計中的運用，讓大家對網頁中的圖像有個總體的了解和掌握。

關鍵詞：網頁設計；圖像；網站標志；橫幅廣告

[中圖分類號]：J02 [文獻標識碼]：A

[文章編號]：1002-2139（2014）-03--01

網絡是由網站組成的，網站又是由數個網頁組成的，網頁正以它獨有的特性，方便快捷地把各種信息傳遞給瀏覽者，使我們快速進入了信息化時代，讓我們體驗了全新的視覺盛宴。但是也不是所有網站的網頁都會讓人有美感享受的，網頁設計的好與壞將影響整個網站。網絡作為網頁的載體，為我們承載了太多的信息，是以往任何多媒體都難以負荷的信息量，網頁通過視覺要素吸引著瀏覽者的目光，視覺要素很多種，但是第一映入瀏覽者眼簾的除了網頁中的色彩就是網頁中各種各樣的圖像了，所以，網頁設計中圖像運用的如何，決定著這個網頁的好與壞，這么說，應該是不為過的。

一、網頁圖像

網頁圖像在運用上，我們應該首先考慮圖像的選擇是否與網站的主題風格一致，是否會服務于這個網頁，其次應該考慮怎樣進行編排，圖像的編排，就是將圖像與字體、色彩進行合理的編排，設計，以突出主題為目的。當然也不是沒有規律可循的，這里介紹兩種編排方式：第一種是一頁面的四個角和頁面的中軸四點為結構，進行組織編排，何為中軸四點，就是經過頁面中心的垂直線和水平線的四個端點，這四個點可以上、下、左、右移動隨意移動，然后配合頁面四角，可以形成很多種組合，可以獲得多變的頁面結構。第二種是塊狀組合與散點組合結構。何為塊狀組合，其實就是通過頁面的水平線、垂直線及組合線來進行分割，將多幅圖像在頁面進行整齊有序地排列，并且排列成塊狀。這樣的組合使得畫面具有強烈的整體感和秩序感，散點組合就是將圖像分散排列在頁面的各個部位，可以讓畫面看起來輕松、自由、具有動感，但是把握不好，也會讓畫面看起來很零亂，所以我們一定要把握好這個尺度。

二、網站標志

網站的標志可以體現網站的特色，是網頁設計中重要的視覺要素，通過標志可以傳遞出企業的經營理念、企業的整體定位、企業的內涵等。可以把網站的整體創意集中體現出來，也有利于用戶的視覺識別。標志是標識、徽標的意思，它以其簡潔明確的創意圖形，把事物的內容品質凝練在一起，最后以抽象的圖形展現出來。標志在網頁中還經常被用來與其他網站進行鏈接的工具。這時可以將標志有序的排列于頁面的某一位置，各式各樣的標志圖形，對頁面也起到了一定裝飾作用。網站中的標志不單單指那些小圖標，它可以是網站的整體形象標志，有些網站就是標志作為一個網站的整體形象，作為網站的首頁，言簡意賅。

標志可以運用中文字體、英文字體、各式各樣的符號、圖形、圖案，也可以通過動物或者人物等。視覺效果突出的標志，會吸引很多用戶甚至影響用戶對網站的整體判斷，如果網站越做越大，最終要面向全球，那么優秀的標志會帶來超乎想象的效果，會吸引來更多瀏覽者，最終深入人心，贏得市場。根據網站的內容，有的網站是體現人物的，有的是體現動物的，有的是體現植物的，有的是體現科技的，可以選用它們作為設計素材進行加工，進行設計，把它們進行藝術化或卡通化設計，如迪士尼樂園的米老鼠形象等。那些專業類型的網站，標志的設計要素可以選用其專業具有特點、個性的物品作為網站的標志，還有比較常用且簡單的方式設計標志，那就是運用自己網站的英文或是中文字母作網站的標志，既容易記住也可以加強網站的印象。

網站標志設計時需要注意事宜：第一，網站的標志應該具有識別性，它不僅體現網站也代表著企業，以其獨特的形式傳播企業的文化，標志作為傳播企業文化信息的視覺要素，追求的是獨創性和識別性。第二，網站標志的使用標準，進行網站標志設計時，應把標志在各種環境下使用的形式也設計出來，這對網站的整體規劃規范有著極其現實的意義。我們應了解標志的標準顏色、標準字體、標準組合、反白使用效果等。讓標志可以清晰地呈現在用戶面前，制定它的最小顯示尺寸，還要制定一些輔助色彩，其他配色等方便在特定條件下使用，也便于把它制作成按鈕時應用。應用時一定確保文字，標志的邊緣要清晰，文字與標志也別交疊在一起。成功完整的標志在什么樣的屏幕下顯示都應該是視覺效果差不多的，不應該只是在設計人員高分辨率屏幕上顯示的效果好，只有在所有屏幕下顯示的效果差不多，才可以普遍推行，這樣才能發揮其應有的作用。經濟日趨國際化的今天，還應多設計些具有中國特色的標志，設計具有中國特色的標志，標志的構成要素至少有中文字體和英文字體兩種字體組成。有時還需要其他特定語言以及繁體字體的應用等。還要注意標志和文字在特定場合下需要展開，展開后是否有好的視覺效果，我們設計人員在設計標志時都應考慮進去。

三、 網站的橫幅廣告

網站中的橫幅廣告它可以位于頁面的頂部、中部或底部的任意位置，一般橫向貫穿整個或大半個頁面。它并不是網站必須有的內容，商業類型的網站應用較多，它的尺寸也有很多，如468×60、392×60、234×60、125×125、120×90等（單位：像素），常見的尺寸為480×60。由于顯示器尺寸在不斷地增大和網站站點也在越來越豐富，使用超標準的橫幅廣告也是越來越多，由于多半應用于宣傳，所以很多網站在制作橫幅廣告時通常選用文字與圖形相結合的方式，人們可以很快從中獲得信息。它可以運用GIF格式的圖像文件，也可以運用靜態圖像，還可以運用FLASH格式的圖像文件。FLASH的出現無疑更是為網頁頁面增加了亮點，它既是一種圖像的動態效果也是一種交互式矢量多媒體技術，這將是web發展的大趨勢。FLASH具有視覺沖擊力強和超強感染力，它充分利用了人們視覺上的暫留特性，可以將一些運動變化的圖像快速播放，這樣吸引人們的眼球。FLASH的技術水平在不斷的成熟，它把文字、顏色、圖像、音效融合為一體，在網站上形成一道亮麗的動態風景線，具有創意的動畫設計會給網站帶來很高的點擊率，提升網站的人氣。運用橫幅廣告時，一定要將主題突出，當瀏覽者看到橫幅廣告時，便能很快從中獲得想要的信息。

總之，我們在進行網頁設計時，一定要合理編排網頁中的圖像要素，讓瀏覽者瀏覽網頁時既可以得到自己想要的信息，同時視覺上也得到了美的享受，可謂真正的身心愉悅，這樣的網頁設計才是我們追求的目標，設計要真正做到以人為本。

參考文獻：

[1]王曉峰，焦燕.《網頁美術設計原理及實戰策略》 清華大學出版社

[2]余沐人，端木志堅.《標志設計》中國紡織出版社