雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

怎么設(shè)計網(wǎng)頁的背景顏色會更吸引用戶?

Time: 2020-01-06


現(xiàn)在是一個網(wǎng)絡(luò)的時代,很多信息和資訊人們都是通過網(wǎng)絡(luò)來了解的,網(wǎng)頁在我們的生活中使用的頻率也是越來越高,不知道大家有沒有注意到,很多網(wǎng)頁的顏色做的很好看,一起看看怎么設(shè)計網(wǎng)頁的背景顏色。

網(wǎng)頁的背景色和背景圖選擇得好,會是頁面增色不少。網(wǎng)頁顏色設(shè)計過程中,如果選取單一的背景色,難免顯得單調(diào),如果選擇整個圖片做背景,由于圖片本身的文件大,造成網(wǎng)頁的加載時間長,一般用戶很難有耐性等待下去。網(wǎng)頁中的背景設(shè)計是相當(dāng)重要的,尤其是對于個人主頁來說,一個主頁的背景就相當(dāng)于一個房間里的墻壁地板一樣,,好的背景不但能影響訪問者對網(wǎng)頁內(nèi)容的接受程度,還能影響訪問者對整個網(wǎng)站的印象。那么帶背景的網(wǎng)頁是如何制作出來的?

  很簡單,一般是采用一幅很小的圖片,然后鋪展開,形成很漂亮的背景。對背景圖的要求當(dāng)然是越漂亮越好,文件越小越好。


  怎么設(shè)計網(wǎng)頁的背景顏色?

  打開Adobe Dreamweaver,新建一個HTML網(wǎng)頁文件。

  網(wǎng)頁的一般結(jié)構(gòu),首先是DOCTYPE聲明,然后是頭部標(biāo)簽,文檔的主體標(biāo)簽,我們需要設(shè)置網(wǎng)頁背景,直接設(shè)置標(biāo)簽的背景就行了。

  點擊右邊的所有規(guī)則,新建一條規(guī)則,在彈出的界面,選擇器類型為標(biāo)簽選擇器,選擇器名稱為body,然后點擊確認(rèn)。

  在CSS規(guī)則里面選擇背景,在“background-color”里面選擇一種顏色作為網(wǎng)頁背景色,然后點擊確認(rèn)。

  然后點擊在瀏覽器調(diào)試,查看網(wǎng)頁背景。

  網(wǎng)頁不僅僅可以用顏色作為背景,還可以用圖片作為網(wǎng)頁背景,打開剛才新建的規(guī)則,繼續(xù)選擇背景,“background-image”選項后面有瀏覽按鈕,將作為背景的圖片選擇好,然后點擊確認(rèn)。

  然后在調(diào)試網(wǎng)頁,查看網(wǎng)頁的背景,圖片已經(jīng)作為網(wǎng)頁的背景顏色了。


Importance-Of-Color-Selection-In-Website-Design-1038x576.png

(圖片來自網(wǎng)絡(luò))



  如何搭配網(wǎng)頁設(shè)計的背景顏色?

  黑,白色 是最常用的顏色; 另外,使用與網(wǎng)站整體風(fēng)格相反的顏色(對比色)

  怎么設(shè)計網(wǎng)頁的背景顏色?

  第一步, 在桌面上點擊鼠標(biāo)右鍵,依次點擊“屬性”、“外觀”、“高級”按鈕。

  第二步, 在打開的“高級”對話框中,在“項目”下拉列表里選擇“窗口”。

  第三步, 再打開右邊對應(yīng)的“顏色”列表,選擇其中的“其他”一項,在打開的對話框里,把“色調(diào)”的參數(shù)設(shè)置為85,把“飽和度”參數(shù)設(shè)置為90,把“亮度”參數(shù)設(shè)置為205。再點擊“確定”退出設(shè)置。

  第四步,打開ie瀏覽器,選擇“工具”欄中的“internet選項”,點擊“輔助功能”按鈕,在“不使用網(wǎng)頁中指定的顏色”前打鉤。

  全部步驟完成后,網(wǎng)頁、文件夾、文本文檔里的背景顏色都變成了綠色。其中,色調(diào)、飽和度和亮度的參數(shù)值,還可以根據(jù)個人的喜好稍作修改,讓自己用電腦的候最舒服。


1.jpg

(圖片來自網(wǎng)絡(luò))


  現(xiàn)在我們經(jīng)常使用網(wǎng)頁來查詢自己需要的資料,要是都是單一的顏色難免會覺得有些單調(diào),很多網(wǎng)頁現(xiàn)在已經(jīng)顏色多樣化了。以上就是關(guān)于怎么設(shè)計網(wǎng)頁的背景顏色的全部內(nèi)容。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開