您所在的位置：首頁 > IT干貨資料 > ui設計 > 【UI設計基礎知識】配色秘籍

【UI設計基礎知識】配色秘籍

發布： ui培訓
來源：UI干貨資料
2021-07-28 10:13:52
閱讀()
分享

手機端入口

設計中顏色的使用是一個非常值得關注的問題，同樣的構圖、版式，但是不同的顏色搭配給人的感覺就完全不一樣，色彩的冷暖，明暗變化琳瑯滿目，表達不同的氛圍與情緒，對于新手設計來講，配色是個不容小覷的問題，可以給大家介紹一套行之有效的基礎配色秘籍，掌握本秘籍，保證新手設計師可以掌握配色的基本武功，然后勤加練習，多加思考，就可以成長為武林高手了。

武林秘籍第一步，根據設計需求選擇一個主色，這個主色的選擇可以是公司的主色，公司規定了必須用這個顏色進行設計，或者產品類型，比如清潔類的產品，一般選擇藍色或綠色作為主色;想要表達的理念，對產品理念的定義選擇相應的顏色作為主色。

武林秘籍第二步，打開一個網絡上無需費力就可以找到的配色網站，或者可以在平時設計軟件上面找，給大家推薦一個小編用到的顏色網站——http://www.peise.net/tools/web/，這個網站可以用幾種不同的配色形式，單色搭配，互補色搭配，三角形搭配，矩形搭配，類似色搭配，類似色搭配互補色，根據你想要使用顏色數量，選擇相對應的顏色搭配形式，然后可以通過配色方案調節進行飽和度/明度，對比度，還有調節參數進行調整。最后在色彩列表中可以找到顏色的數值，進行運用在設計作品中。

最后一步秘籍就是運用色彩，根據配色網站搭配出來的色彩運用到設計作品中，那么該如何使用這些色彩呢，這又要分為以下幾個步驟：

1、對于幾種顏色進行層級劃分，主色是使用時占比例較大的顏色，顏色運用比例在50%-70%作用，選擇輔助色，輔助色所占的使用比例大概在30%-50%左右的比重，最后就是點綴色，點綴色所占的比重大概占10%左右的比例。這一步是定義顏色屬性-主色/輔助色/點綴色。

2、選擇設計圖中最大的區域，填上主色，選擇比重其次的顏色，填上輔助色，最后是點綴色的運用在比較小的區域。這一步就是填色。

3、在設計稿上填寫好了顏色之后，觀察整張設計稿，如果覺得整體主色區域比較單調，可以在主色上使用同色漸變，或者添加一些基礎幾何形狀(方形、圓形、三角形)等以不同的大小添加在主色區域，這些基礎幾何形狀的顏色可以選擇輔助色。然后點綴色區域比較無層次的話，可以在點綴色區域使用白色，灰色，黑色等無色彩的顏色作為輔助使用。

4、最后就是對整張設計稿進行細化，使主色區域有層次，輔助色區域飽滿，點綴色的使用可以烘托氣氛的作用。

配色秘籍拿到手，一定要多加練習，多加使用，多多思考，總結適合自己的配色手法，才能融會貫通，所向披靡。

文章“【UI設計基礎知識】配色秘籍”已幫助人

>>本文地址：http://m.jecan.cn/zhuanye/2021/69464.html

THE END

聲明:本站稿件版權均屬中公教育優就業所有，未經許可不得擅自轉載。