電話
首頁>關于曼朗>新聞資訊
上海網站制作建設子頁面的(de)配色常識
新聞來源:上海曼朗 發布時間:2016-10-21

 

上海網站制作建設子頁面是從屬于主頁面的(de),往往是主頁面的(de)下(xià)一級,這就需要在配色時考慮到這些内容,使得(de)用(yòng)戶不會因爲翻頁而産生“陌生”感。具體的(de)子頁面配色常識,通(tōng)過下(xià)面這部分(fēn)内容來進行詳細分(fēn)析。

1. 頁面配色步驟

前面已經介紹了(le)網頁主頁面的(de)配色步驟,子頁面的(de)配色步驟可(kě)以參照(zhào)它實現。不同于主頁面需要實現的(de)配色在于,子頁面需要将配色與主頁面的(de)頭部和(hé)尾部有一個相同的(de)處理(lǐ)。一般在子頁面中,我們可(kě)以看到相同的(de)導航、Logo等頭部内容,以及尾部相同的(de)網站信息等。

2. 實現子頁面配色

子頁面的(de)配色,可(kě)以參照(zhào)主頁面。網站的(de)主頁面。将其與子頁面進行對比,子頁面的(de)中間部分(fēn)與主頁面有所區别。頁面中頂部和(hé)底部,無論在子頁面,還是在主頁面,都有著(zhe)相同的(de)Logo、導航、網頁信息。所以,頁面的(de)頂部和(hé)底部,在配色時一定要做(zuò)到主頁面與子頁面相同。

觀察子頁面,導航中采用(yòng)黑(hēi)色、藍色進行搭配,Logo選擇了(le)藍色,文字使用(yòng)黑(hēi)色、灰色以及藍色。

網頁配色技巧

無論是網頁的(de)配色,還是其他(tā)部分(fēn)的(de)配色都是講究技巧的(de)。隻有借助技巧,才能更好地發揮出配色帶給頁面的(de)視覺體驗。巧用(yòng)不同效果的(de)配色,可(kě)以提升頁面的(de)絢麗程度。以下(xià)主要介紹幾種不同的(de)配色方案和(hé)配色技巧。

網站制作建設在對網頁進行配色的(de)過程中,巧用(yòng)對比色進行色彩的(de)搭配,往往會有意想不到的(de)效果。下(xià)面對對比色配色,進行具體介紹。

1. 什(shén)麽是對比色配色

網站制作建設在配色過程中,使用(yòng)有對比效果的(de)顔色,如橙與青、黃與紫、紅與綠等色彩,組成頁面的(de)色彩,屬于對比色配色。例如,對比色的(de)效果,分(fēn)别是紅與綠、黃與紫的(de)對比。對比色可(kě)以是色環中相差不到180度的(de)兩種顔色,相互之間的(de)角度如果越大(dà),也(yě)就意味著(zhe)對比度越大(dà)。

2. 配色實現

在重點内容部分(fēn)采用(yòng)主色調的(de)對比色可(kě)以起到重點突出該内容的(de)作用(yòng),有著(zhe)“畫龍點睛”的(de)效果。下(xià)面網站制作建設通(tōng)過網站對對比色的(de)配色進行分(fēn)析。

橙色的(de)對比色—藍色,實現在同一網站頁面中的(de)色彩搭配,同樣可(kě)以達到很好的(de)色彩效果。

分(fēn)析橙色與藍色的(de)配色實現,在HSB值中正紅的(de)H爲0,正橙的(de)H爲30,橙色是往零移動進行調配的(de),所以該橙色是H值爲26的(de)橙紅色。再看點睛色藍色,RGB的(de)G值爲160,HSB的(de)H值爲192,不屬于正藍色。這樣的(de)目的(de)在于降低藍色的(de)特性,從而使得(de)已經在明(míng)度與飽和(hé)度達到更高(gāo)值的(de)橙紅色能夠實現與藍色的(de)調配。

網站制作建設在對比色配色的(de)過程中,需要有輔色調作爲過渡色來調和(hé)對比色。這裏采用(yòng)了(le)白色,作用(yòng)在于調和(hé)橙紅色與藍色。對比色非常能夠突出個性,爲了(le)在畫面中能夠将配色協調處理(lǐ)好,除了(le)上述方法之外,在頁面處理(lǐ)上也(yě)可(kě)通(tōng)過面積位置的(de)不同,來處理(lǐ)頁面的(de)整體效果。

相關閱讀:色彩設計與專業網站建設風格


 

本文标簽: 網站制作建設
12年品牌客戶 線上整合營銷經驗

曼朗助您實現營銷效果更大(dà)化(huà)

獲取營銷診斷方案
zx