網頁設計中的彩色搭配與非彩色搭配

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

　　網頁設計的彩色搭配

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

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

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

　　②青色為主要顏色，位於網頁的主要位置，可以具有非常強的沖擊力。

　　③橙色主要作為點睛色，在主要的位置標示，讓文字更加醒目。可以設置文字顏色為橙色，也可以以橙色為底色在上面添加白色的字體。

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

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

　　①白色文字的大小排列，使主題鮮明，對比明確。

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

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

　　非彩色搭配

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

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

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

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

　　③灰色的畫面使畫面過渡得更加自然。

　　總結：由於時間比較倉促，所以今天就分享到這裡。在下一篇色彩搭配系列的文章中，我將會對每一種顏色適用於每一個行業的搭配做一些推薦。至於案例網站，可能不是那麼好找，有什麼問題都可以評論指出。本文配圖均屬原創(案例圖為截圖)，本文由搬家公司( www.banjiabaojia.com )的Slc編寫，轉載請注明出處。當然，本站還在建設當中。