網(wǎng)頁設(shè)計視覺表現(xiàn)形式論文
一部分網(wǎng)頁設(shè)計只注重功能層面,重視服務(wù)而輕視視覺傳播。在設(shè)計版式上,大多是“左中右”三大板塊的死板規(guī)矩模式,千篇一律,變化性較差。
一個成功的網(wǎng)頁設(shè)計單靠圖形圖像是無法負(fù)擔(dān)的,非借助文字不可,文字表達(dá)最大的特征是表意的準(zhǔn)確性。而現(xiàn)在的很多網(wǎng)頁設(shè)計中對文字的使用修飾、創(chuàng)新成分很少,只是為了達(dá)到宣傳目的而堆砌宣傳文字。以上兩條是由于“早期承傳”而留下來的問題。目前還有待于進(jìn)行規(guī)范和修正。我們所見到的很多網(wǎng)頁,有相當(dāng)一部分存在著這種毛病。設(shè)計制作者將各種文字、圖片、動畫等內(nèi)容不加考慮地簡單拼湊在頁面上,既不夠條理,也很不規(guī)范,更談不上藝術(shù)技巧了。由于沒有做好歸類和整理,導(dǎo)致內(nèi)容五花八門、不分主次;由于做不到用藝術(shù)手法突出內(nèi)容層次,整個頁面就像一個大雜燴。
網(wǎng)頁設(shè)計不是唯美作品,它是一種實(shí)用設(shè)計,必須找準(zhǔn)藝術(shù)與內(nèi)容的結(jié)合點(diǎn),關(guān)鍵是要把握住“度”,也就是“火候”。例如,有的網(wǎng)頁頁面做得雖花哨,但很不實(shí)用,它或是用“深色調(diào)”、帶有花哨圖案的圖片作背景;或是隨意使用顏色各異、風(fēng)格不同的圖片、文字、動畫、頁面,沖淡了整體感。又如,有的網(wǎng)頁追求片面的唯美主義,將按鈕溶入到頁面的圖片中去,雖然整體漂亮了,但是用戶有時卻找不到按鈕,造成了網(wǎng)頁使用方面的障礙。
一些“網(wǎng)站”,在標(biāo)題的放置、按鈕的編排到動畫的采用上幾乎都有相似之感,就像流水線上下來的產(chǎn)品,失去了自己的特點(diǎn)。造成這種現(xiàn)象的原因是,設(shè)計標(biāo)準(zhǔn)不高,只要能區(qū)分開文本和背景就達(dá)到目的。其采用的手法是“走捷徑”,雖然用大眾化的方法追求容易,但這樣就失去了網(wǎng)頁設(shè)計的目的。筆者認(rèn)為為了克服以上不足,網(wǎng)頁設(shè)計除了要具有自己獨(dú)特的個性化設(shè)計外,還要順應(yīng)“網(wǎng)民”的要求,順應(yīng)市場的發(fā)展,不斷推出新的欄目,來滿足市場的需求,更好地服務(wù)“網(wǎng)民”。作為一個真正的設(shè)計師,不能只作畫匠和工匠,而是要有綜合的駕馭能力,包括綜合的設(shè)計能力和順應(yīng)“民”心的能力。
我們在網(wǎng)頁設(shè)計中既要注意強(qiáng)調(diào)個性化的創(chuàng)作和創(chuàng)意,自由流暢地表現(xiàn)自我意識,完成網(wǎng)頁設(shè)計中的“這一個”的典型特色,又要善于開拓創(chuàng)造性思維,力避簡單的圖片拼湊。
網(wǎng)頁設(shè)計的創(chuàng)新性視覺藝術(shù)表現(xiàn):
1.加強(qiáng)網(wǎng)頁整體布局,提高綜合駕馭能力。
網(wǎng)頁設(shè)計不只是一頁的設(shè)計,而是諸多頁面的組合,每一頁與每一頁的設(shè)計雖不同,但風(fēng)格是統(tǒng)一的。所以我們在實(shí)際設(shè)計中,應(yīng)首先做好網(wǎng)頁的整體布局與版面的合理分配。最好按以下步驟進(jìn)行:一是將所有應(yīng)表現(xiàn)的內(nèi)容,按邏輯思維進(jìn)行篩選排隊(duì),合理分配版面,好比是城市建設(shè)前的總體規(guī)劃一樣,做到統(tǒng)籌兼顧。二是根據(jù)網(wǎng)站的總體經(jīng)營思路和整體風(fēng)格,針對內(nèi)容而決定應(yīng)使用的表現(xiàn)方法。三是網(wǎng)頁總體布局要把總體經(jīng)營思路的創(chuàng)新策略放在突出的位置上,加以著重表現(xiàn)。因?yàn)閯?chuàng)新策略往往是一個網(wǎng)站獨(dú)有的,它與網(wǎng)頁設(shè)計的整體創(chuàng)意和個性的表現(xiàn)有著直接關(guān)系。
例如,263網(wǎng)站從免費(fèi)郵箱過渡到收費(fèi)郵箱的運(yùn)作就是一個適應(yīng)國內(nèi)消費(fèi)心理的創(chuàng)新經(jīng)營策略,263主頁在最醒目的位置著重突出了這一內(nèi)容,并在設(shè)計中較好地與平易簡捷的操作方法結(jié)合起來,初學(xué)者非常輕易就能獲得郵箱,并伴隨著驚喜得到免費(fèi)的實(shí)惠,使其形成依賴嗜好和使用習(xí)慣,由此過渡到收費(fèi),對263鞏固壟斷地位,起了很大作用。四是要靠恰如其分的藝術(shù)設(shè)計方法,來實(shí)現(xiàn)與深受“網(wǎng)民”歡迎情緒的對接,這是對網(wǎng)頁設(shè)計制作者綜合素質(zhì)的考驗(yàn)。
2.傳統(tǒng)與創(chuàng)新相結(jié)合,合理使用網(wǎng)頁色彩提升視覺沖擊力。
打開一個網(wǎng)站,給人留下的第一印象就是網(wǎng)站的色彩。色彩應(yīng)讓網(wǎng)絡(luò)用戶從計算機(jī)屏幕上得到賞心悅目的視覺呈現(xiàn),引起他們的良好溝通情緒。例如在廣告中,照片能客觀、真實(shí)地表現(xiàn)產(chǎn)品的質(zhì)量,如果根據(jù)需要合理地利用顏色,就可以達(dá)到更加直觀的效果。如清涼型飲料可以使用鮮亮的綠色來暗示飲料的清涼可口,體育用品可采用大膽的紅色來表現(xiàn)出運(yùn)動給人們帶來的健康與活力等。因此色彩的作用顯得極為重要,它可以比任何繪聲繪色的宣傳文字更為有效地表現(xiàn)產(chǎn)品的直觀感受。顏色的使用在網(wǎng)頁制作中起著非常關(guān)鍵的作用,總的講要尊重“網(wǎng)民”對網(wǎng)頁顏色象征的基本共識。
例如:紅色象征喜悅,黃色象征高貴,藍(lán)色象征天空、科技,黑色象征夜晚,白色象征純潔,綠色象征生機(jī),灰色象征莊重,紫色象征富貴等。要將網(wǎng)頁色彩設(shè)計的令人過目不忘,最常見的網(wǎng)頁設(shè)計用色有這樣幾種:一是公司標(biāo)準(zhǔn)色與輔助色系的使用。公司標(biāo)準(zhǔn)色與輔助色系的使用,就是在網(wǎng)頁設(shè)計用色上把握公司CI標(biāo)準(zhǔn)顏色形象的使用。二是風(fēng)格色的使用。網(wǎng)頁設(shè)計應(yīng)遵循和依從整體風(fēng)格。這種依從來自于公司產(chǎn)品、名稱的遐想、性別特征等諸多方面。
比如“蒙!笔褂贸錆M朝氣和體現(xiàn)創(chuàng)新精神的中性綠色,“微軟”使用象征科技含量與公司實(shí)力的藍(lán)色和灰色搭配,網(wǎng)站較多使用漂亮的粉紅色等這都體現(xiàn)了自己的風(fēng)格。三是習(xí)慣色的使用。這種方法一般個人網(wǎng)站使用較多,設(shè)計者在網(wǎng)頁設(shè)計中完全憑自己的個人愛好使用顏色,自己喜歡什么顏色,在網(wǎng)頁設(shè)計中就傾向和著重使用什么顏色,因此稱為習(xí)慣色,但其中也不乏優(yōu)秀之作。在網(wǎng)頁設(shè)計的顏色使用方面,除了學(xué)習(xí)各種色彩理論和方法之外,還要多學(xué)習(xí)先進(jìn)的用色方法,利用電腦顯示器的色彩加色原理,發(fā)揮計算機(jī)的優(yōu)勢,使網(wǎng)頁設(shè)計的.色彩與普通的平面設(shè)計色彩有截然不同的風(fēng)格。
3.靈活運(yùn)用現(xiàn)代技術(shù)手段,發(fā)揮好電腦軟件的優(yōu)勢。
當(dāng)前的網(wǎng)頁設(shè)計,使用最多的電腦軟件有:“Photoshop”“DreamWeaver”“Flash”“FireWorks”“FrontPage”等,我們要熟練掌握這些設(shè)計工具軟件,做到靈活運(yùn)用,將多種方法巧妙地結(jié)合起來。例如利用多級空間、動畫技術(shù)等,追求智能化的設(shè)計,在靜態(tài)中尋求動勢,在平面中力求立體。又如,我們可以利用平面設(shè)計軟件Photoshop與動畫軟件Flash的穿插配合使用,把動畫設(shè)計能將物體以運(yùn)動著的方式在時間、空間中進(jìn)行表現(xiàn)的優(yōu)勢引用于網(wǎng)頁設(shè)計制作中,達(dá)到畫面生動、引人矚目之目的。再如我們可以吸收塞尚和畢加索追求空間的多維跳躍性和多角度錯位感的畫風(fēng),采用電腦的技術(shù)手段,把多個畫面重疊、融合,產(chǎn)生多層次、連續(xù)跳躍的視覺效果等。
4.嚴(yán)格遵守繪畫原則,充分發(fā)揮專業(yè)技巧。
E時代的到來,使得網(wǎng)頁設(shè)計這樣一個新的藝術(shù)形式得到普遍推廣和飛躍性發(fā)展。但是設(shè)計者在應(yīng)用新的制造工具——計算機(jī)的同時,仍然需要以嚴(yán)謹(jǐn)?shù)膽B(tài)度,遵循繪畫基本原則。例如網(wǎng)頁設(shè)計中最突出的特點(diǎn)就是顏色奪目,對比強(qiáng)烈。如果在一個畫面中要重疊表現(xiàn)多個圖片,在考慮顏色鮮艷奪目的同時,畫面構(gòu)圖仍然要遵循平面構(gòu)成的原則,即使打破了規(guī)律,也是在“否定之否定”的基礎(chǔ)上的打破,與毫無美術(shù)知識的拼湊有著截然不同;進(jìn)行寫實(shí)表現(xiàn)時,吸收平面設(shè)計中圖形表述的手法,有助于細(xì)致刻畫圖形美感;為了增加設(shè)計的趣味性,適當(dāng)使用幽默夸張的繪畫手法,也可以讓畫面變得生動,產(chǎn)生較強(qiáng)烈的視覺沖擊力,這些都需要我們有過硬的繪畫能力和技巧。
5.突出技巧設(shè)計,體現(xiàn)網(wǎng)頁個性。
在這一點(diǎn)上,筆者有幾點(diǎn)不成熟的做法,僅供參考:
、倬W(wǎng)頁不只是單純的欣賞,光顧者還要進(jìn)行大量的互動式交互活動,要親自動手去“點(diǎn)擊”按鈕。要做到讓其親手去做,網(wǎng)頁本身就必須具備強(qiáng)烈的吸引力和引導(dǎo)性,這是競爭的一種必不可少的重要手段,所以必須做到。
、谔幚砗镁W(wǎng)頁設(shè)計中尺寸與版面容量的關(guān)系,是網(wǎng)頁設(shè)計中一項(xiàng)“鋼性”任務(wù)。在設(shè)計的圖片太大、縮小又影響效果的情況下,可以采用切割法,將其設(shè)計在800×600像素內(nèi)。即把大的圖片切割成若干小塊,在制作中再把這若干小塊拼貼起來,就能收到工整精細(xì)的版面預(yù)期效果。
、蹫榱烁玫乇磉_(dá)設(shè)計者的意圖,可以利用具有圖像和音樂合成功能的軟件,在網(wǎng)頁設(shè)計中加入音效或動畫的合成,使網(wǎng)頁更加生動。隨著現(xiàn)代生活節(jié)奏的加快,人們在程序應(yīng)用上的需求變?yōu)槿绾尾僮鞲憬、更省力、更輕松,F(xiàn)lash軟件在網(wǎng)頁設(shè)計中的合理利用使得網(wǎng)頁設(shè)計在視覺與聽覺方面達(dá)到了極大程度的共融。
、芫W(wǎng)頁設(shè)計在注重大的視覺效果基礎(chǔ)上,還要注意做好一些小的細(xì)節(jié),例如導(dǎo)航要設(shè)計得有特點(diǎn),擺放位置要醒目;按鈕設(shè)計要一目了然,操作簡單;圖標(biāo)設(shè)計要讓人過目不忘,有自己的個性等,這些都在一定程度上,對網(wǎng)頁的整體設(shè)計起到了畫龍點(diǎn)睛的作用。
綜上所述,網(wǎng)頁設(shè)計是現(xiàn)代高新技術(shù)帶來的一個新的藝術(shù)設(shè)計門類,它是通過藝術(shù)設(shè)計的特殊手段,將各學(xué)科知識及創(chuàng)新成果濃縮的集結(jié)點(diǎn),它傳遞速度之快、范圍之廣、突破時空限制之威力不可比擬。一切好的思路、創(chuàng)作及“潛智”都可以通過網(wǎng)頁設(shè)計得以升華、實(shí)現(xiàn)。因此網(wǎng)頁設(shè)計是高智能的藝術(shù)設(shè)計產(chǎn)品,它的創(chuàng)造力一定會伴隨高科技的騰飛持續(xù)永久、無限擴(kuò)張地發(fā)展,其前景是無限的。(本文作者:薛聰銳、侯志剛 單位:河北大學(xué))
【網(wǎng)頁設(shè)計視覺表現(xiàn)形式論文】相關(guān)文章:
網(wǎng)站的視覺設(shè)計網(wǎng)頁設(shè)計 -電腦資料01-01
極簡的網(wǎng)頁視覺設(shè)計教程:網(wǎng)頁變得輕薄簡... -電腦資料01-01
CSS2視覺手冊網(wǎng)頁設(shè)計 -電腦資料01-01
視覺傳達(dá)設(shè)計:平面設(shè)計和網(wǎng)頁設(shè)計的區(qū)別... -電腦資料01-01
網(wǎng)站中文字的視覺設(shè)計網(wǎng)頁設(shè)計 -電腦資料01-01
淺談視覺張力與平面設(shè)計論文10-26