當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > Dreamweaver > 網(wǎng)頁中要素間的色彩搭配

網(wǎng)頁中要素間的色彩搭配

2021/9/11 09:30:28作者:佚名來源:網(wǎng)絡(luò)

移動端
Dreamweaver mac 2020v20.0漢化

大小:679MB語言:

類型:平面設(shè)計(jì)等級:

網(wǎng)頁中的幾個關(guān)鍵要素,例如導(dǎo)覽列與小標(biāo)題、網(wǎng)頁標(biāo)志(LOGO)與橫幅(Banner)、背景與文字,以及超鏈接的顏色應(yīng)該如何協(xié)調(diào),都是網(wǎng)頁配色時需要認(rèn)真考慮的問題。
網(wǎng)頁中要素間的色彩搭配

導(dǎo)覽列與小標(biāo)題:這是網(wǎng)站的導(dǎo)游。瀏覽者在不同的網(wǎng)頁中跳轉(zhuǎn),要了解網(wǎng)站的架構(gòu)與內(nèi)容,都必須通過導(dǎo)覽列或頁面中的某些小標(biāo)題。所以導(dǎo)覽列與小標(biāo)題可以使用具有跳躍性的色彩,吸引瀏覽者的目光,讓人感覺架構(gòu)清晰、層次分明。

網(wǎng)站背景為白色,導(dǎo)覽列使用網(wǎng)站的標(biāo)準(zhǔn)色——藍(lán)色為背景色,使導(dǎo)覽列在網(wǎng)頁中更加明顯,如圖所示:

導(dǎo)覽列與小標(biāo)題

網(wǎng)頁標(biāo)志(LOGO)與橫幅(Bannner):是宣傳網(wǎng)站最重要的工具,所以這兩個部分一定要在頁面上脫穎而出。怎樣做到這一點(diǎn)呢?可以將它們做的像象形文字,色彩跟網(wǎng)頁的主題分離。有時為了更突出,也可以使用與主題色相反的顏色。

網(wǎng)站LOGO和Ba rlner都使用與背景色相反的白色,如此可以牢牢抓住瀏覽者的視線,如圖所示:

網(wǎng)頁標(biāo)志

背景與文字:如果網(wǎng)站中使用了背景色,不需要考慮前景文字的配色問題。一般網(wǎng)站中文字占了相當(dāng)大的比重,所以背景可以選擇彩度或明度較低的色彩,文字采用較為突出的亮色,讓人一目了然。背景與文字:如果網(wǎng)站中使用了背景色,不需要考慮前景文字的配色問題。

一般網(wǎng)站中文字占了相當(dāng)大的比重,所以背景可以選擇彩度或明度較低的色彩,文字采用較為突出的亮色,讓人一目了然。

當(dāng)然,有些網(wǎng)站為了讓瀏覽者對其留下深刻的印象,會在背景上做文章,例如,一頁空白頁的某處用了大塊的亮色,給人豁然開朗的感受。為了吸引瀏覽者的視線,突出背景,那么文字就要顯得暗一些,如此才能跟背景跳脫,便于閱讀。

網(wǎng)站使用紅色為背景,運(yùn)用白色文字使文字突出,又不破壞整體效果,如圖所示:
背景與文字

背景與文字:如果網(wǎng)站中使用了背景色,不需要考慮前景文字的配色問題。一般網(wǎng)站中文字占了相當(dāng)大的比重,所以背景可以選擇彩度或明度較低的色彩,文字采用較為突出的亮色,讓人一目了然。

當(dāng)然,有些網(wǎng)站為了讓瀏覽者對其留下深刻的印象,會在背景上做文章,例如,一頁空白頁的某處用了大塊的亮色,給人豁然開朗的感受。為了吸引瀏覽者的視線,突出背景,那么文字就要顯得暗一些,如此才能跟背景跳脫,便于閱讀。

網(wǎng)站使用紅色為背景,運(yùn)用白色文字使文字突出,又不破壞整體效果,如圖所示:

超鏈接

以上就是有關(guān)網(wǎng)頁中要素間的色彩搭配課程,希望對你有所幫助。

 

標(biāo)簽: 網(wǎng)頁  搭配  色彩