UI設計培訓技術分享:配色秘籍
設計中顏色的使用是一個非常值得關注的問題,同樣的構圖、版式,但是不同的顏色搭配給人的感覺就完全不一樣,色彩的冷暖,明暗變化琳琅滿目,表達不同的氛圍與情緒,對於新手設計來講,配色是個不容小覷的問題,可以給大家介紹一套行之有效的基礎配色秘籍,掌握本秘籍,保證新手設計師可以掌握配色的基本武功,然後勤加練習,多加思考,就可以成長為武林高手了。
武林秘籍第一步,根據設計需求選擇一個主色,這個主色的選擇可以是公司的主色,公司規定了必須用這個顏色進行設計,或者產品型別,比如清潔類的產品,一般選擇藍色或綠色作為主色;想要表達的理念,對產品理念的定義選擇相應的顏色作為主色。
武林秘籍第二步,開啟一個網路上無需費力就可以找到的配色網站,或者可以在平時設計軟體上面找。
最後一步秘籍就是運用色彩,根據配色網站搭配出來的色彩運用到設計作品中,那麼該如何使用這些色彩呢,這又要分為以下幾個步驟:
1、對於幾種顏色進行層級劃分,主色是使用時佔比例較大的顏色,顏色運用比例在50%-70%作用,選擇輔助色,輔助色所佔的使用比例大概在30%-50%左右的比重,最後就是點綴色,點綴色所佔的比重大概佔10%左右的比例。這一步是定義顏色屬性-主色/輔助色/點綴色。
2、選擇設計圖中最大的區域,填上主色,選擇比重其次的顏色,填上輔助色,最後是點綴色的運用在比較小的區域。這一步就是填色。
3、在設計稿上填寫好了顏色後,觀察整張設計稿,如果覺得整體主色區域比較單調,可以在主色上使用同色漸變,或者新增一些基礎幾何形狀(方形、圓形、三角形)等以不同的大小新增在主色區域,這些基礎幾何形狀的顏色可以選擇輔助色。然後點綴色區域比較無層次的話,可以在點綴色區域使用白色,灰色,黑色等無色彩的顏色作為輔助使用。
4、最後就是對整張設計稿進行細化,使主色區域有層次,輔助色區域飽滿,點綴色的使用可以烘托氣氛的作用。
配色秘籍拿到手,一定要多加練習,多加使用,多多思考,總結適合自己的配色手法,才能融會貫通,所向披靡。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69996644/viewspace-2790881/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- UI培訓技術分享:設計大神都在用的10種技法!UI
- UI設計培訓分享:ui設計師如何培養設計思維?UI
- UI設計培訓技術分享:搞定萌萌噠可愛圖示UI
- UI設計培訓分享:UI設計師的設計思路UI
- UI培訓分享:UI設計行業常見術語有哪些?UI行業
- UI設計培訓分享:UI設計師如何準備面試?UI面試
- UI培訓分享:如何提升自己的UI設計能力UI
- UI設計培訓技術教程之字型排版規則UI
- UI培訓教程分享:UI設計如何確定設計風格UI
- UI設計培訓教程分享:UI設計師的色彩使用技巧UI
- UI培訓分享:學UI設計需要知道哪些事情?UI
- UI培訓教程分享:APP啟動頁UI介面設計UIAPP
- UI培訓教程分享:UI設計的分類有哪些?UI
- UI設計培訓分享:UI設計的職業發展路徑UI
- UI設計培訓分享:UI設計自學好還是報班好?UI
- UI設計培訓分享:ui的字型怎麼正確設定?UI
- Java程式設計師技術培訓需要培訓哪些?Java程式設計師
- UI培訓分享:UI設計師要掌握哪些知識點UI
- 好程式設計師Java培訓分享Java之反射技術程式設計師Java反射
- ui設計培訓學習就業大綱分享UI就業
- UI設計培訓分享:UI設計師主要可以從事哪幾種工作UI
- UI設計培訓分享:ui設計的如何進行元件化和模組化?UI元件化
- UI設計培訓分享:設計當中的顏色運用UI
- UI設計培訓分享:APP圖示設計規範介紹UIAPP
- UI培訓分享:UI設計就業方向有哪些?如何選擇?UI就業
- UI設計師培訓入門都需要學習什麼技術?UI
- UI設計培訓分享:ui設計公司的團隊職位怎樣劃分?UI
- UI設計培訓分享:平面廣告設計中的文案表達技巧UI
- UI設計培訓分享:app圖示設計要遵循哪些原則UIAPP
- 好程式設計師大資料培訓分享Spark技術總結程式設計師大資料Spark
- 好程式設計師HTML5培訓技術分享JavaScript 閉包程式設計師HTMLJavaScript
- UI培訓分享:如何成為一名優秀的UI設計師UI
- UI設計培訓之UI設計系統知識UI
- 成都學程式設計技術去哪家培訓?程式設計
- UI培訓分享:導航欄UI設計規範及注意事項有哪些?UI
- UI培訓教程分享:Ui設計的細節規範有哪些需要注意?UI
- ui培訓教程分享:平面設計怎樣視覺空間感?UI視覺
- UI設計要做什麼,UI設計培訓都要學什麼UI