UXD獨家教程,如何使用8個步驟創(chuàng)建和諧美觀的個人配色方案

色彩在設計中一直是非常重要的一個元素,如何通過設計快速提升你的設計,成為了很多同學制作作品集時的煩惱。

這篇文章,UXD將教授同學們一個不為人知的小技巧,通過8個步驟就可以快速創(chuàng)建和諧整體的色彩。

下面將展示如何使用一定的規(guī)律,你圍繞任何顏色創(chuàng)建合適的配色方案。
1.將顏色模型設置為HSL,通常,將顏色選擇器設置為十六進制值,例如#DB17DF。我們將其更改為HSL,代表色相,飽和度和亮度。
H=Hues;S=Saturation;L=Lightness

2.選擇一種顏色,例如我選擇了我個人喜好的紫色#DB17DF。

3.改變L值,創(chuàng)建一組L值,其差值為10。范圍從0到100。

提示:變數(shù)不必為10。你可以選擇任何數(shù)字。
4.創(chuàng)建10份原始顏色的副本

5.替換L值,更改顏色的現(xiàn)有L值以匹配你創(chuàng)建的新值。

完成這一步,其實你已經(jīng)可以得到一套比較和諧的色彩組了,但是我們還需要通過創(chuàng)建輔助顏色,繼續(xù)讓色彩提高一個檔次。
6.尋找輔助顏色,要創(chuàng)建輔助顏色,我們可以在原有的顏色色相上進行改動,把30、120、150、180、210、240或300這組數(shù)值添加到主顏色的H值。在此示例中,我們嘗試添加了30。
提示:想象一下你在色輪上的顏色。這些數(shù)字將我們指示為互補色和三合色。由于輪子是一個圓圈,因此你的H值可以是360。

對你的輔助配色方案重復步驟4創(chuàng)建10份原始顏色的副本和步驟5替換L值。

7.選擇主要和次要變體,選擇適合你設計的顏色。我選擇較深的色彩作為主要色板,而選擇較淺的顏色作為輔助色板。

08.選擇基礎顏色,選擇基礎的顏色,例如背景和文本等設計的色彩。通常我們選擇灰白色作為背景,但具體情況可以根據(jù)自己的設計來進行改變。

然后,現(xiàn)在生成的配色方案就可以在你的下一個設計中進行使用了。


更多知識干貨以及其他海外留學的資訊可以關注UXD交互工業(yè)產(chǎn)品設計分享或者添加小助手,還可獲取講座直播哦~

|福利大放送 | WELFARE?
對于設計初學者,完成從0開始創(chuàng)作幾乎是不可能的,就像學習過程中書讀百遍其義自見一樣。有了大量的積累,才能在腦海里建立素材庫,這些素材庫能幫助同學們完成最初的設計想法積累,基于這樣的基礎再進行個性化的創(chuàng)作,最終才能做出高質量的作品集。全球院校最新作品集免費拿!添加小助手即可獲取:



UXD交互工業(yè)產(chǎn)品設計學院是尤克斯國際旗下的一家專注于交互、服務、工業(yè)、產(chǎn)品設計專業(yè)的頂級設計學院。除了一對一設計課、基礎技能課程、小組課題、設計評圖、聯(lián)合教學外,我們提供不定主題的公開課和內部小組課,教學計劃課程由三大部分組成,包括基礎軟件技能教學、設計理論系統(tǒng)講座、申請必備知識解析等。



本文版權歸UXD尤克斯所有
部分圖片來自于網(wǎng)絡
如有侵權請與我們聯(lián)系