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

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

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

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

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

　　①讓黑色位于頂部，且與下面的顏色形成強烈的對比，使網(wǎng)頁更有層次感。打一個比方，讓黑色位于導航欄之上，導航欄可以是灰色，或者是其他相對適合的顏色。導航欄的字也可以是黑色，這樣的反差會更加明顯。

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

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

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

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

　?、侔咨淖值拇笮∨帕校怪黝}鮮明，對比明確。

　　②通過深紅色和淺紅色的組合，營造出了鮮活、熱烈的氣氛，給人活力無限的感覺。

　?、郛嬅嬷悬c綴少量的黃色、橙色，以及給部分字體打上浮光效果，使畫面更活潑，對比更加鮮明。

　　非彩色搭配

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

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


　　①紅色的圖片和圖標在黑色背景中，會顯得十分突出，十分醒目。

　?、诎咨奈淖执笮∨帕邢麥p了畫面的沉悶感、

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

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