網站制作之色彩搭配終極指南

作者：佚名   時間：2013-08-07   分享到：

不同的行業，不同的風站風格，在此就筆者的網站制作經驗來談下網站設計的風格方向與搭配效果
一、休閑網站風格選擇
1.綠色和藍色都是涼爽而清閑的色彩，將兩者搭配到一起，體現出明快的氣息。
2.紅色是熱情的象征，在頁面中以紅色系為主，充滿熱情，給人以力量。
3.使用明度低的藍色和綠色，難人以清新感的同時，又站人感覺到穩重。
4.頁面以暗色調為主，給人一種神秘感
5.電影網站首頁以剪影風格為主，背景色彩豐富鮮艷，使主題突出。
6.網站使用炫彩風格，其中使用了各種暖色配色，豐富的色彩讓網站設計視覺沖擊力很強。
7.網站以中國式水墨以及古書風格元素為主，整體給人一種大氣而沉穩的感覺，設計業精美。
8.網站整體設計比較活潑可愛，風格獨特，形象生動。
9.游戲官網的頁面簡單，風格活潑可愛，卡通形象的融入讓網站更加生動和形象。
二、教育文化類網站風格
1.非盈利組織的網站，是拯救森林的公益宣傳網站，黑色讓人感覺嚴肅，要慎重使用。
2.采用單頁式布局，整個版面設計看起來很有創意。
3.頁面以淡黃色和綠色為主，整體風格清新自然。
4.采用多種鮮艷的色彩和清新的花草元素，內容活潑向上，氣氛把所握得非常好。
5.運用黑色和紅色的對比，在質感和光澤上表現比較優秀
6.網站以紅色為主，主字以白色為主，整體給人一種一目了然的感覺。
三、電子商務類網站
1.在網站站使用不同面積的無彩度的黑、白、灰色，很容易與其它色彩搭配，讓人感覺和諧。
2.網站使用復古的上海色調的藍色和綠色，給人一種穩重的感覺。
3.頁面使用淡色，大面積乳白色的運用，整個頁面有種透亮的感覺。
4.網站中色塊運用面積較大，如藍色。黃色和白色，給人一種可信賴的感覺。
5.使用比較艷的紅色，使整體風格活潑，能夠吸引人的視線。
6.以灰色和黃色為主，整體風格簡潔大方，用戶體驗良好。
四、健康類網站風格
1.網站配色以淡淡的色調 為主，給人一種愜意，舒適的感覺。
2.配色以藍色為主，整體給人一種和諧的感覺。
3.網站中的顏色明度比較低，會給人一種寧靜的感覺。
4.用色以鮮艷的色調為主，制造出一種平和。恬靜的氛圍。
5.配色以你低明度為主，讓人感覺放松和明快。
6.如果網站的版式經較簡單，用色也比較單一，但散發出的氣息卻讓人感覺舒暢。
五、家居裝修類網站風格
1.網站運用中性的灰色表現出精致溫馨的家居場景以及優秀的產品攝影，將品牌非常完美地表現出來。
2.網站采用全flash中國風設計、融入中國國家以及眾多古風元素，設計精美，讓人賞心悅目。
3.用橙黃色等大量暖色的融入，使整體感覺細膩精美。
4.以明凈的天空、湛藍的海水和柔軟的沙灘為背景，打造出清新自然，令人產生無限向往的詩般夢境。
5.采用純度高的黑色，及藍天，草地作為裝飾元素，給人一種淡雅的感覺，在藍色的背景下采用有創意的淡色字體，讓人一目了然。
6.主頁以家居為主，戲色和紫色的家具讓人感覺精美、有品位。
7.整個風站冷暖色調相結合，搭配協調，給人一種奢華的感覺。
8.以黃色為主，將歐美高貴生活帶到亞洲，為畫面增添了不少色彩。
六、美容化妝類網站風格
1.此網站定位是年輕人，整個充滿個性的設計和色彩，非常迎合這一觀點。
2.網站以海藍色作為主色調，打造出節奏舒緩，柔美的效果。
3.網站的圖文設計精美，有上海沉的色彩下，使整個場景分創意很有特色。
4.網站以清澈的藍色為主色調，把水滴作為畫面的整個元素，突出產品補水的功效。
5.清爽明快的亮藍色，使整個網站的色彩比較鮮亮，讓人印象深刻。
6.頁面的綠色風格讓瀏覽者感受到化妝品成分的天然性，是很有新意的化妝品酷站。
7.網站使用中國風元素，通過水墨及古文排版等展示了化妝品的文化氣息，風格清新淡雅。
8.使用黑色和紅色的搭配透露出知性的特性。
9.頁面以黑色和藍色為主色調，用在男性化妝品網站中，表現出清新的效果。
七、藝術設計類網站風格
1.以中國的祥云及東方元素為修飾，整體風格有張有馳，設計很有特色。
2.風格以同系色的紅色為主，整體大氣簡潔，而網站標志部分設計精美，是一個非常不錯的藝術設計網站
3.網站背景設計精美，以土黃色為背景，尤其是3D場景很有特色，讓人回味無窮。
4.該網站是素材網站，其中運用了青色調，使整個頁面結構比較清晰。
5.將多種卡通人物放在主頁上，突出頁面主題。
6.優雅的高級灰色讓人感覺了到溫和與平靜。
八、綜合門戶類網站風格
1.網站排版錯落有致，配色比較淡雅，看盧來非常舒服。
2.網站界面和功能與ps極為相似，簡單的界面和用色，讓人感覺比較清新。
3.設計素材下載網站，用色比較深沉，感覺可信。
4.如果以黑色調 為主，藍色的添加使頁面給人以理智的感覺。
5.例如一個折紙網站，使用各種色彩虛擬出地球和城市，感覺新穎。
6.以flash動畫加載大全網站，設計新穎，創意獨特，用色比較素雅，百看不厭。
九、商業經濟類網站風格
1.運用大自然的色彩讓人感覺了清新自然，猶如置身于藍天大海之中。
2.設計采用普通，上海色調色何須的運用讓人感覺可信和安全。
3.紫色，紫色在網站中的運用能夠引起人們的注意。
十、餐飲美食類網站風格
1.網站以藍色和綠色為主，給人以鮮嫩和可愛的感覺。
2.以較淡的色調為主，透露出悠閑與舒適的感覺。
3.以桔紅色作為主體色，再以黃色相搭配，制造出甜美的效果。
4.將巧克力鐸彩用在藍色的天空背景中，讓人感覺新穎有趣。
5.使用橙色使人產生食欲的作用，網站整體以這種顏色為主，且設計風格協調統一，制造出美味的效果。
6.以褐色和橙色為主也可制造出美味的效果，讓人留連忘返。
7.以綠色為主，透露出健康的意昧，并且使網站風硌清新陽光。
8.采用歐式古典元素，黃色和紅色的運用使頁面充滿生機。
9.整個網站以巧克力色為主色調，襯托出糖果的甜美。
十一、服裝服飾類網站風格
1.明度高的藍色在網頁中顯得格外清新，版式的設計使整體比較活潑。
2.采用中性色彩，整體設計自然頁甜美。
3.網站用色比較簡單，只有大面積的乳白色，以鮮艷的色彩作為點綴色，經人以個性化的感覺。
4.使用黃色系這種天真的色系表現服裝，用充滿童話的色彩的場景表現了一個品牌的內涵。
5.明度越低，顏色就會越暗，將這一網站用在服裝類網站中，使網站充滿神秘。
6.以淡黃色和粉紅色為主，整體設計比較簡單，讓人感覺輕快，簡潔大方。
7.灰色有著溫和的特性，與鮮艷色彩相搭配，使整個網站風格活潑，氣氛活躍，非常精彩！
8.網站以中性色和淡淡的顏色為主，整體感覺簡潔大方。
使用明度稍低的綠色與藍色，使畫面產生穩重而又天真的效果。
十二、汽車運輸類網站風格
1.電動車官網界面以紅色為主，整體設計簡潔新穎，讓人感覺精美。
2.以用戶體驗的網站，以藍色為主，給人一種很放松的感覺。
3.以豐富的顏色搭配，頁面用流動的色彩為背景，體現出網站的多彩與活潑，使整個畫面具有簡約的時尚感。
4.綠色與紅色搭配，使整站風格感覺比較活潑，大氣，主題鮮明。
5.黑色、藍色和黃色搭配在一盧，給人一種清澈和輝煌的印象。
6.紅色不同明度的變化，突出了網站空間感，白色的增加，給人以干練的感覺。
網站色彩變化的奧秘就介紹到這里了，在以后的網站實例制作中還會有許多新的知識，等著你去發現！