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

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