北京網(wǎng)站制作建設(shè)子頁面是從屬于主頁面的,往往是主頁面的下一級,這就需要在配色時(shí)考慮到這些內(nèi)容,使得用戶不會因?yàn)榉摱a(chǎn)生“陌生”感。具體的子頁面配色常識,通過下面這部分內(nèi)容來進(jìn)行詳細(xì)分析。
1. 頁面配色步驟
前面已經(jīng)介紹了網(wǎng)頁主頁面的配色步驟,子頁面的配色步驟可以參照它實(shí)現(xiàn)。不同于主頁面需要實(shí)現(xiàn)的配色在于,子頁面需要將配色與主頁面的頭部和尾部有一個(gè)相同的處理。一般在子頁面中,我們可以看到相同的導(dǎo)航、Logo等頭部內(nèi)容,以及尾部相同的網(wǎng)站信息等。
2. 實(shí)現(xiàn)子頁面配色
子頁面的配色,可以參照主頁面。網(wǎng)站的主頁面。將其與子頁面進(jìn)行對比,子頁面的中間部分與主頁面有所區(qū)別。頁面中頂部和底部,無論在子頁面,還是在主頁面,都有著相同的Logo、導(dǎo)航、網(wǎng)頁信息。所以,頁面的頂部和底部,在配色時(shí)一定要做到主頁面與子頁面相同。
觀察子頁面,導(dǎo)航中采用黑色、藍(lán)色進(jìn)行搭配,Logo選擇了藍(lán)色,文字使用黑色、灰色以及藍(lán)色。
網(wǎng)頁配色技巧
無論是網(wǎng)頁的配色,還是其他部分的配色都是講究技巧的。只有借助技巧,才能更好地發(fā)揮出配色帶給頁面的視覺體驗(yàn)。巧用不同效果的配色,可以提升頁面的絢麗程度。以下主要介紹幾種不同的配色方案和配色技巧。
網(wǎng)站制作建設(shè)在對網(wǎng)頁進(jìn)行配色的過程中,巧用對比色進(jìn)行色彩的搭配,往往會有意想不到的效果。下面對對比色配色,進(jìn)行具體介紹。
1. 什么是對比色配色
網(wǎng)站制作建設(shè)在配色過程中,使用有對比效果的顏色,如橙與青、黃與紫、紅與綠等色彩,組成頁面的色彩,屬于對比色配色。例如,對比色的效果,分別是紅與綠、黃與紫的對比。對比色可以是色環(huán)中相差不到180度的兩種顏色,相互之間的角度如果越大,也就意味著對比度越大。
2. 配色實(shí)現(xiàn)
在重點(diǎn)內(nèi)容部分采用主色調(diào)的對比色可以起到重點(diǎn)突出該內(nèi)容的作用,有著“畫龍點(diǎn)睛”的效果。下面網(wǎng)站制作建設(shè)通過網(wǎng)站對對比色的配色進(jìn)行分析。
橙色的對比色—藍(lán)色,實(shí)現(xiàn)在同一網(wǎng)站頁面中的色彩搭配,同樣可以達(dá)到很好的色彩效果。
分析橙色與藍(lán)色的配色實(shí)現(xiàn),在HSB值中正紅的H為0,正橙的H為30,橙色是往零移動進(jìn)行調(diào)配的,所以該橙色是H值為26的橙紅色。再看點(diǎn)睛色藍(lán)色,RGB的G值為160,HSB的H值為192,不屬于正藍(lán)色。這樣的目的在于降低藍(lán)色的特性,從而使得已經(jīng)在明度與飽和度達(dá)到更高值的橙紅色能夠?qū)崿F(xiàn)與藍(lán)色的調(diào)配。
網(wǎng)站制作建設(shè)在對比色配色的過程中,需要有輔色調(diào)作為過渡色來調(diào)和對比色。這里采用了白色,作用在于調(diào)和橙紅色與藍(lán)色。對比色非常能夠突出個(gè)性,為了在畫面中能夠?qū)⑴渖珔f(xié)調(diào)處理好,除了上述方法之外,在頁面處理上也可通過面積位置的不同,來處理頁面的整體效果。
相關(guān)閱讀:色彩設(shè)計(jì)與專業(yè)網(wǎng)站建設(shè)風(fēng)格