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

全國切換

咨詢熱線 400-001-5729

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

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

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

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

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

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

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

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

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

選色的方法:

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

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

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

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

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

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

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

  • 手機:

  • 地區(qū):

  • 想學(xué)什么:

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