Ui設(shè)計學(xué)習(xí)色彩搭配詳解

UI設(shè)計配色是UI學(xué)習(xí)中非?；A(chǔ)也非常重要的部分，好的配色方案能讓你的作品更有質(zhì)感，更能滿足用戶的需求，這里為大家介紹一下UI設(shè)計的最佳三色方案，認(rèn)真學(xué)習(xí)一下吧。

　　一、音樂與色彩

　　當(dāng)你聽音樂時你覺得什么？ 我有一個很有視覺的想象力，所以我經(jīng)常不禁要畫出顏色，形狀，物體，甚至是景觀。

我想與你分享一個關(guān)于一個音樂播放器的想法，根據(jù)播放的歌曲或作品，改變顏色。 如你所知，大多數(shù)音樂播放器只是選擇專輯封面，并在播放專輯中的歌曲時按照其顏色托盤。

　　一方面，我覺得這很無聊。 另一方面，歌曲并不總是具有與封面藝術(shù)或?qū)］嬍Ｓ嗖糠窒嗤闹黝}。

　　我認(rèn)為，如果歌曲的封面顏色根據(jù)音樂的速度或速度變慢或是什么類型而改變，這將是一個好主意。 但是，這個音樂播放器怎么開發(fā)？

　　首先，它應(yīng)該有一些模式或算法，以獲得良好的顏色組合。 其次，色彩參數(shù)（色調(diào)，值，飽和度）應(yīng)遵循音樂參數(shù)（節(jié)奏，旋律，動力/表達(dá)，和聲）。

二、如何找到最佳三色計劃？

　　我經(jīng)歷了數(shù)百幅自然圖片，試圖為我的音樂播放器找到一個配色方案。 這是漫長而艱苦的工作，但現(xiàn)在我有很多新的偉大的顏色組合，我從來沒有使用過。

　　通常情況下，天然托盤可以很好地用于UI設(shè)計，但并不總是如此。 自然有許多陰影，大膽的顏色更適合吸引你的注意力。

　　另一件要記住的是，盡管將兩種顏色融合在一起很容易，但添加三分之一可以讓每一種顏色更加復(fù)雜，因為每種顏色必須完美地補充其他兩種顏色。 平衡是和諧的關(guān)鍵。

我發(fā)現(xiàn)一些非常好的三色計劃，我試圖理解為什么它適合這樣好，而其他人不工作。 我把這些設(shè)計放在一個色輪上，發(fā)現(xiàn)所有這些組合都可以分為三類：所有三種顏色彼此相鄰，兩種顏色相鄰，另一種是相反的，三種顏色彼此相對， 色輪 我將在一本關(guān)于顏色理論的書中發(fā)現(xiàn)的顏色組合使用經(jīng)典術(shù)語：類比，分裂互補和三元組。

　　1、類似的

最簡單的組合是類似的方法。它是通過使用在色輪上彼此相對靠近的三種顏色來創(chuàng)建的。角度之和小于90度。例如，如果您想要以主色為紅色，則可以添加橙色或棕色。除了溫暖的紅色和冷粉紅色或紫色之外，大部分顏色彼此相鄰配合在一起。

　　非常漂亮的顏色自己，但把它們放在一起，看起來像一個腐肉鳥的內(nèi)臟。藍(lán)色，綠色和紫色的所有色調(diào)相互之間的效果非常好，盡管一些顏色可以更加結(jié)合，一些更暗。我建議您先從自然照片中吸取靈感，然后再使用色輪。

　　只使用色輪來挑選顏色，就像在無限二維平面上找到一個圓形的一維針。即使具有重要的藝術(shù)才能和長時間觀察自然色彩，您需要很多經(jīng)驗才能指出色輪，并獲得您想要的。實踐幫助很多。

2、使用漸變

　　如果您已經(jīng)有兩種顏色，可以通過拆分兩種顏色來找到第三種顏色。 在我看來，這是找到三色方案的最好和最簡單的方法。

　　如果兩個顏色在色輪上彼此相鄰，則這種漸變可以起作用，如果這些顏色是相反的顏色，則不能總是創(chuàng)建良好的漸變。 但如果是類似的顏色，它總是看起來不錯。

　　2、拆分互補

兩種顏色彼此相鄰，第三種顏色與色輪相反。 角度之和小于180度。 有一些模式有助于您如何選擇：黃色對于紅紫色，藍(lán)綠色，綠松石紫色，紅色的作品真的很好用于綠藍(lán)紫色。 這些只是幾個例子。 可能性延伸到人類感知的邊緣。

　　許多顏色很好地配合在一起。 有一種方法可以輕松創(chuàng)建拆分互補方案。 首先，您將在設(shè)計中拿起兩個相反的大膽顏色，然后在其中一個旁邊找到第三個顏色。

　　例如，你想要有黃色和紫色，我建議您從紫色側(cè)添加粉紅色或藍(lán)色，或從黃色側(cè)添加綠色。 如果您使用正確的飽和度和對比度，所有這些顏色都可以很好地融合在一起。

　3、三原色

三色方案由色輪上彼此相對的三種顏色組成。 這是更多樣化的配色方案之一，也是最困難的。 很難找到一個很好的組合。 這里有一些自然的圖案：綠色和黃色都很好，所有的色調(diào)都是紅色，粉色，紫色和藍(lán)色。

　　它是基本的花組合：綠葉，五顏六色的鮮花和黃色的雌蕊。 正如你所看到的，它真的很好地在一起工作。 另一個偉大的靈感來源可以是黎明和日落時的天空。 它有很多不同的豐富多彩的組合：藍(lán)色，紫色，橙色; 紅，黃，綠松石等。

4、受到自然的啟發(fā)

　　我使用自然色調(diào)調(diào)色板作為我的設(shè)計，因為它具有最好的顏色組合，這對你的眼睛真的很好。

　　顏色不僅僅是紅色，綠色和藍(lán)色的數(shù)字，我們可以把它放在一臺電腦里，并得到結(jié)果。 事實上，使用顏色選擇器找到正確的顏色真的很難。

　　自然的照片永遠(yuǎn)是我工作靈感的重要來源，它幫助我學(xué)習(xí)了很多顏色如何配合在一起。 我認(rèn)為，如果他們只是關(guān)閉他們的顏色選擇器并打開景觀，植物，花朵和天空的照片，每個人都會更容易找到很好的色彩組合。

　　另外我想和大家分享一下如何從大自然的圖片中挑選顏色。例如，您發(fā)現(xiàn)自然界中你想要用于顏色托盤的美麗圖片：

　　下一步，您可以將此圖片添加到Adobe Color CC或自己拾取顏色：

從概念到實物

大自然的色彩有千萬種，也是我們設(shè)計工作者用色的源泉。如何將自然的色彩合理的用在我們的設(shè)計中？這不僅需要理論上的支撐，同時也需要設(shè)計師們的鬼斧神工。

 

 

來源：ui中國