• <nav id="iswca"><strong id="iswca"></strong></nav>
  • <menu id="iswca"><code id="iswca"></code></menu>
    <menu id="iswca"><strong id="iswca"></strong></menu>
  • <xmp id="iswca"><nav id="iswca"></nav>
  • <xmp id="iswca">
  • PS設計教程網歡迎你!

    設計師必須要學習的高級配色技法

    文章來源于 未知,感謝作者 西瓜的設計 給我們帶來經精彩的文章!
    設計教程/設計理論/設計理論2021-03-10
    在設計師的日常設計中,配色的調整也是關鍵的一部分,一個優質的配色對于用戶來說也有著不錯的用戶體驗,可能更加吸引用戶的眼光;本文作者分享了關于配色的技巧流程以及創意配色,我們一起來學習一下。

    一篇關于如何配色的技巧流程,幫助大家更好的進行創意配色,并使用自己喜歡的色彩。

    大家好,我是西瓜,這次和大家分享一個我之前多次使用的一種配色技巧,只要同學們跟著練習,并且多去嘗試與操練幾次,就會摸清這種技法的規律。

    我在之前寫過一篇關于配色理論的文章《色彩設計的原理》,那篇文章里我主要講解的其實是關于色彩原理的東西,幾乎文章內容的90%都是在講最基礎的色彩知識,如果有同學沒看過的,我建議去瀏覽一遍;雖說不是什么實戰性的技法,但對于了解與理解色彩根本還是有根大用處的,那里面主要的色彩屬性定位就是HSL,也就是色相、純度、明度,這篇文章的技法也就是和HSL掛鉤的。

    設計師必須要學習的高級配色技法

    我這簡單講之前HSL是什么,闡述一下,然后我們就開始實戰技巧。

    H就是“色相”:所謂“色相”,指的就是像紅色或者藍色這些色調的稱呼,也就是它們的面相,在剛才我說的“曼塞爾色系”的理論(色輪)中,一共會有10種基礎色相;

    S是“純度”:是指色彩鮮明的程度,比如:“鮮艷的顏色”、“暗沉的顏色”,這種表達方式就是純度的意思,按照邏輯那么就是越鮮艷的純度就越高,越暗沉的純度也就越低。色輪中,無論是哪種顏色,只要它純度越低,就一定越接近灰色;

    L是“明度”:是指色彩的明亮程度,和純度一樣,也是以高和低表示。明度最高是白色,相反,最低是黑色;

    好,知道了HSL是什么,我們就可以開始了。

    一、設置顏色的HSL

    這里指的設置其實就是選定,我們接下來所有的軟件操作案例都使用Sketch為基礎,在你Sketch打開后,先畫一個圓形,然后打開你的圓形填充拾色器,你就看到當前圓形的基礎色了;然后你需要做的第一步就是修改拾色器下方的RGB改為HSL,修改完后,對應匹配的數值,就是當前圓形色彩的色相、純度、明度。

    設計師必須要學習的高級配色技法

    二、隨機選色,確定主色

    接下來是隨機選色,這一步比較簡單,意思就是在拾色器里找一個你認為好看的顏色,就這樣;不過需要提點你的是,選定的顏色盡量不要是偏黑、偏灰的顏色,這是因為我們后期的色彩都是需要根據當前色彩去進行延伸的。

    設計師必須要學習的高級配色技法

    三、改變L數值,衍生橫向色值組合

    當你選完基礎的顏色后,接下來,我們就要開始在L(色彩明度)身上做點文章了,你可以先將剛才畫好的圓復制10份,這樣我們就以一個一個的進行L(明度)修改了;這里需要開始注意了,我們10份圓形的顏色是不一樣的,在保持HS不變的基礎下,L是以正反“+”和“-”進行過度的。

    舉例說明一下:當前色彩為藍色,L的明度為57,我們需要正反“+”、“-”各10下,“+”得出67、77、87、97,翻過來“-”得出47、37、27、17、7,這樣一來,我們就一共得到了10個色相和純度一樣,但明度不一樣的色卡了。

    設計師必須要學習的高級配色技法

    四、H值的延伸,尋找新的色相

    接下來,我們開始改變H(色相)的值,我想到這里的同學應該有點感觸了是么,只要H(色相)這邊一修改,就會得到第二種新的色卡了;但是,隨意拖動H數值是錯誤的手法,正確做法是依然在色相數值的基礎上“+”“-”增加10或減少10下,也可累計,這里我+30,得出的色卡就是新的色彩基礎了。

    設計師必須要學習的高級配色技法

    版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
    aaa
    国产精品丝袜一区二区三区,亚洲精品A级毛片,中国少妇XXXXX高潮喷水,中文字幕丰满乱子无码伦,国产蜜芽剧果冻传媒,亚洲一区二区三区人人爽