我們經常收藏各種各樣的配色工具及好看的色卡，但是拿到工具和色卡後，卻不知道該如何下手，怎麼辦？

今天分享一篇零基礎就能掌握的色卡使用乾貨，搬好小板凳準備好啦~~

我們在使用色卡的時候，主要圍繞以下三點進行：

1。顏色要有主次

2。適當融入無彩

3。顏色前後呼應

對於零基礎小白來說，我們拿到色卡最開始學習的時候，最好只使用一個主色，其他全是輔色。

如果你的顏色沒有主次

，就很容易亂。

我們一起來看一下我們這個色卡，我們先隨便選個主色，就選這個

#5BB2A6

為主色吧。

#5BB2A6

第一步：

主色就是佔比最大的顏色，一般我們做設計常用的方式就是將主色當作背景色來使用。

#BAE0CA

第二步：

我們可以利用

主色的臨近的輔色裝飾一下我們的背景，讓背景看起來不那麼單調

。

#f48167

第三步：

我們用一個輔色做個小主體吧，先用這個輔色畫個圓佔

個位

#4b9389

第四步：

看到這個，雲妹想到了小橙子，不如就加個樹葉畫個小橙子吧，正好橙子葉子與

背景色

相呼應

我們仔細觀察很多設計作品，就會發現很多作品不僅僅只用了彩色，還用了一些無彩色，比如黑白灰等顏色，這樣可以在一定程度上中和彩色，並且使層次更豐富。

圖片來源於網路，如侵刪

融合無彩

第五步：

這裡我們也

新增點無彩

，使背景色與小橙子更加融合

#f59297

+漸變

最後，我們再使用其他輔色點綴一下吧，順道再給

橙子添加個漸變，讓它變得更立體一點。

這樣，畫面是不是變得更豐富了。

好啦

，到此一個簡單的小圖片就完成啦，可能有小夥伴會說看起來有些顏色與色卡上好像有點不一樣呀？

其實，我們在使用色卡的時候

並不一定要與色卡上的顏色一模一樣。

我們

可以根據實際情況進行微調，可以適當調整HSL、加入一些漸變，調整填充度都是可以的

，千萬不要被原有色卡所侷限，

色卡只能作為我們配色的參考

。

最後，再給大家分享一個很好用的配色網站，一般人我都不告訴他。

【Palettable】，

這個配色網站裡收錄了數百萬設計師的配色方案，透過互動的方式協助我們找到最合適的色彩組合，本次用到的這個色卡都是這個網站生成的哦~

我們進入網頁後，會先隨機推給我們一個顏色，我們可以透過dislike、like選擇一個合適的顏色；

點選like之後，此顏色就固定了，開始選擇第二個顏色；

依次選擇，最多可以選擇5個顏色，匯出為帶色碼的PNG圖片或本地連線就可以了，這樣你就得到了一張色卡。

今天的分享就到這裡啦，你學廢了嗎？

關注雲時代教育，在後臺回覆“色卡”領取資深設計師都在用的色卡哦~~