網站首頁建設
網站的色彩搭配網站的色彩搭配通常分為兩個步龔:第一步是為整個網站選取一種主色調:第二步是為主色調拱配多種適合的顏色。主色調指的是整個網站給人印象最深的顏色,或青說除自色之外用得鼓多的顏色。正如前面所述,不同的數色給人的感受是不一樣的,所以主色調選取的個最基本的原則就是保證所選的顏色與網站的主題或者形象相符,進步地能夠通過這種顏色加深用戶對網站的印象。
企業或者政府部門在選取主色調的時候,需要考慮符合自身的形象,而個人網站則要隨意得多,往往選擇的是自己喜歡的顏色。選好主色調之后,接下來要考慮的就是在什么地方使用主色調。
從前面的幾個例子也可以看到,主色調址常表現在三個位丑:首先是頭部,也就是網貞最卜面的部分,通常包含濘航條,頭部是最能體現主色調的地方,所以所有的網站都會在頭部表現主色調;其次是欄日索引條卜,欄日索引條雖然面積小,但是出現在網頁的各個部位,所以能非常有效地誼染主色調:最后是網貞卜的文字,文字筆畫雖細,但大面積的文字也能很好地突出主色調。接著耍考慮的是別的地方使用什么顏色去搭配這種主色調.比如背景色、文字顏色、畢航條顏色、插圖顏色等都使用什么顏色:色彩拱配是 1 項非常精細的「作,因為往往個細節就會影響整個網頁的色彩均衡。色彩搭配沒有固定的模式與步淡,但是如果從大而積用色到小細節去拱配顏色,會使得這項.幾作更輕松一些:下而就來看看幾個主耍的方面。
所示的首都之窗主貞和閣4-16所示的易擔N主貞就WT這種怙況* >丨一方向,技航條M〇J
介丁網貞的頭部和內容部分的屮間,所以也涇常作為頭部和A容部分的過戕,這種怙況下
通常采用灰色系
3>欄目索引條的顏色
欄目索引條W為分布在M貞的各個部位,所以經常采W主色閑中不M深度的顏色來烘托整體的效果,比如閣4-14所示的丨BM公司主貞采W不M的藍色,閣4-15所示的首都之窗主炎采)tJ不M的紅色*欄目索引條也徑常使W與主色調屮常協閱的教色,比如閣‘16所示的易®M主貞的欄0索引條就使W了淺黃綠色* 外,為了教色的過波t位丁網貞屮間的欄H索引條也經常采W錢灰色:
4>文宇的敝色
文宇在•個網貞上足無處不在的f怛足文字的筆閫比較單薄,所以文宇逋常用來址一步突出主色調,或奔用來過波和緩解貞向的教色a文字的顏色主駁根據文字的背墳色迎行拼配,它與背拔色你ff較大的反宏,如a肽雜字、藍欣a屮等,以便能淸楚地m示文士次文宇的顏色拼配還得兼頓文字尚圍物體的顏色6
5)網頁色
網貞的插閣通常尺寸部比較小,所以它的教色可以絢麗、豐畝一些,這樣•來可以使貞向交得活潑,二來可以點綴整個貞I但足在選擇冇背滅的閣片時特別小心,不取與的背滅色及閣所捅區域的背尨色相沖突t解決這個問迪•般冇兩種方法:•種是采;可進明的gtfl%]; >丨一種足將閣片+的背色做成與M貞背甘色一樣的額色*在網貞某個位笠捅入閣片時,也冇考慮K)樣的問迪,如閣‘17所示的湖漸第一師范學院網站主貞的背貴色為〇色,在主貞屮插入毛澤東的越詞“駁做人民的先生t先做人民的學生”閣片時f就先將閣片+的背妖色處遇成了 [11色。
4.3.2版面布局設計
報紙、雜志通常分為不M的版塒,不M的版向祐駁不M的布況,比如報紙的頭版ft力繭駁,它的布況通常郝圍繞腥B的大標琺掖開以吸引人們對它的注意,而兒他版鬧以內容為主,所以它們的布悶相對簡單,通常都根椐A容文屮的多少而自然分割6 K)報紙、條志一樣,㈣站也分為很多不M的網貞,如主貞、爛目宵貨、內容的網頁。
但足與報紙、雜志不M的足I N站的所竹Mih:組成的足一個以次型鈷構,何一貞都耑駁炷立VV問下一W網貞的超鏈接索引,所以㈣貨所處的次越島,網貞屮的內容就越豐A M貞的布碼琥越S雜•*比如閣‘18所示的湖瘌教師N (http:Meacherhnedu.cn)主貞上的內容屮常豐畝,所以它的版向'布況就比較S雜,而下向一W的欄日“政策法規”。