ui設計師常用的顏色搭配網站

1、如何在UI設計中使用顏色

多倫多大學關於人們如何使用Adobe Color CC的研究顯示大多數人更傾向於僅依賴2-3種色彩的簡單色彩組合。
1.單色配色
單色方案是最易於創建的配色方案，因為每種色彩取自相同的基色。單色的色彩可以很好地結合在一起，產生和諧的效果。
2.相近色
相近色的配色方案是選取相互不沖突的的相關色彩。一種色彩用作主色，而其它色彩用於豐富該方案。
3.補色搭配
互補色是色環上兩個正對立的顏色。它們對比強烈，可以用來吸引觀眾的注意力。 當使用互補色方案時，重要的是選擇主色並且使用其互補色用於強調。 例如，當人眼看到一塊不同色調的綠色物體時，一點紅色就會很突出。但是你必須謹慎使用互補色，以防止你的內容在視覺上顯得不和諧。
4.自定義配色方案
創建自己的配色方案不像許多人想像的那麼復雜。最簡單的方法就是將一個明亮的主色添加到一堆中性色中，這也是一個最能引起視覺沖擊的方案。

2、UI設計中有什麼實用的顏色實用法則？

60-30-10 法則

60％+30％+10％ 的比例意在平衡顏色，這個法則能讓你簡單地將不同的顏色放在一起。它的工作原理是創造了一種平衡感，並允許眼睛從一個焦點舒適地過渡到下一個。

其中 60％ 是主色調，30％ 是副色，10％ 是強調色。

灰度第一

有時候我們會喜歡在設計的早期階段玩顏色和色調，但這種行為其實並不好。因為往往你一抬起頭，你會發現你已經花了三個小時去調整顏色了。

相反，讓自己專注於空間和元素布局會是更高效的做法。這種約束非常有效的，讓頁面看起來不會無趣。

遠離純灰度和黑色

現實中幾乎不存在純灰色或者純黑色的東西。所以記得要給你的顏色添加一點飽和，讓它看起來更自然。

3、UI設計各行業的用色偏向是什麼？

UI設計需要的用色相當豐富，其中最常用到的就是藍色，行業倒沒有詳細的劃分，一般我們比較常接觸到的，像手機的應用圖標很多是藍色的：支付寶、釘釘、Facebook等。

常用色彩佔比

色彩偏好是視覺體驗的一個重要方面。不同行業的用色沒有特別明顯的界限，色彩搭配合理 看著舒服即可，一個好的UI色彩提案可以起到：

（1）顯示界面的整體構架

（2）明確視覺層次關系

（3）營造界面整體風格，甚至增加轉化

一般能吸引眼球的作品，往往是顏色配比舒服，或是對比強烈的。

4、學UI設計，我們常用的顏色都代表什麼你知道嗎

紅色Red

紅色是熱烈、沖動、強有力的色彩，它能使肌肉的機能和血液循環加快。由於紅色容易引起注意，所以在各種媒體中也被廣泛的利用，除了具有較佳的明視效果之外，更被用來傳達有活力，積極，熱誠，溫暖，前進等涵義的企業形象與精神，另外紅色也常用來作為警告，危險，禁止，防火等標示用色，人們在一些場合或物品上，看到紅色標示時，常不必仔細看內容，及能了解警告危險之意，在工業安全用色中，紅色即是警告，危險，禁止，防火的指定色。

大紅色一般用來醒目，如紅旗、萬綠叢中一點紅；淺紅色一般較為溫柔、幼嫩，如：新房的布置、孩童的衣飾等；深紅色一般可以作襯托，有比較深沉熱烈的感覺。

紅色與淺黃色最為匹配，大紅色與綠色、橙色、藍色（尤其是深一點的藍色）相斥，與奶黃色、灰色為中性搭配。

橙色 Orange

橙色是歡快活潑的光輝色彩，是暖色系中最溫暖的色，它使人聯想到金色的秋天，豐碩的果實，是一種富足、快樂而幸福的顏色。橙色稍稍混入黑色或白色，會變成一種穩重、含蓄又明快的暖色，但混入較多的黑色，就成為一種燒焦的色；橙色中加入較多的白色會帶來一種甜膩的感覺。

橙色明視度高，在工業安全用色中，橙色即是警戒色，如火車頭，登山服裝，背包，救生衣等，橙色一般可作為喜慶的顏色，同時也可作富貴色，如皇宮里的許多裝飾。橙色可作餐廳的布置色，據說在餐廳里多用橙色可以增加食慾。

