網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)的基本要點(diǎn)

網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)的基本要點(diǎn)

網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)的基本要點(diǎn)，圖像和文本都是用以實(shí)現(xiàn)站點(diǎn)經(jīng)營(yíng)戰(zhàn)略的主要手段，其中圖像通過(guò)視覺(jué)效果引導(dǎo)讀者，而文本內(nèi)容則是決定站點(diǎn)能否吸引人的內(nèi)核。下面介紹網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)的基本要點(diǎn)，希望可以幫助到大家。

站點(diǎn)不是雜物箱

一個(gè)專業(yè)的、有營(yíng)銷意識(shí)的站點(diǎn)，應(yīng)該讓訪問(wèn)者(潛在客源)能馬上了解到這個(gè)站點(diǎn)及其業(yè)務(wù)是什么。

絕大多數(shù)站點(diǎn)缺乏主旨，沒(méi)有規(guī)劃意識(shí)，沒(méi)有連貫性，沒(méi)有完整性。普遍的現(xiàn)象是，站點(diǎn)像一個(gè)雜物箱，自己能找到的、覺(jué)得好玩的、時(shí)髦的東西全往里塞，沒(méi)有目標(biāo)、沒(méi)有靈魂。

照顧大多數(shù)

很多站點(diǎn)技術(shù)掛帥，以為采用的技術(shù)越復(fù)雜、越時(shí)髦越好，因?yàn)榛ヂ?lián)網(wǎng)是年輕人的樂(lè)土，所以他們追逐時(shí)髦的興趣也體現(xiàn)到網(wǎng)上。對(duì)于以表現(xiàn)自我為主旨的個(gè)人主頁(yè)，這一特點(diǎn)頗有可取之處，然而對(duì)于有明確商業(yè)目標(biāo)的站點(diǎn)，那就不一定是好事了。

如果你的站點(diǎn)為了營(yíng)銷，你的站點(diǎn)就應(yīng)該照顧絕大多數(shù)人的情況，采用最低技術(shù)手段以保證有盡量大的傳播面。這意味著，能簡(jiǎn)單則簡(jiǎn)單，千萬(wàn)不要炫耀技術(shù)，那樣不會(huì)對(duì)你的站點(diǎn)帶來(lái)什么好處。當(dāng)然，如果你的站點(diǎn)就是推廣與互聯(lián)網(wǎng)相關(guān)的新技術(shù)的，那是另當(dāng)別論。即使對(duì)這種主旨的站點(diǎn)，最好也該給初級(jí)網(wǎng)友一個(gè)比較你尖端技術(shù)的導(dǎo)引，因?yàn)槟愕哪繕?biāo)不就是為了讓人家了解乃至消費(fèi)你的好技術(shù)嗎?

圖像重要還是文本重要

這是每個(gè)站點(diǎn)都必須面對(duì)的問(wèn)題。流行的觀念是，圖像比文本重要，一提“站點(diǎn)設(shè)計(jì)”，大家以為就是“圖像設(shè)計(jì)”或者視覺(jué)效果設(shè)計(jì)。這是對(duì)站點(diǎn)設(shè)計(jì)的膚淺理解。

其實(shí)，站點(diǎn)設(shè)計(jì)的內(nèi)涵遠(yuǎn)不僅是圖像設(shè)計(jì)，它是以實(shí)現(xiàn)站點(diǎn)經(jīng)營(yíng)戰(zhàn)略為目標(biāo)，對(duì)站點(diǎn)各要素展開(kāi)的綜合規(guī)劃。其內(nèi)涵包括很多方面，像站點(diǎn)目標(biāo)、經(jīng)營(yíng)策略、讀者定位、風(fēng)格塑造、文本設(shè)計(jì)、圖像設(shè)計(jì)、營(yíng)銷策劃等等，還有像交互性設(shè)計(jì)、數(shù)據(jù)結(jié)構(gòu)、績(jī)效評(píng)估等也都在其列。

圖像和文本都是用以實(shí)現(xiàn)站點(diǎn)經(jīng)營(yíng)戰(zhàn)略的主要手段，其中圖像通過(guò)視覺(jué)效果引導(dǎo)讀者，而文本內(nèi)容則是決定站點(diǎn)能否吸引人的內(nèi)核。二者的關(guān)系，就像兩個(gè)相聲演員，一個(gè)“逗哏”一個(gè)“捧哏”。誰(shuí)“逗哏”誰(shuí)“逗哏”，則應(yīng)由站點(diǎn)經(jīng)營(yíng)戰(zhàn)略的需要而定。

