網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)如何用好同類色

      一個(gè)好的配色并不是僅僅只是那些擁有設(shè)計(jì)天賦的人才能掌握的。通過(guò)一些公式化的配色技巧也能讓大家在搭配色彩的時(shí)候有心中有色、不至于沒(méi)有頭緒無(wú)從下手。
    今天給大家介紹一種同類色中配色的方法，你只需要簡(jiǎn)單的增加、減少，色相、飽和度、亮度的數(shù)值就可以很輕松的掌握它。
1.色彩模式 - 了解 HSB
首先現(xiàn)在的設(shè)計(jì)師大多都是在屏幕上完成工作的，在剛開(kāi)始學(xué)習(xí)設(shè)計(jì)軟件的時(shí)候，都知道要設(shè)置正確的色彩模式。比如RGB和CMYK：RGB 稱之為色光的三原色，而 CMYK 則稱為印刷的四原色。
而上面的兩種色彩模式都是基于屏幕和印刷的，現(xiàn)在做配色的時(shí)候我建議大家選擇更貼近人類感官的方式 HSB ( 有時(shí)也稱作HSV ）
HSB 分別表示的是 色相（Hue）飽和度（Saturation）以及亮度（Brightness）大家要好好記住這三個(gè)數(shù)值。
2.巧用 HSB 數(shù)值變換
當(dāng)你在HSB 模式下進(jìn)行同類色配色時(shí)，首先要必須先確定一個(gè)色相（H），接下來(lái)就只需要對(duì)后兩項(xiàng)數(shù)值進(jìn)行加減就能很快完成。
下面我給大家舉個(gè)例子，比如說(shuō)下面這個(gè)電腦，在確定了紫色的色相值為270，其他的數(shù)值在這個(gè)值的基礎(chǔ)上變化。
來(lái)看看具體是哪些數(shù)值發(fā)生了變化：
從上圖可以看到基礎(chǔ)色的飽和度是24亮度是96，通過(guò)修改后兩項(xiàng)數(shù)值你可以發(fā)現(xiàn)：
同色相加深 = 飽和增加亮度減少
同色相變淺=飽和減小亮度增加
看到這，相信大家對(duì) HSB 的同類色配色有了相應(yīng)的了解。
但是記數(shù)值還是覺(jué)得太麻煩了，有沒(méi)有更簡(jiǎn)單的方式呢？別急～我們接下來(lái)看。
3.用圖層模式快速打造配色方案
圖層疊加大家都了解，這里我就不做更多表述了，那怎么把它運(yùn)用在配色方案里呢？
首先，最簡(jiǎn)單粗暴的方法就是在確定了一個(gè)顏色之后，把它復(fù)制出N份。在純黑和純白的底上，做不透明度的變化。
如圖：
相較于 HSB 這個(gè)方法，會(huì)更直觀的讓你進(jìn)行色彩選擇。也能快得到效果，你不必糾結(jié)，飽和度、亮度該增加多少減去多少。上去就是一頓不透明度調(diào)整，快速達(dá)到自己想要的效果。
4. 總結(jié)  
配色的方法不止這一種，每個(gè)人都有自己習(xí)慣的方式。數(shù)值的設(shè)置也不用太死板，不同的情況調(diào)整的數(shù)值也不一樣。
（鄭重聲明：本文版權(quán)歸原作者海鹽社劉清所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如有侵權(quán)，請(qǐng)聯(lián)系我們刪除；如作者信息標(biāo)記有誤，請(qǐng)聯(lián)系我們修改。）