網(wǎng)站設(shè)計(jì)觀點(diǎn)
網(wǎng)站設(shè)計(jì)中的背景設(shè)計(jì)
來源:昆明網(wǎng)站建設(shè)|時(shí)間:2012-04-28 15:41:33
網(wǎng)站設(shè)計(jì)中的背景設(shè)計(jì)是相當(dāng)重要的,好的背景不但能影響訪問者對(duì)網(wǎng)頁(yè)內(nèi)容的接受水平,還能影響訪問者對(duì)整個(gè)網(wǎng)站的印象。網(wǎng)站設(shè)計(jì)對(duì)背景設(shè)計(jì)怎么來考慮呢。
1. 顏色背景
顏色背景的設(shè)計(jì)是最為簡(jiǎn)單的但同時(shí)也是最為常用和最為重要的,顏色背景雖然比較簡(jiǎn)單,要根據(jù)不同的頁(yè)面內(nèi)容設(shè)計(jì)背景顏色的冷暖狀態(tài),要根據(jù)頁(yè)面的編排設(shè)計(jì)背景顏色與頁(yè)面內(nèi)容的最佳視覺搭配等等。
2. 沙紋背景
沙紋背景其實(shí)屬于圖片背景的范疇,它的主要特點(diǎn)是整個(gè)頁(yè)面的背景可以看作是局部背景的反復(fù)重排,在這類背景中以沙紋狀的背景是為常見,所以將其統(tǒng)稱為沙紋背景。
把自己的照片作為頁(yè)面的背景是卻發(fā)現(xiàn)瀏覽器上顯示出來的不只僅是一個(gè)照片,初學(xué)主頁(yè)制作者都有這樣的經(jīng)歷。而是同一照片在水平和豎直方向上的反復(fù)排列。這就是瀏覽器處置圖片背景時(shí)的規(guī)律方法,利用這一規(guī)律我可以用一小塊圖片作為頁(yè)面背景,讓它自動(dòng)在頁(yè)面上重復(fù)排列,鋪滿整個(gè)頁(yè)面,從而使網(wǎng)頁(yè)的體積大大減小。
3. 條狀背景
讓圖片在一個(gè)方向上重復(fù)排列。 條狀背景與沙紋背景是比較相似的適用于頁(yè)面背景在水平或豎直方向上看是重復(fù)排列的而在另一方向上看則是沒有規(guī)律的也是利用瀏覽器對(duì)圖片背景的自動(dòng)重復(fù)排列。
例如:做一個(gè)從左到右為藍(lán)白漸變的水平條狀圖片,以在豎直方向上排列為例。其長(zhǎng)度與頁(yè)面的寬度相當(dāng)。經(jīng)瀏覽器顯示后,將其設(shè)為頁(yè)面背景。就成為整個(gè)頁(yè)面從左到右藍(lán)白漸變的分欄顏色背景。當(dāng)然也可以用類似的方法實(shí)現(xiàn)條狀背景在水平方向上的重復(fù)排列。
4. 照片背景
瀏覽器對(duì)圖片的自動(dòng)重復(fù)排列,不能實(shí)現(xiàn)愿望。這樣要用上一點(diǎn)簡(jiǎn)單的 CSS 網(wǎng)頁(yè)文件的之間加入下面的 CSS 語(yǔ)句,就能制作出滿意的照片背景了。