網頁設計配色系列之『橙色』篇

創新互聯編者，為你推出色網頁設計配色系列之『橙色』篇。

橙色是一種次級原色，它是紅色和黃色的合體。因此，它的性格中帶著紅色的熱情和黃色的暖意，但這種熱情加暖意的方式并不是簡單相加，而是有機結合后反而成就了橙色的曖昧中性的魅力。相比紅色，橙色更加溫和，而相比黃色，橙色又略顯老練。因此，想要駕馭橙色，讓它能發揮其所長，并不算容易的事。不同的橙色表現出不同的調性，黯淡的橙色其實已經可以看作沉穩的褐色，而明亮的鮮橙色又分外跳脫。

橙色的含義

橙色的情感跨度非常大，因此在運用橙色時，要非常謹慎地篩選它的明度和飽和度。高飽和度高明度的橙色看起來活力四射，這時大面積使用給人以動感，而低飽和度的橙色看上去接近自然原色，氛圍會更加寧靜。高明度的偏黃的橙色類似橙汁一樣的顏色，這時作為大面積的背景使用，溫暖且充滿活力。

下面的設計中以偏紅的橙紅色作為背景，在視覺上更加討巧，紅色的熱情似一團火焰燃燒，而搭配以冷色的藍綠色系作為強調色，很好的突出的中心文字的主題。

橙色作為背景使用時，黑白等無彩色都能從中凸顯出來，由于這個頁面中所選的橙色的亮度剛好處于似暗非暗的狀態，因此如果用黑色搭配，整個畫面就顯得暗淡，所以增加白色有助于畫面提亮，平衡了整體的視覺溫度。

橙色是最能激發食欲的顏色，因此餐飲行業的網站主題常常運用橙色作為主色調，尤其是橙紅色的運用。因此，橙色是餐廳菜單設計的不二之選。

在與橙色配色的過程中，藍色、藍紫等一系列冷色都是選。而這種對比的色彩也帶來了一定的動感。

如下面這個頁面的橙色漸變中夾雜了淡淡的藍綠色系，粗看并不大分明，色彩的飽和度較低，但這樣卻增加了視覺中的懷舊氛圍。

橙色如果作為主色調，其背景色無論黑白灰，或者是同色系的柔和的米色，都能與此搭配。

柔和的背景是高明度低飽和度的橙色，與高飽和度的橙色相搭配，整個頁面顯得干凈溫暖。

橙色夕陽，這種自然場景中也是很好的表現了金色的優雅。

由于金色也屬于橙色的范圍，因此這一類橙色運用得當，可以演繹出金色的雍容華貴。

后記

橙色的變化多端使得它在商用設計中出現的概率逐漸增加，在冰冷的商業邏輯上增加一點不溫不火的小溫暖，這應該是橙色最吸引的細節吧。

當前題目：網頁設計配色系列之『橙色』篇
標題URL：http://m.kartarina.com/news45/160195.html

成都網站建設公司_創新互聯，為您提供定制開發、網站維護、小程序開發、面包屑導航、微信小程序、企業建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