橙色與淺綠色和淺藍色相配，可以構成最響亮、最歡樂的色彩。橙色與淡黃色相配有一種很舒服的過渡感。橙色一般不能與紫色或深藍色相配，這將給人一種不幹凈、晦澀的感覺。由於橙色非常明亮刺眼，有時會使人有負面低俗的意象，這種狀況尤其容易發生在服飾的運用上，所以在運用橙色時，要注意選擇搭配的色彩和表現方式，才能把橙色明亮活潑具有口感的特性發揮出來。

黃色 Yellow

黃色的燦爛、輝煌，有著太陽般的光輝，象徵著照亮黑暗的智慧之光。黃色有著金色的光芒，有象徵著財富和權利，它是驕傲的色彩。在工業用色上，黃色常用來警告危險或提醒注意，如交通標志上的黃燈，工程用的大型機器，學生用雨衣，雨鞋等，都使用黃色。黃色在黑色和紫色的襯托下可以達到力量的無限擴大，淡淡的粉紅色也可以像少女一樣將黃色這驕傲的王子征服。黃色與綠色相配，顯得很有朝氣，有活力；黃色與藍色相配，顯得美麗、清新；淡黃色與深黃色相配顯得最為高雅。

淡黃色幾乎能與所有的顏色相配，但如果要醒目，不能放在其它的淺色上，尤其是白色，因為它將是你什麼也看不見。深黃色一般不能與深紅色及深紫色相配，也不適合與黑色相配，因為它會使人感到晦澀和垃圾箱的感覺。

綠色 Green

在商業設計中，綠色所傳達的清爽，理想，希望，生長的意象，符合了服務業，衛生保健業的訴求，在工廠中為了避免*作時眼睛疲勞，許多工作的機械也是採用綠色，一般的醫療機構場所，也常採用綠色來作空間色彩規劃即標示醫療用品。

鮮艷的綠色是一種非常美麗、優雅的顏色，它生機勃勃，象徵著生命。綠色寬容、大度，幾乎能容納所有的顏色。綠色的用途極為廣闊，無論是童年、青年、中年、還是老年，使用綠色決不失其活潑、大方。在各種繪畫、裝飾中都離不開綠色，綠色還可以作為一種休閑的顏色。

綠色中滲入黃色為黃綠色，它單純、年輕；綠色中滲入藍色為藍綠色，它清秀、豁達。含灰的綠色，仍是一種寧靜、平和的色彩，就像暮色中的森林或晨霧中的田野。深綠色和淺綠色相配有一種和諧、安寧的感覺；綠色與白色相配，顯得很年輕；淺綠色與黑色相配，顯得美麗、大方。綠色與淺紅色相配，象徵著春天的到來。但深綠色一般不與深紅色及紫紅色相配，那樣會有雜亂、不潔之感。

藍色 Blue

藍色是博大的色彩，天空和大海這遼闊的景色都呈蔚藍色。藍色是永恆的象徵，它是最冷的色彩。純凈的藍色表現出一種美麗、文靜、 理智、安祥與潔凈。

由於藍色沉穩的特性，具有理智，准確的意象，在商業設計中，強調科技，效率的商品或企業形象，大多選用藍色當標准色，企業色，如電腦，汽車，影印機，攝影器材等等，另外藍色也代表憂郁，這是受了西方文化的影響，這個意象也運用在文學作品或感性訴求的商業設計中。

藍色的用途很廣，藍色可以安定情緒，天藍色可用作醫院、衛生設備的裝飾，或者夏日的衣飾、窗簾等。在一般的繪畫及各類飾品也決離不開藍色。

不同的藍色與白色相配，表現出明朗、清爽與潔凈；藍色與黃色相配，對比度大，較為明快；大塊的藍色一般不與綠色相配，它們只能互相滲入，變成藍綠色、湖藍色或青色，這也是令人陶醉的顏色；淺綠色與黑色相配，顯得莊重、老成、有修養。深藍色不能與深紅色、紫紅色、深棕色與黑色相配，因為這樣既無對比度，也無明快度，只有一種贓兮兮、亂糟糟的感覺。

紫色 purple

