建設(shè)網(wǎng)站中創(chuàng)建大型和諧統(tǒng)一的調(diào)色板可能是一個挑戰(zhàn)。好的意圖和自信的計劃可以放棄，當(dāng)事情有點笨重。但是，您可以為自己準(zhǔn)備一些工具來管理復(fù)雜性。使用正確的技術(shù)，可以隨意創(chuàng)建，細(xì)化和重構(gòu)大型調(diào)色板。大型調(diào)色板可以馴服你來使用。

使用調(diào)整圖層創(chuàng)建調(diào)色板鏈接

可以使用很多技術(shù)從幾種基色中創(chuàng)建大型調(diào)色板。自動產(chǎn)生顏色變化有助于保持顏色統(tǒng)一和易于管理，同時提供大量的可能性菜單。

執(zhí)行此操作的最簡單的方法之一是將部分透明的物體堆疊在基本色板之上，更改色板的部分以創(chuàng)建變體。Photoshop和Affinity Designer的調(diào)整層也可以用于此目的，并提供更多的控制。調(diào)整層修改下面的層的顏色，這意味著可以編輯基礎(chǔ)顏色，并自動創(chuàng)建其他變體。

在最近的一個項目中，我使用了14種基色，每種顏色有4個變體，可以創(chuàng)建一個56種顏色的調(diào)色板。

基色鏈接

要開始使用，請選擇一些基本顏色，然后通過相互繪制大塊純色。顏色不需要是最終的 - 粗略的近似將會做。將它們放在水平排。

使用基本顏色，現(xiàn)在可以創(chuàng)建一個調(diào)整圖層，其中遮罩在所有顏色（水印或位圖掩碼將執(zhí)行）上水平運行。我在這里使用了兩個層次的調(diào)整層 - 一個可以減輕三分之一的塊，另一個用來使底部的三分之一變暗。

草圖沒有調(diào)整圖層，但是使用層次不透明度約為20％的白色和黑色塊將會做到這一點。

我已經(jīng)使用了水平調(diào)整圖層作為例子，但根據(jù)您的需要，色相/飽和度，氣泡，曲線和其他調(diào)整圖層類型可以同樣有效。

混合模式鏈接

該技術(shù)也適用于混合模式。這里有一些黃色塊，將基本顏色分割成垂直三分之一。他們都使用覆蓋混合模式，分別為40％和80％的不透明度。

結(jié)果是一個很好的轉(zhuǎn)變，提供與原始顏色相關(guān)的更強(qiáng)和更亮的顏色。

微調(diào)鏈接

因為具有混合模式的調(diào)整層和層改變了下面的層，所以可以實時地進(jìn)行調(diào)整。他們是動態(tài)的?它們可以在現(xiàn)在或?qū)淼娜魏螘r候進(jìn)行編輯，所有的變體都將自動創(chuàng)建。

使用漸變鏈接創(chuàng)建調(diào)色板

梯度也可用于創(chuàng)建相關(guān)顏色的集合。在其最簡單的形式中，線性梯度提供從一種顏色到另一種顏色的平滑混合。鑒于我們對固定數(shù)量的顏色的調(diào)色板感興趣，而不是連續(xù)的漸變，這并不完全是我們所追求的。可以沿著漸變的各個點對顏色進(jìn)行采樣，以構(gòu)建一個調(diào)色板，但這需要手動的工作，而且我們經(jīng)過一個自動化的解決方案。是的，它可能在Photoshop，Affinity Designer和Sketch中編寫，但其他技術(shù)比腳本更容易。

對一個漸變進(jìn)行折疊，將其分為固定數(shù)量的步驟（后綴限制使用的顏色數(shù)量）。Photoshop和親和設(shè)計師都包括通過海報調(diào)整層進(jìn)行后綴的能力。可以將一個海報調(diào)整層放置在漸變上方，將其分割成平面顏色的步驟。

為了限制海報調(diào)整層的范圍，封閉組的混合模式應(yīng)設(shè)置為“正常”，而不是“通過”（Photoshop和Affinity Designer都可以執(zhí)行此操作）。將組的混合模式設(shè)置為正常意味著組的內(nèi)容將被后綴，但組之外的所有內(nèi)容將不會 - 組和其內(nèi)容被合成到單個緩沖區(qū)，并且包含混合。在您希望停止海報調(diào)整圖層或其他調(diào)整圖層以影響文檔的其他部分的情況下，這是一種方便的技術(shù)。

具有仔細(xì)選擇的顏色的幾個漸變可用于構(gòu)建大型和可維護(hù)的調(diào)色板，并且結(jié)果可以與其他調(diào)整層（如前所述）相結(jié)合，以使自動創(chuàng)建更多。

但是，根據(jù)所選擇的顏色，漸變漸變可能不會產(chǎn)生您之后的結(jié)果。在下面的示例中，黑色和白色漸變很好地分割成平坦的區(qū)域，但是顏色示例并沒有使用原始漸變值的偶數(shù)步驟。不是我們想要的。

如果您正在跟蹤，并且在您的后置漸變中看到模糊邊緣，則會由于漸變抖動。模糊邊緣是通常增加漸變質(zhì)量的特征的不幸的副作用。梯度抖動是一件好事，但在這種情況下有點分心。如果您想在Affinity Designer中禁用漸變抖動，可以通過取消選中“首選項”（“全局設(shè)置”）“性能”部分下的“抖動漸變”來實現(xiàn)。不過，禁用梯度抖動并不重要。

可以在漸變填充窗口或面板中，Photoshop中每層的梯度抖動。在上面的例子中，Photoshop漸變也將平滑度設(shè)置為0％，它使用梯度上的顏色停止之間的線性插值 - 這意味著由后綴創(chuàng)建的塊將是均勻的尺寸。Affinity Designer，Illustrator，Sketch和其他工具默認(rèn)情況下使用色彩停止之間的線性插值，并且它們沒有其他內(nèi)插的選項，因此您只需要在Photoshop中擔(dān)心此設(shè)置。

顏色梯度目前看起來不是很好，而不是我們之后。沒關(guān)系，我們還沒有完成。通過引入第二調(diào)整層，梯度圖，可以使用為終點指定的確切顏色獲得均勻的階梯狀，混合色的顏色。

但首先，關(guān)于梯度圖如何工作的一個快速課程（或更新）。