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