商業(yè)網(wǎng)站視覺設(shè)計應(yīng)以為商業(yè)目標(biāo)服務(wù)為出發(fā)點(diǎn),你要為人家瀏覽網(wǎng)站信息提供*的視覺愉悅。有了這個原則,你才可以正確處理好技術(shù)應(yīng)用程度、圖像與文本的關(guān)系、顏色與圖像的關(guān)系、動畫圖像的使用等等問題。 網(wǎng)頁視覺設(shè)計以什么為準(zhǔn)繩?一張白紙、一個新開的空白HTML文件,你可以隨心所欲地勾劃、設(shè)計,你該從哪里著手呢? 視覺設(shè)計是好是壞,是最沒有一定之規(guī)的,一千個人有一千種看法,一萬個人就有一萬種意見。你覺得很難忍受的錯誤,很可能是人家的得意之筆;你最欣賞的“賣點(diǎn)”,訪客很可能嗤之以鼻,正所謂“眾口難調(diào)”。 面對這樣的現(xiàn)實(shí),你拿什么做“定盤心”?記住,最要緊的,是如何取悅于你的受眾、你的潛在顧客!因?yàn)槟愕恼军c(diǎn)不是自娛的藝術(shù)作品,而是有明確的商業(yè)目標(biāo),是需要盡量多的人的喜歡、從而爭取盡量多的訪問量的。只有把握住這個原則,你才能正確處理好有關(guān)的各種關(guān)系。你可以先從小范圍開始,問問周圍的朋友,他們看到你網(wǎng)站的*感覺如何?然后再逐步推廣,邊征求意見邊改,直到代表性差不多為止。 站點(diǎn)不是雜物箱 一個專業(yè)的、有營銷意識的站點(diǎn),應(yīng)該讓訪問者(潛在客源)能馬上了解到這個站點(diǎn)及其業(yè)務(wù)是什么。 絕大多數(shù)站點(diǎn)缺乏主旨,沒有規(guī)劃意識,沒有連貫性,沒有完整性。普遍的現(xiàn)象是,站點(diǎn)像一個雜物箱,自己能找到的、覺得好玩的、時髦的東西全往里塞,沒有目標(biāo)、沒有靈魂。 照顧大多數(shù) 很多站點(diǎn)技術(shù)掛帥,以為采用的技術(shù)越復(fù)雜、越時髦越好,因?yàn)榛ヂ?lián)網(wǎng)是年輕人的樂土,所以他們追逐時髦的興趣也體現(xiàn)到網(wǎng)上。對于以表現(xiàn)自我為主旨的個人主頁,這一特點(diǎn)頗有可取之處,然而對于有明確商業(yè)目標(biāo)的站點(diǎn),那就不一定是好事了。 如果你的站點(diǎn)為了營銷,你的站點(diǎn)就應(yīng)該照顧絕大多數(shù)人的情況,采用*技術(shù)手段以保證有盡量大的傳播面。這意味著,能簡單則簡單,千萬不要炫耀技術(shù),那樣不會對你的站點(diǎn)帶來什么好處。當(dāng)然,如果你的站點(diǎn)就是推廣與互聯(lián)網(wǎng)相關(guān)的新技術(shù)的,那是另當(dāng)別論。即使對這種主旨的站點(diǎn),*也該給初級網(wǎng)友一個比較你尖端技術(shù)的導(dǎo)引,因?yàn)槟愕哪繕?biāo)不就是為了讓人家了解乃至消費(fèi)你的好技術(shù)嗎? 圖像重要還是文本重要? 這是每個站點(diǎn)都必須面對的問題。流行的觀念是,圖像比文本重要,一提“站點(diǎn)設(shè)計”,大家以為就是“圖像設(shè)計”或者視覺效果設(shè)計。這是對站點(diǎn)設(shè)計的膚淺理解。 其實(shí),站點(diǎn)設(shè)計的內(nèi)涵遠(yuǎn)不僅是圖像設(shè)計,它是以實(shí)現(xiàn)站點(diǎn)經(jīng)營戰(zhàn)略為目標(biāo),對站點(diǎn)各要素展開的綜合規(guī)劃。其內(nèi)涵包括很多方面,像站點(diǎn)目標(biāo)、經(jīng)營策略、讀者定位、風(fēng)格塑造、文本設(shè)計、圖像設(shè)計、營銷策劃等等,還有像交互性設(shè)計、數(shù)據(jù)結(jié)構(gòu)、績效評估等也都在其列。 圖像和文本都是用以實(shí)現(xiàn)站點(diǎn)經(jīng)營戰(zhàn)略的主要手段,其中圖像通過視覺效果引導(dǎo)讀者,而文本內(nèi)容則是決定站點(diǎn)能否吸引人的內(nèi)核。二者的關(guān)系,就像兩個相聲演員,一個“逗哏”一個“捧哏”。誰“逗哏”誰“逗哏”,則應(yīng)由站點(diǎn)經(jīng)營戰(zhàn)略的需要而定。 對于一個以信息內(nèi)容為主體的站點(diǎn),文本占突出地位,是“逗哏”的角兒,同時,圖像就該起配角作用,屬“捧哏”,目的是給讀者營造出一些喘息的視覺空間,就像城市建筑群之間綠地、公園的點(diǎn)綴功能一樣,同時,圖像運(yùn)用恰當(dāng),還可達(dá)到增加頁面深度的功效。 對于一個藝術(shù)站點(diǎn)特別是視覺藝術(shù)類站點(diǎn),圖像就居于主導(dǎo)地位,是“逗哏”,它決定頁面、站點(diǎn)的整體結(jié)構(gòu),因此文本內(nèi)容就應(yīng)處于配角地位,為圖像“捧哏”。 總體來看,當(dāng)然是信息內(nèi)容為主體的站點(diǎn)居多??纯茨愕恼军c(diǎn),屬于哪一類?定好站點(diǎn)的基調(diào)之后,再來看二者如何來配合最能實(shí)現(xiàn)站點(diǎn)的意圖。 無論二者的關(guān)系怎么建構(gòu),都有些一般性原則供你借鑒:(1)圖像要小,文本段落要短;(2)所有圖像文件*采用 alt 標(biāo)簽,其妙處多多,后面還會多次談到。 顏色與圖像 有一個辦法可以既減少圖像的使用,又能達(dá)到使頁面生動、吸引注意的效果。這個辦法就是運(yùn)用背景色塊。 顯而易見,顏色是站點(diǎn)視覺設(shè)計的關(guān)鍵因素之一。視覺設(shè)計的先期工作,就包括確定頁面的顏色組合方案。顏色能對受眾的情緒、思維產(chǎn)生強(qiáng)烈影響,所以選擇暖色還是冷色組合、黑色還是白色背景,對讀者必然有很大的導(dǎo)引作用。具體設(shè)計時你盡可發(fā)揮你的藝術(shù)想象力,這里給你提供應(yīng)該遵循的幾條基本技巧: (1)為照顧大多數(shù)網(wǎng)友,*限定使用 256 色?! ?2)使用背景色塊,避免使用背景圖像。用圖像做背景,會降低頁面的訪問速度,使文本難于閱讀,還容易模糊整個站點(diǎn)的主旨?! ?3)顏色組合要有個性,同時可使文本易讀、圖像易于區(qū)別開來?! ?4)審慎選擇顏色組合的情緒意義。舉例來說,黑色背景下的紅色文本,顯得很刺眼,對于像花店這類站點(diǎn)就不合適;白色背景下的藍(lán)色文本,看上去很放松、很寧和,對于像搖滾樂隊(duì)的站點(diǎn)就顯得不夠分量。 動畫圖像 動畫圖像的使用一定要慎之又慎,因?yàn)樗菀自斐蓪ψx者視覺上的強(qiáng)烈騷擾,同時也很容易制約頁面的訪問速度。在使用動畫圖像之前,建議你仔細(xì)考慮這些因素: (1)目標(biāo)明確。你為什么一定要用動畫圖像?為瀏覽方便?強(qiáng)調(diào)信息?還是宣傳自己身份?如果只是想讓你的站點(diǎn)時髦點(diǎn),那*別用?! ?2)盡量縮減動畫的大小?! ?3)注意動畫是很搶眼的,弄不好畫蛇添足。