400-650-7353
您所在的位置:首頁(yè) > IT干貨資料 > ui設計 > 【UI設計基礎知識】配色秘籍

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

  • 發(fā)布: ui培訓
  • 來(lái)源:UI干貨資料
  • 2021-07-28 10:13:52
  • 閱讀()
  • 分享
  • 手機端入口

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

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

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

最后一步秘籍就是運用色彩,根據配色網(wǎng)站搭配出來(lái)的色彩運用到設計作品中,那么該如何使用這些色彩呢,這又要分為以下幾個(gè)步驟:

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

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

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

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

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

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

>>本文地址:http://www.lakeplacidphc.com/zhuanye/2021/69464.html

THE END  

聲明:本站稿件版權均屬中公教育優(yōu)就業(yè)所有,未經(jīng)許可不得擅自轉載。

1 您的年齡

2 您的學(xué)歷

3 您更想做哪個(gè)方向的工作?

獲取測試結果
  • 大前端大前端
  • 大數據大數據
  • 互聯(lián)網(wǎng)營(yíng)銷(xiāo)互聯(lián)網(wǎng)營(yíng)銷(xiāo)
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯(lián)網(wǎng)嵌入式
  • 全域電商運營(yíng)全域電商運營(yíng)
  • 軟件測試軟件測試
  • 室內設計室內設計
  • 平面設計平面設計
  • 電商設計電商設計
  • 網(wǎng)頁(yè)設計網(wǎng)頁(yè)設計
  • 全鏈路UI/UE設計UI設計
  • VR/AR游戲開(kāi)發(fā)VR/AR
  • 網(wǎng)絡(luò )安全網(wǎng)絡(luò )安全
  • 新媒體與短視頻運營(yíng)新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開(kāi)發(fā)智能機器人
 

快速通道fast track

近期開(kāi)班時(shí)間TIME