網(wǎng)頁頁面設(shè)計如何用好同類色
2021-06-11 分類： 網(wǎng)站建設(shè)
一個好的配色并不是僅僅只是那些擁有設(shè)計天賦的人才能掌握的。通過一些公式化的配色技巧也能讓大家在搭配色彩的時候有心中有色、不至于沒有頭緒無從下手。
今天給大家介紹一種同類色中配色的方法，你只需要簡單的增加、減少，色相、飽和度、亮度的數(shù)值就可以很輕松的掌握它。
1.色彩模式 - 了解 HSB
首先現(xiàn)在的設(shè)計師大多都是在屏幕上完成工作的，在剛開始學(xué)習(xí)設(shè)計軟件的時候，都知道要設(shè)置正確的色彩模式。比如RGB和CMYK：RGB 稱之為色光的三原色，而 CMYK 則稱為印刷的四原色。
而上面的兩種色彩模式都是基于屏幕和印刷的，現(xiàn)在做配色的時候我建議大家選擇更貼近人類感官的方式 HSB ( 有時也稱作HSV ）
HSB 分別表示的是 色相（Hue）飽和度（Saturation）以及亮度（Brightness）大家要好好記住這三個數(shù)值。
2.巧用 HSB 數(shù)值變換
當你在HSB 模式下進行同類色配色時，首先要必須先確定一個色相（H），接下來就只需要對后兩項數(shù)值進行加減就能很快完成。
下面我給大家舉個例子，比如說下面這個電腦，在確定了紫色的色相值為270，其他的數(shù)值在這個值的基礎(chǔ)上變化。
來看看具體是哪些數(shù)值發(fā)生了變化：
從上圖可以看到基礎(chǔ)色的飽和度是24亮度是96，通過修改后兩項數(shù)值你可以發(fā)現(xiàn)：
同色相加深 = 飽和增加亮度減少
同色相變淺=飽和減小亮度增加
看到這，相信大家對 HSB 的同類色配色有了相應(yīng)的了解。
但是記數(shù)值還是覺得太麻煩了，有沒有更簡單的方式呢？別急～我們接下來看。
3.用圖層模式快速打造配色方案
圖層疊加大家都了解，這里我就不做更多表述了，那怎么把它運用在配色方案里呢？
首先，最簡單粗暴的方法就是在確定了一個顏色之后，把它復(fù)制出N份。在純黑和純白的底上，做不透明度的變化。
如圖：
相較于 HSB 這個方法，會更直觀的讓你進行色彩選擇。也能快得到效果，你不必糾結(jié)，飽和度、亮度該增加多少減去多少。上去就是一頓不透明度調(diào)整，快速達到自己想要的效果。
4. 總結(jié)
配色的方法不止這一種，每個人都有自己習(xí)慣的方式。數(shù)值的設(shè)置也不用太死板，不同的情況調(diào)整的數(shù)值也不一樣。
（鄭重聲明：本文版權(quán)歸原作者海鹽社劉清所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如有侵權(quán)，請聯(lián)系我們刪除；如作者信息標記有誤，請聯(lián)系我們修改。）
今天給大家介紹一種同類色中配色的方法，你只需要簡單的增加、減少，色相、飽和度、亮度的數(shù)值就可以很輕松的掌握它。
1.色彩模式 - 了解 HSB
首先現(xiàn)在的設(shè)計師大多都是在屏幕上完成工作的，在剛開始學(xué)習(xí)設(shè)計軟件的時候，都知道要設(shè)置正確的色彩模式。比如RGB和CMYK：RGB 稱之為色光的三原色，而 CMYK 則稱為印刷的四原色。
而上面的兩種色彩模式都是基于屏幕和印刷的，現(xiàn)在做配色的時候我建議大家選擇更貼近人類感官的方式 HSB ( 有時也稱作HSV ）
HSB 分別表示的是 色相（Hue）飽和度（Saturation）以及亮度（Brightness）大家要好好記住這三個數(shù)值。
當你在HSB 模式下進行同類色配色時，首先要必須先確定一個色相（H），接下來就只需要對后兩項數(shù)值進行加減就能很快完成。
下面我給大家舉個例子，比如說下面這個電腦，在確定了紫色的色相值為270，其他的數(shù)值在這個值的基礎(chǔ)上變化。
同色相加深 = 飽和增加亮度減少
同色相變淺=飽和減小亮度增加
看到這，相信大家對 HSB 的同類色配色有了相應(yīng)的了解。
但是記數(shù)值還是覺得太麻煩了，有沒有更簡單的方式呢？別急～我們接下來看。
3.用圖層模式快速打造配色方案
圖層疊加大家都了解，這里我就不做更多表述了，那怎么把它運用在配色方案里呢？
首先，最簡單粗暴的方法就是在確定了一個顏色之后，把它復(fù)制出N份。在純黑和純白的底上，做不透明度的變化。
如圖：
4. 總結(jié)
配色的方法不止這一種，每個人都有自己習(xí)慣的方式。數(shù)值的設(shè)置也不用太死板，不同的情況調(diào)整的數(shù)值也不一樣。
（鄭重聲明：本文版權(quán)歸原作者海鹽社劉清所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如有侵權(quán)，請聯(lián)系我們刪除；如作者信息標記有誤，請聯(lián)系我們修改。）
文章名稱：網(wǎng)頁頁面設(shè)計如何用好同類色
文章URL：http://www.2m8n56k.cn/news18/117268.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、品牌網(wǎng)站設(shè)計、小程序開發(fā)、網(wǎng)站維護、標簽優(yōu)化、網(wǎng)站策劃
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 企業(yè)網(wǎng)站主頁制作需要注意哪些細節(jié)問題 2021-06-11
- 相比于普通網(wǎng)站，建設(shè)高端網(wǎng)站有哪些突出的優(yōu) 2021-06-11
- 合格的優(yōu)質(zhì)網(wǎng)站應(yīng)該具備哪些條件？ 2021-06-11
- 高端網(wǎng)站有哪些特點？ 2021-06-11
- 如何建一個用戶喜歡的網(wǎng)站？ 2021-06-11
- 網(wǎng)站被黑的幾種情況 2021-06-11
- 電商平臺開發(fā)流程重要還是模式策劃方向靠譜 2021-06-11
- 為什么企業(yè)不適合用模板建站？ 2021-06-11
- 網(wǎng)站SEO內(nèi)容優(yōu)化方面需要參考什么來制定？ 2021-06-11
- 建站：網(wǎng)站搬家一二三 2021-06-11
- 一行代碼解決網(wǎng)站防掛IFRAME木馬 2021-06-11
- 企業(yè)網(wǎng)站上線后容易犯的錯誤 2021-06-11
- 搭建企業(yè)站應(yīng)該注意什么？ 2021-06-11
- 一個公司要打理自己的網(wǎng)站需要會哪些知識 2021-06-11
- 垂直型導(dǎo)航設(shè)計有哪些優(yōu)勢？ 2021-06-11
- HTML標簽語法 2021-06-11
- 如何解決網(wǎng)站多域名解析的問題 2021-06-11
- 為什么專業(yè)技術(shù)人員都對網(wǎng)站服務(wù)也越來越力不從心 2021-06-11
- 網(wǎng)絡(luò)表單介紹 2021-06-11