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