淺析網(wǎng)頁設(shè)計(jì)中圖像的運(yùn)用

摘 要：網(wǎng)頁設(shè)計(jì)中圖像，是構(gòu)成網(wǎng)頁設(shè)計(jì)的重要視覺元素之一，一個(gè)網(wǎng)頁倘若只有文字，會(huì)讓人覺得枯燥無味，當(dāng)然，若全是圖片也會(huì)讓人覺得主題不鮮明，信息傳達(dá)不準(zhǔn)確的感覺，所以我們要把握好圖像在網(wǎng)頁設(shè)計(jì)中的運(yùn)用，這里簡單介紹靜態(tài)圖像、標(biāo)志以及橫幅廣告和動(dòng)態(tài)圖像Flash在網(wǎng)頁設(shè)計(jì)中的運(yùn)用，讓大家對(duì)網(wǎng)頁中的圖像有個(gè)總體的了解和掌握。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；圖像；網(wǎng)站標(biāo)志；橫幅廣告

[中圖分類號(hào)]：J02 [文獻(xiàn)標(biāo)識(shí)碼]：A

[文章編號(hào)]：1002-2139（2014）-03--01

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

一、網(wǎng)頁圖像

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

二、網(wǎng)站標(biāo)志

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

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

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

三、 網(wǎng)站的橫幅廣告

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

總之，我們?cè)谶M(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，一定要合理編排網(wǎng)頁中的圖像要素，讓瀏覽者瀏覽網(wǎng)頁時(shí)既可以得到自己想要的信息，同時(shí)視覺上也得到了美的享受，可謂真正的身心愉悅，這樣的網(wǎng)頁設(shè)計(jì)才是我們追求的目標(biāo)，設(shè)計(jì)要真正做到以人為本。

參考文獻(xiàn)：

[1]王曉峰，焦燕.《網(wǎng)頁美術(shù)設(shè)計(jì)原理及實(shí)戰(zhàn)策略》 清華大學(xué)出版社

[2]余沐人，端木志堅(jiān).《標(biāo)志設(shè)計(jì)》中國紡織出版社