網(wǎng)頁設(shè)計(jì)中的彩色搭配與非彩色搭配

許多站長(zhǎng)在做網(wǎng)頁設(shè)計(jì)的時(shí)候，由于沒有經(jīng)過專業(yè)的培訓(xùn)，做出來的效果差勁人意。而一個(gè)網(wǎng)頁給人的第一印象，不是豐富的內(nèi)容，也不是無可挑剔的布局，而是網(wǎng)頁的色彩搭配。網(wǎng)頁設(shè)計(jì)的搭配與站點(diǎn)的站長(zhǎng)、站點(diǎn)所在的行業(yè)有關(guān)，現(xiàn)在小編將會(huì)編寫一系列的網(wǎng)頁色彩搭配的文章，望給網(wǎng)頁設(shè)計(jì)在色彩上搭配不好的站長(zhǎng)提供幫助。

　　網(wǎng)頁設(shè)計(jì)的彩色搭配

　　推薦方案一：青色+橙色+黑色

　　具體的配色如上圖所顯示?，F(xiàn)在我就以這三種顏色做一個(gè)假想。

　?、僮尯谏挥陧敳?，且與下面的顏色形成強(qiáng)烈的對(duì)比，使網(wǎng)頁更有層次感。打一個(gè)比方，讓黑色位于導(dǎo)航欄之上，導(dǎo)航欄可以是灰色，或者是其他相對(duì)適合的顏色。導(dǎo)航欄的字也可以是黑色，這樣的反差會(huì)更加明顯。

　?、谇嗌珵橹饕伾?，位于網(wǎng)頁的主要位置，可以具有非常強(qiáng)的沖擊力。

　?、鄢壬饕鳛辄c(diǎn)睛色，在主要的位置標(biāo)示，讓文字更加醒目?？梢栽O(shè)置文字顏色為橙色，也可以以橙色為底色在上面添加白色的字體。

　　推薦方案二：深紅色+淺紅色+白色

　　這個(gè)是以可口可樂2011年的官網(wǎng)，我們拿來做一下分析。由于時(shí)間久遠(yuǎn)，現(xiàn)在無法打開，沒有較為清晰的圖，望見諒。

　?、侔咨淖值拇笮∨帕?，使主題鮮明，對(duì)比明確。

　?、谕ㄟ^深紅色和淺紅色的組合，營(yíng)造出了鮮活、熱烈的氣氛，給人活力無限的感覺。

　　③畫面中點(diǎn)綴少量的黃色、橙色，以及給部分字體打上浮光效果，使畫面更活潑，對(duì)比更加鮮明。

　　非彩色搭配

　　什么是非彩色搭配?顧名思義，就是以黑色、白色、灰色三種顏色的搭配，黑白的搭配，或者與其他的色彩搭配都可以產(chǎn)生很強(qiáng)烈的對(duì)比，使所需要展現(xiàn)的主體清晰明了?；疑珓t是一種萬能色，可以和任何色彩搭配，還可以調(diào)和兩種對(duì)立的色彩，使它們和諧的過渡。例如我剛剛在彩色搭配中舉的例子，讓灰色的導(dǎo)航欄完美過渡。

　　推薦方案一：紅色+白色+黑色


　　①紅色的圖片和圖標(biāo)在黑色背景中，會(huì)顯得十分突出，十分醒目。

　　②白色的文字大小排列消減了畫面的沉悶感、

　?、刍疑漠嬅媸巩嬅孢^渡得更加自然。

圖趣：本文只概括的說明了幾種配色，詳細(xì)配色可以搜索或看下自然的配色m.likemindfilms.com/se