萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網頁設計中的彩色搭配與非彩色搭配

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

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

  網頁設計的彩色搭配

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

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

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

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

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

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

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

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

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

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

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

  非彩色搭配

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

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

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

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

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

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

copyright © 萬盛學電腦網 all rights reserved