UI設(shè)計(jì)配色中的橙色配色技巧

2018-05-21 4307 0
配色技巧是APP和web設(shè)計(jì)中最重要的之一,今天分享的《UI設(shè)計(jì)配色中的橙色配色技巧》就是來幫助你提升橙色類UI設(shè)計(jì)配色的問題的,絕對值得你好好閱讀,enjoy!

 

橙色是一種次級(jí)原色,它是紅色和黃色的合體。因此,它的性格中帶著紅色的熱情和黃色的暖意,但這種熱情加暖意的方式并不是簡單相加,而是有機(jī)結(jié)合后反而成就了橙色的曖昧中性的魅力。

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

不同的橙色表現(xiàn)出不同的調(diào)性,黯淡的橙色其實(shí)已經(jīng)可以看作沉穩(wěn)的褐色,而明亮的鮮橙色又分外跳脫

UI設(shè)計(jì)配色中的橙色配色技巧UI設(shè)計(jì)配色中的橙色配色技巧

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

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

UI設(shè)計(jì)配色中的橙色配色技巧UI設(shè)計(jì)配色中的橙色配色技巧

下面的設(shè)計(jì)中以偏紅的橙紅色作為背景,在視覺上更加討巧,紅色的熱情似一團(tuán)火焰燃燒,而搭配以冷色的藍(lán)綠色系作為強(qiáng)調(diào)色,很好的突出的中心文字的主題。

UI設(shè)計(jì)配色中的橙色配色技巧UI設(shè)計(jì)配色中的橙色配色技巧

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

UI設(shè)計(jì)配色中的橙色配色技巧UI設(shè)計(jì)配色中的橙色配色技巧

橙色是最能激發(fā)食欲的顏色,因此餐飲行業(yè)的網(wǎng)站主題常常運(yùn)用橙色作為主色調(diào),尤其是橙紅色的運(yùn)用。因此,橙色是餐廳菜單設(shè)計(jì)的不二之選。

UI設(shè)計(jì)配色中的橙色配色技巧UI設(shè)計(jì)配色中的橙色配色技巧

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

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

UI設(shè)計(jì)配色中的橙色配色技巧UI設(shè)計(jì)配色中的橙色配色技巧

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

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

UI設(shè)計(jì)配色中的橙色配色技巧UI設(shè)計(jì)配色中的橙色配色技巧

橙色夕陽,這種自然場景中也是很好的表現(xiàn)了金色的優(yōu)雅。

UI設(shè)計(jì)配色中的橙色配色技巧UI設(shè)計(jì)配色中的橙色配色技巧

由于金色也屬于橙色的范圍,因此這一類橙色運(yùn)用得當(dāng),可以演繹出金色的雍容華貴。

后記

橙色的變化多端使得它在商用設(shè)計(jì)中出現(xiàn)的概率逐漸增加,在冰冷的商業(yè)邏輯上增加一點(diǎn)不溫不火的小溫暖,這應(yīng)該是橙色最吸引的細(xì)節(jié)吧。

 

 


9
評論區(qū)(0)
正在加載評論...