火星網校
UI設計終極配色指南
發(fā)布時間：2024-03-25 10:12:15 瀏覽量：124次
很多同學經?？鄲烙谂渖娇偸请y以提升，色感把握不準。今天周老師給大家分享一些配色的經驗方法，輕松配出好看高級的顏色!
要想搭配出好看的顏色，我們得先來分析一下，什么是高級的色彩?什么是不高級的色彩?好的配色一眼就可以看出其深厚的設計功底，而差的配色各有千秋，總之就是一個字
“丑”
下面來看兩組案例：
通過看圖對比我們能夠發(fā)現(xiàn)
不高級的配色組合，往往顏色種類多，且飽和度較高，比較刺眼，而高級的配色組合，往往顏色簡潔分明，不會混搭太多其它的色彩。
咱們就來歸納一下，高級的顏色搭配，會有哪些特征。
1)色相 / 飽和度 / 明度
色相
這里的種類指的是色相，泛指色彩的樣貌，比如紅橙黃綠青藍紫，這些都是不同的色相。
設計中除了顏色不宜過于飽和，顏色的種類也不宜過多。
飽和度
飽和度是色彩的純度。增加飽和度，色彩會變得更強烈、鮮艷生動;降低飽和度，色彩會變得暗淡乏味。
明度
除了色相和飽和度，色彩的層次關系非常重要。這個層次主要體現(xiàn)在兩個方面，一個方面是顏色明度的進階，不同的顏色明度，會讓頁面更具備空間感;
明度達到100%時，色彩就會變成白色;明度是0%時，就會變成黑色。如下圖：
通常同類顏色不同明度的設計，能讓頁面具備空間層次的同時，還能讓頁面很干凈。但明度也不要隨意指定，最好是等比例，如20%、40%、60%、80%、100% 這樣等比例疊加就好。
、
2)主次分明 層級關系清晰
對于新人來說，最開始的時候，最好只使用一個主色，其他全是輔助色，如果你的顏色沒有主次，就很容易用亂：
因此設計師在做界面設計時候，應減少顏色使用數(shù)量，盡量控制3種以內，采用黃金比例——6：3：1原則去合理分配顏色。
60%+30%+10%的原則，是達到色彩平衡的最佳比例。在60%的空間使用主色，30%的空間使用輔助色，UI設計終極配色指南
https://www.aaa-cg.com.cn/ui/3007.html?seo1最后剩下10%的空間為另外一種色彩。這樣可以使用戶眼睛從一點移動到下一個點時，非常舒服。
如果一副畫面里面的色彩，沒有主次之分，就好比一部電影里沒有主角，全部都是配角，索然無味。而有了主次，馬上層級關系就會清晰明了。
3)融入無彩色
無彩色系指的是不包含其他任何色相，只有黑、白、灰三種顏色。
我們會發(fā)現(xiàn)，很多作品的顏色搭配，都不僅僅只是用了彩色，還用了一些無彩色，比如黑白灰、肉色等等，這樣可以一定程度上的中和彩色，并且豐富層次。
無彩色具有統(tǒng)一整體設計的多種功能。例如，將許多純度和明度參差不齊的色彩用于設計的場合，由于配色沒有一貫性，容易給人沒有整體感的印象，然而，只要背景采用白色或黑色等無彩色，將每種色彩進行區(qū)隔后，色彩看起來是各自獨立的，整體也就自然統(tǒng)一了。
相關推薦：
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設計網站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網站,這些網站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
-
3. 移動端UI設計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設計的基本知識
-
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網頁設計、字體...
-
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產生點擊欲望,從而提高點擊率。本文將為你...
-
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
-
8. 物聯(lián)網APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
-
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內容。
-
10. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