由於具有強烈的女性化性格，在商業設計用色中，紫色也受到相當的限制，除了和女性有關的商品或企業形象之外，其他類的設計不常採用為主色。

紫色是波長最短的可見光波。紫色是非知覺的色，它美麗而又神秘，給人深刻的印象，它既富有威脅性，又富有鼓舞性。紫色是象徵虔誠的色相，當光明與理解照亮了蒙昧的虔誠之色時，優美可愛的暈色就會使人心醉！

用紫色表現孤獨與獻身，用紫紅色表現神聖的愛與精神的統轄領域，這就是紫色帶來的表現價值。

紫色處於冷暖之間游離不定的狀態，加上它的低明度性質，構成了這一色彩心理上的消極感。與黃色不同，紫色不能容納許多色彩，但它可以容納許多淡化的層次，一個暗的純紫色只要加入少量的白色，就會成為一種十分優美、柔和的色彩。隨著白色的不斷加入，產生出許多層次的淡紫色，而每一層次的淡紫色，都顯得那樣柔美、動人。

褐色 brown

褐色通常用來表現原始材料的質感，如麻，木材，竹片，軟木等，或用來傳達某些飲品原料的色澤即味感，如咖啡，茶，麥類等，或強調格調古典優雅的企業或商品形象。

白色 white

白色具有高級，科技的意象，通常需和其他色彩搭配使用，純白色會帶給別人寒冷，嚴峻的感覺，所以在使用白色時，都會摻一些其他的色彩，如象牙白，米白，乳白，蘋果白，在生活用品，服飾用色上，白色是永遠流行的主要色，可以和任何顏色作搭配。

黑色 Black

黑色具有高貴，穩重，科技的意象，許多科技產品的用色，如電視，跑車，攝影機，音響，儀器的色彩，大多採用黑色，在其他方面，黑色的庄嚴的意象，也常用在一些特殊場合的空間設計，生活用品和服飾設計大多利用黑色來塑造高貴的形象，也是一種永遠流行的主要顏色，適合和許多色彩作搭配。

灰色 Gray

灰色具有柔和，高雅的意象，而且屬於中間性格，男女皆能接受，所以灰色也是永遠流行的主要顏色，在許多的高科技產品，尤其是和金屬材料有關的，幾乎都採用灰色來傳達高級，科技的形象，使用灰色時，大多利用不同的層次變化組合或他配其他色彩，才不會過單一，沉悶，而有呆板，僵硬的感覺。

黑色與白色是對色彩的最後抽象，代表色彩世界的陰極和陽極。太極圖案就是以黑、白兩色的循環形式來表現宇宙永恆的運動的。黑色意味著空無，像太陽的毀滅，像永恆的沉默，沒有未來，失去希望。而白色的沉默是有無窮的可能。黑白兩色是極端對立的色，它們又總是以對方的存在顯示自身的力量。它們似乎是整個色彩世界的主宰。

在色彩體系中灰色恐怕是最被動的色彩了，它是徹底的中性色，依靠鄰近的色彩獲得生命。灰色意味著一切色彩對比的消失，是視覺最安穩的休息點。然而，人眼不能長久地、無限地注視著灰色，因為無休止的休息意味著死亡。

黑、白、灰在色彩配色中佔有相當主要的地位，它們活躍在各種配色中，最大限度地改變對方的明度、亮度與色相，產生出多層次、多品種的優美色彩，因此它們是決不可忽視的無彩色。

5、ui界面設計怎麼搭配顏色好看

色：黑色底色象徵著激情力量 黃色底色紅色受抑制處於屬位 黃色：黑色底色即富進取性輝煌 藍色底色顯輝煌喧鬧 橙色底色流露著熟韻味 綠色底色極具擴張性亮麗非凡 綠色：黃色底色輕盈明快 黑色底色穩重高雅 製作本與技術

6、UI設計配色教程，主色，輔助色和點綴色如何搭配

搭配技巧一：掌copy握主色、輔助色、點綴色的用法
主色是占拒全身色彩面積最多的顏色，佔全身面積的60%以上。通常是作為套裝、風衣、大衣、褲子、裙子等。
輔助色是與主色搭配的顏色，佔全身面積的40%左右。通常是內搭的上衣，如毛衣、襯衫、背心等。
點綴色一般只佔全身面積的5%-15%。通常是圍巾、鞋、包、飾品等，會起到畫龍點精的作用。
這里沒有規定主色一定是黑白灰一類的百搭色，是需要根據個人喜好和穿著場合決定的。如果偏愛黃色，以黃色為主色亦無不可，只要掌握好三類色的比例即可。
相信大家一眼就能看出來，這身裝扮的主色是綠色，輔助色是黑色，點綴色沒有採用亮色，而是選擇了中規中矩的深棕色，更適合大眾