對(duì)于一個(gè)以信息內(nèi)容為主體的站點(diǎn)，文本占突出地位，是“逗哏”的角兒，同時(shí)，圖像就該起配角作用，屬“捧哏”，目的是給讀者營(yíng)造出一些喘息的視覺(jué)空間，就像城市建筑群之間綠地、公園的點(diǎn)綴功能一樣，同時(shí)，圖像運(yùn)用恰當(dāng)，還可達(dá)到增加頁(yè)面深度的功效。

對(duì)于一個(gè)藝術(shù)站點(diǎn)特別是視覺(jué)藝術(shù)類站點(diǎn)，圖像就居于主導(dǎo)地位，是“逗哏”，它決定頁(yè)面、站點(diǎn)的整體結(jié)構(gòu)，因此文本內(nèi)容就應(yīng)處于配角地位，為圖像“捧哏”。

總體來(lái)看，當(dāng)然是信息內(nèi)容為主體的站點(diǎn)居多�？纯茨愕恼军c(diǎn)，屬于哪一類?定好站點(diǎn)的基調(diào)之后，再來(lái)看二者如何來(lái)配合最能實(shí)現(xiàn)站點(diǎn)的意圖。

無(wú)論二者的關(guān)系怎么建構(gòu)，都有些一般性原則供你借鑒：(1)圖像要小，文本段落要短;(2)所有圖像文件最好采用 alt 標(biāo)簽，其妙處多多，后面還會(huì)多次談到。

顏色與圖像

有一個(gè)辦法可以既減少圖像的使用，又能達(dá)到使頁(yè)面生動(dòng)、吸引注意的效果。這個(gè)辦法就是運(yùn)用背景色塊。

顯而易見(jiàn)，顏色是站點(diǎn)視覺(jué)設(shè)計(jì)的關(guān)鍵因素之一。視覺(jué)設(shè)計(jì)的先期工作，就包括確定頁(yè)面的顏色組合方案。顏色能對(duì)受眾的情緒、思維產(chǎn)生強(qiáng)烈影響，所以選擇暖色還是冷色組合、黑色還是白色背景，對(duì)讀者必然有很大的導(dǎo)引作用。具體設(shè)計(jì)時(shí)你盡可發(fā)揮你的藝術(shù)想象力，這里給你提供應(yīng)該遵循的幾條基本技巧：

(1)為照顧大多數(shù)網(wǎng)友，最好限定使用 256 色。

(2)使用背景色塊，避免使用背景圖像。用圖像做背景，會(huì)降低頁(yè)面的訪問(wèn)速度，使文本難于閱讀，還容易模糊整個(gè)站點(diǎn)的主旨。

(3)顏色組合要有個(gè)性，同時(shí)可使文本易讀、圖像易于區(qū)別開(kāi)來(lái)。

(4)審慎選擇顏色組合的情緒意義。舉例來(lái)說(shuō)，黑色背景下的紅色文本，顯得很刺眼，對(duì)于像花店這類站點(diǎn)就不合適;白色背景下的藍(lán)色文本，看上去很放松、很寧和，對(duì)于像搖滾樂(lè)隊(duì)的站點(diǎn)就顯得不夠分量。

動(dòng)畫圖像

動(dòng)畫圖像的使用一定要慎之又慎，因?yàn)樗�容易造成�?duì)讀者視覺(jué)上的強(qiáng)烈騷擾，同時(shí)也很容易制約頁(yè)面的訪問(wèn)速度。在使用動(dòng)畫圖像之前，建議你仔細(xì)考慮這些因素：

(1)目標(biāo)明確。你為什么一定要用動(dòng)畫圖像?為瀏覽方便?強(qiáng)調(diào)信息?還是宣傳自己身份?如果只是想讓你的站點(diǎn)時(shí)髦點(diǎn)，那最好別用。

(2)盡量縮減動(dòng)畫的大小。

(3)注意動(dòng)畫是很搶眼的，弄不好畫蛇添足。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://elsolbar.com/news-id-52767.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注網(wǎng)頁(yè)制作頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050