• <tbody id="9brb1"><pre id="9brb1"></pre></tbody>

    <em id="9brb1"></em>

  • <th id="9brb1"></th>

  • <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
  • <button id="9brb1"><acronym id="9brb1"><input id="9brb1"></input></acronym></button>
      <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
        更多課程 選擇中心


        UI培訓

        400-111-8989

        平面設計教程之配色方法

        • 發布:UI培訓
        • 來源:UI教程
        • 時間:2019-02-27 17:36

        清晰記得之前有人噴我的配色像一坨屎,我覺得很有道理,于是在網上搜索各種配色文章,看了很多,然后我的配色還是像一坨屎!

        因為我看到的全是——紅色代表熱血、活力;藍色代表科技、未來;綠色代表健康等等,還有紅藍對比色,紅橙鄰近色等等!

        這些理論有用嗎?答案是肯定的,有用,但是我覺得看一兩遍,心里有數就可以了,如果天天看這種,你的配色潛力就會被困在體內,憋的難受!

        近期請教了一些同事、朋友關于配色的方法,再加上自己的實踐,總結一下,分享幾個接地氣的、實操性比較強的點!

        大綱如下:

        1.顏色模式的選取

        2.顏色禁區盡量不碰

        3.顏色不要太正

        4.疊加模式要用好

        一顏色模式的選取

        顏色模式就是記錄顏色的一種方式,分為很多種:RGB模式、CMYK模式、HSB模式、Lab顏色模式、位圖模式、灰度模式、索引顏色模式……

        而我最常用的就是HSB模式,因為它簡單直觀,容易控制。

        HSB中的H代表色相、S代表飽和度、B代表明度。

        H(色相)一共360個,因為色盤一圈是360度,一度一個色相:


        而千變萬化的顏色都是由于S(飽和度)和B(明度)的不同產生的。

        為什么說HSB模式簡單直觀,容易控制呢?

        比如說我們隨意選三個色相,360、23、280


        我們可以輕易的分辨出中間的顏色和其他兩個相比,飽和度與明度有所不同,數值如下:


        而這時,我們只要降低中間顏色的S,提高它的B,就可以使三個顏色和諧很多,不信你看:


        這就是我說HSB模式簡單易懂,容易控制的原因。

        二顏色禁區盡量不碰

        咨詢很多人后發現,他們在用色的時候是有禁區的,不同的人有不同的說法,我將其大概分為這三種:三角形禁區、矩形禁區、扇形禁區(紅色為禁區),如下圖:


        其實不難發現,不論是哪種,基本右下角方向的顏色是很少用的,因為它們又濃又臟,很難把控(當然不排除有些大師任何顏色都是可以駕馭的)!

        這里舉個例子,下面這張圖是我在C4D里面渲染的一個鈴鐺,暗部的地方看起來過黑,不夠通透,其實就是因為暗部出現了禁區的顏色:


        我們將暗部顏色調整至非禁區顏色:


        來看下實際效果:


        這樣就會使整個鈴鐺配色舒服很多。

        三顏色不要太正

        在色相方面,由于人們經常見到很正的顏色(大紅大紫),多少會有些審美疲勞,所以我在選用顏色的時候,盡量避免使用太正的顏色,尤其是在拉漸變的時候,比如色相上,綠里加點黃:


        藍里加點紫:


        除了色相,飽和度與明度也可以相應的調整。

        來個立竿見影的栗子,我在配這張圖底色的時候,最初用的就是很濃重的大紅色:


        相當之辣眼睛,我將飽和度適當降低,看下效果:


        看起來就會舒服很多啦!

        四疊加模式要用好

        以前我很少使用顏色的疊加模式,最多就用用正片疊底。

        在把圖片嵌入淺色底色的時候,我一般都是將圖片的透明度直接降低,如下圖:


        這樣就會使整個畫面變得很臟,后來發現原來很多疊加模式這么好用,比如“柔光”、“變亮”等等,比如我將下圖模式改為柔光,一對比:


        就干凈很多啦!

        再加上點排版,嗯,封面就有了:


        更多模式大家可以多多嘗試,在不同場景下選用最適合自己的那個模式!

        好了,以上就是今天要分享的一點個人關于配色的小經驗,算不上什么法則啊、方法論啊,僅供參考!

        上面我們詳細闡述了如何做好配色的問題,最主要的是要從用戶體驗的角度出發去進行設計創作,如果設計是成功的,那么用戶可以只關注自己的目的,而不是你的設計。 0基礎的你又該如何學習配色呢?

        預約申請免費試聽課

        填寫下面表單即可預約申請免費試聽!怕錢不夠?可就業掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業?一地學習,可全國推薦就業!

        上一篇:學好UI設計的最佳路徑有哪些?
        下一篇:UI設計師最常被忽略的習慣和細節有哪些?

        達內UI設計7月免費訓練營報名啦

        UI培訓教程之系統圖標如何設計

        月薪過萬的UI設計師都是怎么設計界面的

        達內設計學院九周年慶典回首來時路,共赴新征程

        • 掃碼領取資料

          回復關鍵字:視頻資料

          免費領取 達內課程視頻學習資料

        • 視頻學習QQ群

          添加QQ群:1143617948

          免費領取達內課程視頻學習資料

        Copyright ? 2021 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

        選擇城市和中心
        貴州省

        廣西省

        海南省

        2019最新在线国产自拍,2019最新国产在线观看_久久爱久久高清视频 百度 好搜 搜狗
        <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>