做網(wǎng)站建設(shè)的設(shè)計(jì)師都經(jīng)常在國外設(shè)計(jì)網(wǎng)站看到很多好作品,配色很棒,可是每到自己嘗試著配色時(shí)卻無從下手。今天我們就來看看,如何從專業(yè)的好作品中獲取好的配色方案?讓張家港卓成網(wǎng)絡(luò)科技的小卓卓為大家解答。
除了上面說到的借鑒好作品的配色方案,我們還應(yīng)該關(guān)注配色的流行趨勢(shì),這兩年很流行用漸變色,不過新手想做出好看的漸變確實(shí)有難度,所以小編給大家還介紹以下背景配色方案。
這幾年大家都喜歡使用漸變色作為背景圖,有一些則會(huì)選用高畫質(zhì)、高分辨率免費(fèi)圖庫相片,相較于單色背景來說,漸層色看起來更有活力,且目前技術(shù)只要通過 CSS3 語法就能將漸層運(yùn)用到網(wǎng)頁中,不會(huì)拖慢網(wǎng)頁載入速度,語法撰寫方式也很簡單,幾乎可以說一段語法就能快速套用背景。
本文要推薦的「CoolHue」是一個(gè)相當(dāng)實(shí)用的漸層背景網(wǎng)站,提供大約 30 種不同配色的漸層背景,可以免費(fèi)下載為圖片格式或產(chǎn)生 CSS3 語法。只要把它加入網(wǎng)站樣式表,就能在任何區(qū)域套用漸層色彩。
開啟 CoolHue 網(wǎng)站后可以看到這些漸層顏色,每個(gè)色塊左下角會(huì)有兩種顏色色碼。將鼠標(biāo)游標(biāo)移動(dòng)到色彩上方,右下角會(huì)顯示「產(chǎn)生 CSS」及「下載圖片」圖標(biāo)。
你可以使用傳統(tǒng)方式來下載圖片,獲取某個(gè)漸層色背景 500×500 大小的圖片,或者我推薦比較好的方法,直接將 CSS 語法放到網(wǎng)站樣式表就能使用了!一來不用額外下載圖片、減少流量,另一方面在使用或修改上也更為簡單。
其實(shí)說多了別人的配色方案,只有多做多配多學(xué)才能做得更好。
![]() |
|