2021-10-31 ui設(shè)計(jì)分享達(dá)人
進(jìn)行配色時(shí)，要從兩方面考慮，既突出提升的方面又融合平穩(wěn)方面。
例如，以自己最喜歡的顏色為中心完成了初稿，然后應(yīng)該檢查一下，是否過(guò)于沉重模糊，或者是否過(guò)于喧鬧令人不安。如果過(guò)于沉靜，則下點(diǎn)功夫突出一下即可；如果過(guò)于喧鬧，則向著沉靜、融合的方向調(diào)整即可。
畫(huà)面整體顯得模糊時(shí)，要放棄幾個(gè)要點(diǎn)，明確主題。大力強(qiáng)調(diào)作為主角的部分，并刪去曖昧模糊的地方。主題明確后，不僅氣氛被提升，畫(huà)面也會(huì)顯得清爽踏實(shí)。
感覺(jué)配色過(guò)于沉重壓抑時(shí)，應(yīng)該減少黑色，增加鮮艷的顏色，配色將瞬間明朗起來(lái)。色調(diào)沉重是由于混入過(guò)多黑色，減少黑色后自然會(huì)呈現(xiàn)出鮮艷的色彩。這是最有代表性的突出配色的方法，也是效果最顯著的方法。
當(dāng)畫(huà)面的中心部分被提升后，才會(huì)使配色給人深刻印象。我們還可以強(qiáng)化明度對(duì)比，加強(qiáng)畫(huà)面中心部分明度，這樣的畫(huà)面會(huì)格外令人印象深刻。
A海報(bào)帶點(diǎn)夢(mèng)幻的感覺(jué)，但是主角不夠清晰。而B(niǎo)海報(bào)提升了背景亮度，擴(kuò)大與中心人物的明度對(duì)比度，從而能強(qiáng)調(diào)了主角。
提高顏色純度
強(qiáng)化明度對(duì)比
強(qiáng)化色相對(duì)比
我們很多小伙伴喜歡沉穩(wěn)踏實(shí)的配色，這種配色方法雖然是好的，但是畫(huà)面的配色過(guò)于均一則平淡無(wú)奇。那怎么解決這個(gè)問(wèn)題呢？其實(shí)我們可以在畫(huà)面中心設(shè)置小面積的亮點(diǎn)，給畫(huà)面增添品味和活力。
要記住，亮點(diǎn)的面積越小給人的印象就越深刻。如果你想更加凸顯亮點(diǎn)，那就要抑制周邊的背景色。只有這樣，即使在平穩(wěn)不顯眼的配色中，這個(gè)亮點(diǎn)一樣很顯眼。
A圖中整體色調(diào)沉穩(wěn)，但是總覺(jué)得少了點(diǎn)什么。而B(niǎo)圖中鮮艷的紅色成為寧?kù)o配色的亮點(diǎn)，給原本平淡的畫(huà)面注入了活力。
弱化背景色，突出亮點(diǎn)
控制好背景色，即使純度不高的亮點(diǎn)也有很好的效果
如果你想增加配色的歡快感，就應(yīng)該加入純度高的顏色。
A產(chǎn)品整體是暗色調(diào)，高雅莊重，但是似乎有些欠缺。而B(niǎo)產(chǎn)品加上了小面積的鮮艷色彩，高雅不變，華麗有余。
加入鮮艷色，變得活力
當(dāng)人們看到無(wú)彩色畫(huà)面時(shí)，總會(huì)感到有所欠缺。如果在無(wú)彩色畫(huà)面當(dāng)中加入一些色彩，畫(huà)面頓時(shí)變得歡快活躍。
A海報(bào)是無(wú)彩色的，畫(huà)面過(guò)于單調(diào)；而B(niǎo)海報(bào)只是在A海報(bào)的基礎(chǔ)上增加了色彩面，畫(huà)面頓時(shí)變得歡快活躍，生動(dòng)了許多。
增加色彩面，變得明快
很多小伙伴喜歡把畫(huà)面背景色設(shè)為暗色調(diào)，因?yàn)檫@樣有踏實(shí)感。這樣做畫(huà)面雖然高雅卻有失歡快，我們不妨試試將背景色調(diào)亮一個(gè)等級(jí)，最后你會(huì)發(fā)現(xiàn)畫(huà)面變得明朗愉悅了許多。
因?yàn)锳畫(huà)面沉穩(wěn)有余，但過(guò)于灰暗，缺乏歡快氣氛；將A背景色中的黑色調(diào)到零就得到如圖B背景色，調(diào)整之后的畫(huà)面能給人明快的印象。
減少黑色使畫(huà)面明亮
如果你希望畫(huà)面變得明亮，又不想破壞原有的踏實(shí)感時(shí)，則可以保留10%的黑色。
大家都知道按照色相、明度次序配色稱(chēng)為“漸進(jìn)配色”；那與之相對(duì)的配色方式就是“分離配色”，獨(dú)立配置每個(gè)顏色。
A圖采用的是漸進(jìn)式配色，按色相順序排列，給人安靜平穩(wěn)之感，但有失緊湊，略顯無(wú)趣。而B(niǎo)圖采用的是分離式配色，使用與A圖中相同的色彩，只是簡(jiǎn)單變換順序，突出各色的獨(dú)立性，沖破秩序感，給人以活潑的感覺(jué)。
打破顏色順序，隨機(jī)分離，使之獨(dú)立，釋放出動(dòng)感
在色相圖在相對(duì)的為對(duì)比色，相鄰的為鄰近色。單用鄰近色配色，則畫(huà)面感覺(jué)平穩(wěn)；加入對(duì)比色，則頗具緊湊感。
挑選色相環(huán)中的相對(duì)兩色，則帶來(lái)歡快的節(jié)日型配色。若組合在色相環(huán)圖中呈正三角形的紅、黃、藍(lán)，則得到理性安定的畫(huà)面。通過(guò)顏色在色相環(huán)中的形狀，能創(chuàng)造出各式各樣的色彩表情。
不難想像加入黑色會(huì)起提升效果，其實(shí)白色同樣能在輕松氛圍中制造緊湊感。
色相環(huán)中相對(duì)的色相成為對(duì)比色，也叫補(bǔ)色，甚至可以說(shuō)，配色的基本就在于補(bǔ)色，配色完成于補(bǔ)充顏色的過(guò)程之中。加入補(bǔ)色使人心情舒暢，缺乏補(bǔ)色的畫(huà)面容易令人覺(jué)得不自然。
A圖是以同色系為中心的平穩(wěn)配色；圖B加入對(duì)比色藍(lán)色后，畫(huà)面效果加強(qiáng)了些許。
加入對(duì)比色，使畫(huà)面生動(dòng)突出
紅、黃、藍(lán)在色相環(huán)上組成一個(gè)正三角形，被稱(chēng)為三原色，是特殊的顏色。綠色、紫色等顏色都可以通過(guò)混合這3種顏色得來(lái)，但是無(wú)論怎樣混合其他顏色都無(wú)法得到三原色。隨著畢加索、蒙德里安等現(xiàn)代派畫(huà)家們追求終極的純粹色，三原色的組合得到了重視。
蒙德里安《紅、黃、藍(lán)的構(gòu)成》
這幅作于1930年的《紅、黃、藍(lán)的構(gòu)成》是蒙德里安幾何抽象風(fēng)格的代表作。蒙德里安將色彩、形狀純粹化的結(jié)果，是否定紅、黃、藍(lán)三色以外的一切色彩。線條的方向也限定于水平或垂直，排斥斜線。
三角型的效果，掌握好平衡即可
將兩組對(duì)比配色交叉組合后，便得到十字型配色。醒目安定的同時(shí)，又具有緊湊感。在一組對(duì)比色產(chǎn)生的緊湊感上加一組，自然成為最強(qiáng)配色型。
梵高《軍人》
A畫(huà)面只用了一組紅綠對(duì)比色，看上去很有緊湊感，但是過(guò)于硬朗。在A的基礎(chǔ)上增加了一組藍(lán)橙對(duì)比色，帶來(lái)有力的安定感及緊湊感，畫(huà)面豐富了許多。
由于把兩組補(bǔ)色組成十字型，達(dá)到了完全的平衡。
黑色是“無(wú)色”的特殊色，純度、色相、明度都為零。但是，加入黑色會(huì)突出原有的顏色，使畫(huà)面有力度。黑色與其他色彩組合時(shí)，是最有力的配角色。
海報(bào)A藍(lán)綠色均為冷色，綠色背景下，表現(xiàn)出輕快自然、明亮卻趨于平淡。海報(bào)B背景變?yōu)楹谏螅G色變得深邃而閃爍。這時(shí)，黑色本身難掩的光輝甚至?xí)谷苏`將其當(dāng)成主角，但是不會(huì)喧賓奪主掩蓋主角色。
黑色無(wú)論與任何色彩搭配，都起強(qiáng)調(diào)提升作用。使強(qiáng)色更加強(qiáng)烈，使淺色更加突出，產(chǎn)生生動(dòng)醒目的效果。
白色是所有色彩中最中立、最無(wú)個(gè)性的顏色，但是可以通過(guò)特定的使用方法，使畫(huà)面整體更突出。在不破壞其他色彩感覺(jué)的基礎(chǔ)上提升整體。
白色與任何顏色的反差都很大。人眼對(duì)最明亮的白色頗為敏感。即使是相當(dāng)?shù)偷拿鞫认拢咨男Ч诧@而易見(jiàn)。海報(bào)B加入白色，瞬間被突出。
白色有著意想不到的效果。配上過(guò)于強(qiáng)硬的顏色則使之緩和，配上淺色則使之被強(qiáng)調(diào)。保持淺色原本的感覺(jué)，突出整體效果。
與突出型配色一樣，我們采用三屬性（色相、純度、明度）來(lái)緩和過(guò)于喧鬧、醒目的顏色。突出時(shí)要增強(qiáng)三屬性的對(duì)比，融合時(shí)則要減弱對(duì)比色的對(duì)立。
色相差越大越活潑，反之，色相越靠近越穩(wěn)定。色彩給人感覺(jué)過(guò)于突出喧鬧時(shí)，可以靠近色相，協(xié)調(diào)各種色彩，使畫(huà)面穩(wěn)定下來(lái)。
B圖使用近似色配色，表現(xiàn)出平穩(wěn)安詳?shù)母杏X(jué)。而A圖紅綠色相之間變化幅度過(guò)大，流于散漫，給人一種不安定的感覺(jué)。
色相被靠近后稱(chēng)為鄰近色，進(jìn)一步靠近則稱(chēng)為同系色，越偏離對(duì)比色、接近同系色，就越有平穩(wěn)踏實(shí)感。
即使色相差很大，只要明度統(tǒng)一，畫(huà)面整體就會(huì)給人以安定的感覺(jué)。這是在不破壞色相平衡、維持原有氣氛的同時(shí)，得到安定感的巧妙方法。
A圖明度差較大，產(chǎn)生活潑感。而B(niǎo)圖縮減明度差至零后，畫(huà)面整體變得和諧，給人一種安定的感覺(jué)。
無(wú)論多么松散的配色，統(tǒng)一明度后都會(huì)呈現(xiàn)出整齊穩(wěn)定的效果。零明度差營(yíng)造出踏實(shí)穩(wěn)定的感覺(jué)，因此最好盡量擴(kuò)大色相差，力求維持色彩之間的跳躍感。
色調(diào)也稱(chēng)“調(diào)子”，表示色彩的感覺(jué)、品位。因此，可以把同一色調(diào)的色群歸為具有同一類(lèi)色彩感覺(jué)。組合同一色調(diào)的顏色，則相當(dāng)于統(tǒng)一了畫(huà)面氣氛。
A畫(huà)面組合有所偏高的色調(diào)，會(huì)破壞畫(huà)面的統(tǒng)一，而B(niǎo)畫(huà)面將鮮艷的色調(diào)換為明灰色調(diào)，畫(huà)面感覺(jué)統(tǒng)一和諧了許多。
如果畫(huà)面松散，缺乏統(tǒng)一感，則需要統(tǒng)一色調(diào)。統(tǒng)一至相同或相近色調(diào)后，原本混亂的配色將變得緩和穩(wěn)定。
將混亂的配色群化會(huì)得到踏實(shí)的效果。所謂群化，就是賦予色相、色調(diào)、明度等以共通性，制造出整齊劃一的組合。畫(huà)面松散時(shí)，將三屬性的一部分共通化，會(huì)得到統(tǒng)一感。
A圖的配色過(guò)于混亂，色彩紛繁的效果使畫(huà)面整體顯得混亂。B圖的配色明度、色相以及色調(diào)都比較相近，畫(huà)面整體顯得統(tǒng)一和諧。
所謂群化，指的就是分組、共通化。將前面講述的明度、色相、色調(diào)等綜合地共通化后，產(chǎn)生群化效果，畫(huà)面收斂、緩和。
所謂“雙色調(diào)”，指從相同或相近色相中抽出兩種色調(diào)的組合。最有代表性的雙色調(diào)是同一色相的單色與明色的組合。制造色差，或是組合進(jìn)濁色，都能創(chuàng)造出豐富的色彩表情。
B圖的配色采用的是同一色相的淡色與暗色的組合雙色調(diào)；而A圖中的綠色與淡紅色的色相差過(guò)大，無(wú)法組合成相同或相近色相的雙色調(diào)。
雙色調(diào)組合類(lèi)型
濃淡法指按照色相或明度順序的配色。由于順序被明示出來(lái)，因此產(chǎn)生節(jié)奏感，給人以舒適的感覺(jué)。對(duì)畫(huà)面的一部分使用濃淡法配色，則該部分周報(bào)有著踏實(shí)的效果。
A圖中彩虹的配色排列松散，但頗為活潑；B圖中彩虹按色相順序排列后產(chǎn)生穩(wěn)定感、節(jié)奏感，就會(huì)顯得既張揚(yáng)又踏實(shí)。
色相的漸進(jìn)
明度的漸進(jìn)
使兩組雙色調(diào)對(duì)比后，同時(shí)呈現(xiàn)出平穩(wěn)與緊湊的畫(huà)面感，將雙色調(diào)具有的舒適感與色相對(duì)比具有的緊湊感調(diào)和至平衡，是活躍在19世紀(jì)的英國(guó)裝飾藝術(shù)大師威廉·莫里斯鐘愛(ài)的配色形式。
A圖由綠色的明、中、暗三階段構(gòu)成的配色。由于是同一色相，所以畫(huà)面踏實(shí)，不過(guò)似乎太過(guò)單調(diào)而顯無(wú)趣。鑒于出現(xiàn)3個(gè)階段的顏色，應(yīng)成為三色調(diào)，不過(guò)與雙色調(diào)效果大致相同。而B(niǎo)圖中加入對(duì)比色紅色系的雙色調(diào)。對(duì)比色效果強(qiáng)調(diào)了整體，雙色調(diào)的平穩(wěn)感與色相對(duì)比的緊湊感共存。
組合身為對(duì)比色的雙色調(diào)，產(chǎn)生緊湊感，給人以自然的印象。
使用幾乎令人察覺(jué)不到的微笑色彩差別配色，會(huì)傳達(dá)出高雅寂靜的感覺(jué)。一般情況下，微差因其曖昧模糊感并不討好，不過(guò)一旦被有意圖地巧妙使用，會(huì)有意想不到的效果。想運(yùn)用好微差，周邊色尤為關(guān)鍵。若不小心搭配進(jìn)強(qiáng)色，則會(huì)瞬間破壞來(lái)之不易的靜感，稱(chēng)為庸俗失敗的模糊配色。
A圖鮮艷的黃色破壞了整體的寧?kù)o氣氛；而B(niǎo)圖去掉了鮮艷的色彩，包的色調(diào)具有微差的特點(diǎn)，微差配色表現(xiàn)靜謐。
微差配色可以營(yíng)造出幽靜氣氛
在稍稍偏離的位置上放置統(tǒng)一色彩，會(huì)達(dá)到共鳴融合的效果。這就是重復(fù)法。一致的色彩不僅互相呼應(yīng)，整個(gè)畫(huà)面也融為一體。
A圖頂部與下面的顏色沒(méi)有呼應(yīng)，使得上下分離，破壞了畫(huà)面的整體效果；而B(niǎo)圖下面汽車(chē)的青藍(lán)色與頂部天空的青藍(lán)色呼應(yīng)，形成一致的色相，上下便產(chǎn)生一體感，使得整體緊湊嚴(yán)密。
在偏離的位置上放置與主要色彩同色系的顏色，使得整體融合，產(chǎn)生統(tǒng)一感
白色的色彩度為零，可以說(shuō)是完全中立的顏色，但是由于搭配方法不同，可以產(chǎn)生十分鮮艷的效果。白色可以令平淡的配色鮮明，也可以令濃艷的配色柔和。
A畫(huà)面全部是過(guò)于強(qiáng)烈的顏色，濃艷而令人膩煩；而B(niǎo)畫(huà)面換成白色背景去除了濃艷的感覺(jué)，畫(huà)面表現(xiàn)得柔和起來(lái)了。
如果強(qiáng)烈的帶有刺激性的色彩讓人感覺(jué)很浮躁的話，可以嘗試在中間插入白色間隔，這樣不僅減弱了壓迫感，也使這種顏色的特征更加鮮明生動(dòng)
如果商品與畫(huà)面不一致的話，即使有了漂亮的配色也沒(méi)有任何價(jià)值。已完成配色的畫(huà)面能否與目光鎖定的方向一致是成功與否的關(guān)鍵。想要隨意表現(xiàn)一個(gè)快樂(lè)的畫(huà)面，如果用上等的格調(diào)和高雅的配色，就會(huì)令畫(huà)面混亂，無(wú)法傳達(dá)正確的意思。
決定畫(huà)面的三要素是色調(diào)、色相和對(duì)比強(qiáng)度。其中最重要的就是色調(diào)。色調(diào)換言之是“格調(diào)”，是和“心情、品位、興趣”具有相同語(yǔ)感的詞匯。選擇哪種色調(diào)進(jìn)行畫(huà)面的配色，決定性因素就是心情。
即使是相同的材料、相同風(fēng)格的形狀，當(dāng)色彩的色調(diào)發(fā)生變化時(shí)，畫(huà)面也會(huì)完全不同。色調(diào)在營(yíng)造畫(huà)面氛圍的要素之中起決定性作用，如果錯(cuò)誤地選擇了色調(diào)，無(wú)論在色相和明度上下多少工夫都無(wú)法修正畫(huà)面。
選擇的色調(diào)就決定了配色的畫(huà)面。如設(shè)計(jì)嬰兒產(chǎn)品，就不適合用鮮艷或嚴(yán)肅的色調(diào)。
色相大致可以分為暖色和冷色。由紅色至橙色、黃色被稱(chēng)為暖色，正如字面上的意義一樣，這些顏色給人溫暖的感覺(jué)。相反，由藍(lán)色至青紫色被稱(chēng)為冷色，表現(xiàn)出清涼、冷靜的感覺(jué)。一方面，各自的顏色都與各自特有的氛圍相聯(lián)系。綠色、褐色是用來(lái)表現(xiàn)大自然的色彩，字色無(wú)論濃淡都散發(fā)著女性的氣息。
色相大致可以分為冷色與暖色，一級(jí)位于其中間的色相共4部分。以暖色為主體進(jìn)行配色給人以溫暖健康的印象，以冷色為中心則給人寒冷的印象。
組合色彩之間的色相之差、明度之差和純度之差稱(chēng)為對(duì)比強(qiáng)度。增加對(duì)比強(qiáng)度可以增添活力，減少對(duì)比強(qiáng)度則顯得沉穩(wěn)。想要?jiǎng)?chuàng)造富予活力、精神飽滿(mǎn)的畫(huà)面就要增加對(duì)比強(qiáng)度，想要表現(xiàn)靜謐高雅的畫(huà)面，就要限制對(duì)比強(qiáng)度。
A圖中的運(yùn)動(dòng)鞋色相對(duì)比較小，給人穩(wěn)重的印象；反觀B圖的配色色相對(duì)比強(qiáng)烈，表現(xiàn)年輕人的朝氣蓬勃。
即使使用相同顏色的搭配，當(dāng)面積比例改變時(shí)印象也會(huì)隨之改變。增大面積比（大小差）可以產(chǎn)生輕快的動(dòng)感，相反，減小面積就會(huì)帶給人輕松愉快的印象。
A圖中的橙色地面在畫(huà)面中占據(jù)了相當(dāng)大的面積，給人以輕松舒適的印象。較少地面橙色的面積，畫(huà)面變得銳利鮮明起來(lái)。
如果想要傳達(dá)的內(nèi)容與畫(huà)面的配色產(chǎn)生分歧，那么無(wú)論怎樣美麗的配色都不會(huì)有任何效果。觀看者的印象與配色所表達(dá)的畫(huà)面無(wú)法產(chǎn)生共鳴，那么無(wú)論怎樣美麗的配色都沒(méi)有任何意義了。
令人感覺(jué)到男性特征的色彩，必須具有強(qiáng)大的力量。表現(xiàn)強(qiáng)大力量的純色，接近純色的暗色都是符合男性形象的色彩。
和藹、親切、溫柔的色調(diào)與保守色調(diào)的對(duì)比是關(guān)鍵因素。以紅色為中心的暖色十分有效。另外，紫色是可以表現(xiàn)女性溫柔的特殊色相。
如果只用藍(lán)色為主的冷色進(jìn)行配色，就可以營(yíng)造出冰天雪地的寒冷感覺(jué)。增大明度差能夠進(jìn)一步強(qiáng)調(diào)寒冷的感覺(jué)。
以冷色為主的大部分色相，減小其對(duì)比強(qiáng)度即可減弱寒冷的程度，使畫(huà)面表現(xiàn)出涼爽的感覺(jué)。由于亮度是主要因素所以要避免使用強(qiáng)色調(diào)。
橙色、紅色、茶色等以暖色為中心的色相用來(lái)表現(xiàn)溫暖。減小對(duì)比強(qiáng)度就可以營(yíng)造出溫暖的感覺(jué)。使用任何色調(diào)均可。
加入對(duì)比色相更能夠強(qiáng)調(diào)暖色。純色色調(diào)是基本要素，素雅的色調(diào)與明亮的色調(diào)都無(wú)法表現(xiàn)出炎熱的感覺(jué)。
朝氣、活力、休閑
略顯素雅的明亮色調(diào)帶給人平靜和安詳?shù)母杏X(jué)。表現(xiàn)出橙色生活的優(yōu)雅氛圍。
將暗色色調(diào)放置在純色的旁邊，表現(xiàn)出豪華氣質(zhì)。即使是同樣的暗色，由于被放置在離純色較遠(yuǎn)的位置上而失去了鮮艷色澤，豪華的氛圍也一下子消失不見(jiàn)了。
樹(shù)木的綠色、大地的褐色使人直接聯(lián)想到大自然，心情也變得安定祥和。
充滿(mǎn)力量的畫(huà)面不可缺少重量感，但并不一定適合于表現(xiàn)速度感。速度感是以鮮艷的純色色調(diào)為基調(diào)，而力量感則與鮮艷的厚重色調(diào)相吻合。
同色系色彩帶來(lái)幻想世界的縹緲感。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com