深入淺出學配色!帶你重新全面認識色彩系列之橙色進階篇

@飛屋睿UIdesign?:橙色是一種次級原色,它是紅色和黃色的合體。因此,它的性格中帶著紅色的熱情和黃色的暖意,但這種熱情加暖意的方式并不是簡單相加,而是有機結合后反而成就了橙色的曖昧中性的魅力。

相比紅色,橙色更加溫和,而相比黃色,橙色又略顯老練。因此,想要駕馭橙色,讓它能發揮其所長,并不算容易的事。

不同的橙色表現出不同的調性,黯淡的橙色其實已經可以看作沉穩的褐色,而明亮的鮮橙色又分外跳脫。

深入淺出學配色!帶你重新全面認識色彩系列之橙色進階篇

橙色的情感跨度非常大,因此在運用橙色時,要非常謹慎地篩選它的明度和飽和度。高飽和度高明度的橙色看起來活力四射,這時大面積使用給人以動感,而低飽和度的橙色看上去接近自然原色,氛圍會更加寧靜。

高明度的偏黃的橙色類似橙汁一樣的顏色,這時作為大面積的背景使用,溫暖且充滿活力。

深入淺出學配色!帶你重新全面認識色彩系列之橙色進階篇

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

深入淺出學配色!帶你重新全面認識色彩系列之橙色進階篇

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

深入淺出學配色!帶你重新全面認識色彩系列之橙色進階篇

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

深入淺出學配色!帶你重新全面認識色彩系列之橙色進階篇

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

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

深入淺出學配色!帶你重新全面認識色彩系列之橙色進階篇

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

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

深入淺出學配色!帶你重新全面認識色彩系列之橙色進階篇

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

深入淺出學配色!帶你重新全面認識色彩系列之橙色進階篇

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

后記

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

2016年流行色:《2016流行色彩!如何在設計中運用潘通年度代表色?(附優秀案例)》

「色彩科普系列教程」

  1. 紅色篇:《設計師的讀書筆記!帶你重新全面認識色彩系列之紅色篇》
  2. 橙色篇:《深入淺出學配色!帶你重新全面認識色彩系列之橙色篇》
  3. 黃色篇:《深入淺出學配色!帶你重新全面認識色彩系列之黃色篇》
  4. 綠色篇:《深入淺出學配色!帶你重新全面認識色彩系列之綠色篇》
  5. 藍色篇:《深入淺出學配色!帶你重新全面認識色彩系列之藍色篇》
  6. 紫色篇:《深入淺出學配色!帶你重新全面認識色彩系列之紫色篇》

原文地址:ifeiwu

【優設網 原創文章 投稿郵箱:yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量180萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 22
點贊 2

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。