7、UI設計的顏色搭配方式！

顏色搭配主要是關於我們頁面設計的一個部分，那麼頁面設計裡面的話，顏色搭配不能過於鮮艷主要是由色藍色綠色等各種淺色系的。顏色來進行一個搭配。使其效果更加的明顯簡單！

8、在網頁界面設計中橙色和什麼色最搭配

應該是棕色，褐色之類的。

9、ui設計師用ps顏色模式中的8位還是16位還是32位？

色域指電腦上色彩顯示的范圍 ，PS里顏色模式8位、16位和32位都是指2的指數 。
1、區別之一：文件大小，如果一個8點陣圖像有10MB大小，它變成16時，大小就要翻一翻變成20MB。這是8位和16位的區別之一；
2、區別之二：16點陣圖像相比8點陣圖像有較好的色彩過渡，更加細膩，攜帶的色彩信息可以更加豐富。這是16點陣圖像可表現的顏色數目大大多於8點陣圖像之故；
3、區別之三：在PS里，8點陣圖像絕大多數內置濾鏡都可以正常使用，外掛濾鏡也可以正常使用。但16位下，大多數濾鏡將停止工作，因為大多數濾鏡基於8點陣圖像來運算；
區別之四：8點陣圖像信息少，PS要處理的信息就少，處理速度快，硬體配置要求相對低；16位則慢而吃力；
4、這里的8位和16位，指的是圖像中的一個通道的位深，比如8位RGB，一個R通道有2的8次方個灰度級；16位RGB，一個R通道里有2的16次方個灰度級；8位RGB三個通道組成24位（3×8＝24）圖像，即是我們通常說的24點陣圖像；16位RGB三個通道組成48位（3×16＝48）圖像（除了特殊的場合外，你不必去使用48點陣圖像，它不是沒用，但它是在極端情況下使用的，這是在目前來說）。
5、我們常見的8位通道RGB圖像，3個通道共24位，即一張24位RGB圖像里可表現大約1670萬種顏色；而16位通道RGB圖像，3個通道共48位，2的48次方是多少種顏色，可以算一下。這不包括RGB能支持的一個透明度ALPHA通道，不算CMYK共4個通道。
6、這里的8位、16位、32位指顏色深度（Color Depth）用來度量圖像中有多少顏色信息可用於顯示或列印像素，其單位是「位（Bit）」，所以顏色深度有時也稱為位深度。常用的顏色深度是1位、8位、24位和32位。1位有兩個可能的數值：0或1。較大的顏色深度（每像素信息的位數更多）意味著數字圖像具有較多的可用顏色和較精確的顏色表示。

10、UI設計中常用的色彩搭配技巧有哪些？

色彩對於ui設計作品的影響是非常大的，因此設計師在進行設計的過程中需要掌握一些色彩的搭配技巧，使設計頁面整體顯得更加協調。但是很多設計師對色彩的把握都不太好
一、巧妙運用對比君羊
ui設計界面只有明暗度不同的相同色系顏色，就很難吸引用戶的眼球。色彩對比能夠將頁面中的各類元素分成獨立的個體，並使所有這些元素都能夠更引人注目。

二、尊重文化差異q哦

有的時候地域之間的文化差異能夠造成設計風格的千差萬別，因此設計師在運用色彩時也要考慮到這一點。在選擇顏色之前，需要確保它們會被解讀成你想表達的含義。通過承認文化色彩感知的特點，減少被誤解的風險。

三、62掌握色彩心理學80

大腦也會對不同的色彩產生相應的反應。當人眼看到一種顏色時，大腦向內分泌系統發出信號，釋放對情感負責的激素。並且可能的反應可以幫助設計師傳遞正確的信息，並呼籲用戶做出預期的行動。

四、60技巧搭配的原則557
由於色彩運用需要遵循搭配原則，設計師不僅需要巧妙運用對比原則，還需要對不同地域的文化進行一定的了解。除此之外，設計師還需要掌握並運用一些色彩心理學知識，向人們傳遞正確的信息。