如何將網(wǎng)頁的整個顏色背景設(shè)計的比較和諧統(tǒng)一?
首先要看你做的是什么網(wǎng)頁,有沒有相關(guān)的品牌標(biāo)識。
一般在開展設(shè)計之前,需要先進(jìn)行VI或CI的設(shè)計,明確品牌視覺語言,這里面要明確形(形狀)、色(顏色)、字(字體),構(gòu)(構(gòu)成),質(zhì)(質(zhì)地)。品牌特征、產(chǎn)品調(diào)性都要依賴這些視覺維度來體現(xiàn),所以先要想清楚這些問題,把設(shè)計的地基打好,然后再做上層設(shè)計。
具體到網(wǎng)頁,要看你做的是什么客戶端的網(wǎng)頁,手機(jī)還是電腦?手機(jī)端就是H5,可視寬度比較小,電腦端則比較大。對于網(wǎng)頁的配色,應(yīng)該根據(jù)前面提到的形色字構(gòu)質(zhì),把網(wǎng)頁要用到的主色調(diào)、輔助色、對比色,警示色等常用顏色調(diào)配出來,這個調(diào)配的過程需要考慮使用的屏幕面積和頻率,讓他們搭配在一起的時候盡量和諧。這里面有一些方法,比如從一張和諧的自然風(fēng)光照片里面取色,比如參考設(shè)計精美的網(wǎng)頁配色,也可以使用別人已經(jīng)做好的配色方案,如https://www.uisdc.com/best-22-color-website如。確定好各個色調(diào)后,把他們置入PS或者Sketch的調(diào)色板,設(shè)計頁面的時候直接吸取使用即可。
另外提示一下,網(wǎng)頁配色的顏色數(shù)量盡量要控制保守,不要融入太多的色調(diào),這樣會讓頁面顯得很雜亂,現(xiàn)在的頁面設(shè)計都很簡潔,以突出內(nèi)容,幫助用戶完成相應(yīng)的任務(wù)為目的。所以事先設(shè)定好調(diào)色板也可以幫助你避免使用過多的顏色,最后祝你達(dá)成自己想要的設(shè)計效果。