2014-10-24 藍藍設計的小編
網頁設計中的色彩如何搭配是一件令設計師有些困擾的事情。用保守的色彩搭配，擔心客戶不買賬，因為溝通的時候他們總喜歡籠統的說‘總之我要我的網站高大上，看起來和別人不一樣’；用別出心裁的搭配手法，又擔心客戶欣賞不了，最后各種挑刺。也許，只要你的設計在第一眼能給予客戶一種舒適感，之后的合作就能一路綠燈。
以下是為你搜羅的關于網頁設計中冷暖色調運用的相關案例，希望能為你帶來靈感，第一時間抓住客戶的心。
1.Nelly Rodi的網站用真實照片作為背景大圖，整個頁面呈現明顯的冷色調，少量的文字也用了百搭的黑色或白色。這樣的做法比較保守，雖然不會用錯，但也沒有什么出彩的地方。而設計師很巧妙地在頁面右側加了一個幾何形狀的暖色系色塊，不僅能讓瀏覽者一眼找到視覺重點，也讓原本中庸的網頁變得更特別。底部的幽靈按鈕設計同時表現了極簡網頁的國際趨勢。
2.橙色總能給人一種溫暖陽光的視覺感受，但如果使用過度就會產生一種復雜拖沓的感覺。這個案例中雖然使用了很大面積的橙色，但設計師加強了色彩本身的透明度，并且結合了小部分的紋理設計，讓畫面更加時尚別致。
3.當同時出現五彩繽紛的多種色彩時，頁面就會變得很熱鬧，正如案例所示，無所謂冷色調還是暖色調，又或是中性色，一旦將這些顏色結合在一起，網頁就會可愛起來，為用戶帶來好心情。
4.這個案例選用了較冷的淺藍色漸變作為主色調，中間的紅色波浪線順理成章的成為視覺重點。這是一個典型的冷暖色調的搭配使用手法，用大部分的冷色調來強調突出小部分的暖色調元素。
5.這個網站分成了左右兩個部分。背景選用了Metro風格的設計，上面鋪了一層透明度很高的白色和黑色色塊。黑白都屬于中性色彩，黑色和紅色又是一種色彩學中的經典配搭，因此，用戶的視角完全會被吸引到紅色的部分上。
6.這個網站的風格比較夢幻迷離，主色系偏暗，設計師借助“鐵塔”本身的燈光，用濾鏡效果營造出了更加唯美的畫面感，很容易讓瀏覽者融入氣氛，幽靈按鈕與頁面整體的匹配度也很高。
7.灰色系屬于偏冷的中性色，而案例中的灰色屬于暖灰。在大面積暖灰中，紅色顯得格外搶眼，起到了引導用戶視線的作用。
8. Metro風格有時會讓人覺得過于規整，因此，設計師用漸變暖色讓頁面變得更活潑生動。畫面中從上到下的色彩由淺到深，讓我們的視線轉移有了指向性。
9.這個案例融合了Metro和幾何元素的設計，冷暖色彩相間，形成了一個色彩豐富的場景，減緩了用戶產生視覺疲勞的速度，更利于吸引用戶點擊和查看。
10.Airnauts的網站首屏用一條最簡單的分割線將頁面切割成兩個幾何形狀，這兩個形狀的色彩之間完全沒有過渡，直接銜接在一起，但卻不覺得很生硬，反而有一種獨特的設計感在其中。
網頁中的冷暖色調只要使用得當，就能很自然的為瀏覽者營造出一種舒適的視覺享受，并且深深的融入網站的情境中！