歡迎來到培訓(xùn)無憂網(wǎng)!

全國切換

咨詢熱線 400-001-5729

位置:培訓(xùn)無憂網(wǎng) > 新聞資訊 > 電腦/IT > 網(wǎng)頁制作 >  長沙學(xué)網(wǎng)頁設(shè)計(jì)中如何給網(wǎng)頁配色

長沙學(xué)網(wǎng)頁設(shè)計(jì)中如何給網(wǎng)頁配色

來源:培訓(xùn)無憂網(wǎng) 發(fā)布人:裴裴

2022-12-16 11:03:50|已瀏覽:2822次

網(wǎng)頁設(shè)計(jì)中如何給網(wǎng)頁配色

網(wǎng)頁設(shè)計(jì)中如何給網(wǎng)頁配色

網(wǎng)頁設(shè)計(jì)中如何給網(wǎng)頁配色一、顏色選擇

我們要做的第一步是顏色選擇,在網(wǎng)站剛開始要設(shè)計(jì)的時(shí)候,這一點(diǎn)就要著手去做了,在這里要注意的是顏色的選擇并不是憑空想象的,而是要根據(jù)服務(wù)產(chǎn)品的定位、風(fēng)格、還有要傳達(dá)給用戶的理念,將這幾點(diǎn)考慮到,在進(jìn)行選取,而不是根據(jù)自己的經(jīng)驗(yàn)或者嗜好來。

我們來舉個(gè)例子,假如說為一家大型企業(yè)設(shè)計(jì)官網(wǎng),這家企業(yè)的要求是 VI 風(fēng)格,采用統(tǒng)一配色,那么這家企業(yè)官網(wǎng)的配色我們就應(yīng)該選取 VI 的風(fēng)格配色。

選色的方法:

(1)工具流:這個(gè)鏈接包含大量選色工具12個(gè)適合設(shè)計(jì)師的在線色彩搭配工具

(2)參考流:尋找別人的網(wǎng)站作為參考選取顏色(但是注意要風(fēng)格類似,比如你的客戶要求高雅風(fēng)格,你就去找類似風(fēng)格的網(wǎng)站選色),這個(gè)方法適用于初學(xué)者。

網(wǎng)頁設(shè)計(jì)中如何給網(wǎng)頁配色二、顏色的分配

當(dāng)你選取好了主色系之后,那就應(yīng)該要考慮如何將它們分配到網(wǎng)頁的每一個(gè)位置中去了,這里的操作也要講究的,我們要注意的是,如果在紅綠兩色之間加其它的顏色的話,進(jìn)行調(diào)和是可以搭配出很好看的色彩的,大家可以看看圣誕節(jié)各大電子商務(wù)網(wǎng)站的banner。

顏色選擇好之后我們就開始對(duì)顏色進(jìn)行搭配,這個(gè)時(shí)候設(shè)計(jì)師就要利用上色彩基礎(chǔ)知識(shí)了,色彩分為主色、輔助色、點(diǎn)綴色這三個(gè)叫法,如果可以的話還可以細(xì)分,一個(gè)網(wǎng)站的主色調(diào),是可以傳達(dá)網(wǎng)站的整體風(fēng)格的,面積也是最大的,所以在選擇色階段選取的幾個(gè)顏色中選一個(gè)作為主色,然后用在網(wǎng)頁中需求最多的地方,如果banner的顏色,導(dǎo)航的背景色、文字標(biāo)題的顏色等等,輔助色是比主色百分比略少的顏色,點(diǎn)綴色一般是飽和度較高的顏色,一般用在網(wǎng)頁中的強(qiáng)調(diào)內(nèi)容或者突出的內(nèi)容,如按鈕、鏈接等,三種顏色在整個(gè)網(wǎng)頁的比重大概是60%、30%、10%。

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

留下你的信息,課程顧問老師會(huì)一對(duì)一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機(jī):

  • 地區(qū):

  • 想學(xué)什么:

  • 培訓(xùn)無憂網(wǎng)
免 費(fèi) 申 請(qǐng) 試 聽
提交申請(qǐng),《培訓(xùn)無憂網(wǎng)》課程顧問老師會(huì)一對(duì)一幫助你規(guī)劃更適合你的專業(yè)課程!