• <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設計配色

        • 發布:UI培訓
        • 來源:UI教程
        • 時間:2018-04-26 15:58

        今天小編要跟大家分享一篇關于UI設計配色的文章,UI設計師們都知道,做設計配色是很重要的。那么設計師在配色是需要注意一些什么呢,小編就和小編一起來看一看吧。

        1.用色要有理論支撐

        網上有很多人寫過關于配色的基礎理論,例如互補色呀、相鄰色呀、對比色等等,再比如紅色代表熱情、藍色代表科技、綠色代表健康等等,這些都是我們必須掌握的,如果不太不清楚,可以去百度一下!

        我這里想和大家強調的是,在我們每次用色之前,一定要想想為什么要這么用,你的理論依據是什么?這是一個優秀設計師基本的思考習慣。

        舉個簡單的例子,如果我們為一個品牌的視覺延展,品牌色是藍色:

        UI設計師們應該知道的UI設計配色

        當我們需要去給這個品牌色搭配色彩的時候,我們可以從很多方面入手,例如品牌調性、目標人群等等。

        假設我們的目標人群是:時尚、前衛的年輕人。

        那我們就可以大膽的使用對比色——紅色:

        <a style='color:blue' href='http://www.sdegwq.com/'>UI培訓</a>班

        用對比色的視覺沖擊力來突出年輕、前衛的品牌調性,博得目標人群的喜愛。

        舉這個簡答的例子就是告訴大家,理論還是要看一看,讓你的理論支撐你的執行,這樣你就可以有足夠的信心。

        當然,至于配出來的顏色好不好看,那就是另外一個層面(執行力)的事了,我們后面再說!

        2.配色數量慢慢加

        上兩天群里的一個朋友發了一張臨摹的練習圖,我想寫配色的文章也是因為他的這張練習圖:

        UI培訓班

        這里,我再說下關于配色的問題,上個知識點,我已經強調過了理論的重要性,可以支撐我們的執行!

        來,我們看看這個練習的原圖:

        UI培訓班

        他的用色是非常有研究的,一共有三種主要色相,綠色、紅色、黃色,綠色與紅色是互補色,紅色與黃色是鄰近色,三種不同深淺的綠色使畫面變得豐富又不雜亂。

        而我們看下練習稿:

        UI培訓班

        這么一個小小的插圖,竟然用了13種顏色,并且沒有任何規律,從這個練習可以看出這位朋友的整個思維都是亂的,并不知道到底該怎么用色!

        在這種情況下,千萬不要貪心,可以先從兩種主色開始搭配,例如,先用好鄰近色,紅色和黃色:

        UI培訓班

        當真的能駕馭好之后,再來慢慢添加顏色的數量,例如加些點綴色——天空的藍色、地面的灰色:

        UI培訓班

        千萬記住,練習配色不要急,先從少數量的顏色開始練起,慢慢增加!

        3.配色一定要和諧

        如何讓配色看著和諧?

        我個人覺得有一個點很關鍵就是:飽和度、明度看起來要足夠相似,要低飽和就所有的顏色都用低飽和,例如上面建筑的插圖使用的都是低飽和的顏色:

        UI培訓班

        假設這時候我們把背景的紅換個高飽和度就會是下面這個樣子:

        UI培訓班

        根本沒辦法看!

        不過讓配色看著和諧,除了需要理論支撐以外,確實還是需要一定的色彩感覺,如果色感太差,那就多練吧(記住,顏色數量慢慢來哦),敏銳的色感也是可以慢慢培養的!

        4.顏色可以不用那么正

        對于我們配色新手來說,剛開始顏色不敢用太多,配色種類比較單一,這時候還想出彩的話,我們就可以讓顏色不要那么正(比如正紅、正藍),尤其是拉漸變的時候,舉個例子:

        UI培訓班

        我們拉個藍色的漸變,如果色相都是一樣的,只是改變明度的變化,那就是左面這樣的,但如果你用兩種色相,讓淺色的藍不那么正,而是加入一點點綠,效果看起來就會豐滿很多。

        UI培訓班

        像這樣兩種色相之間的漸變,是常用的配色技法,大家可以多多嘗試。

        以上就是小編今天跟大家分享的UI設計配色的文章,希望能對你能有所啟發,不過再大的啟發,你不練,那也是沒用的,所以打開電腦,練起吧!小編希望你能越來越厲害,成為優秀的UI設計師。

        本文摘自:PS設計(PSAI100)

        預約申請免費試聽課

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

        上一篇:新手們值得收藏的UI設計實用小技巧
        下一篇:平面設計到底要學哪些?

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

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

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

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

        • 掃碼領取資料

          回復關鍵字:視頻資料

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

        • 視頻學習QQ群

          添加QQ群:1143617948

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

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

        選擇城市和中心
        貴州省

        廣西省

        海南省

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