<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          大企業喜歡用的配色~

          2025-1-26    資深UI設計者

           
           
           
          你是否不常常為如何配色而煩惱?今天通過幾個視覺課同學的作業來給大家分享一些色彩知識,單從色彩來說,我們先來看看修改的前后效果:
          被大廠淘汰了,因為配色!
           
           
          被大廠淘汰了,因為配色!
           
           
          被大廠淘汰了,因為配色!
           
           
          怎么樣?是不是感覺緊緊通過對同學配色的調整,我們畫面的不僅變得更好看統一,并且畫面也都高級了許多?
          這里面其實蘊含了很多知識點,其中比較關鍵的有三個的知識點分享給大家。
           
           
          01色相呼應
          我們一個畫面里面如果有了一個顏色,那這個顏色就不能只有一個,而是要在畫面里有第二個,或者第三個這個顏色出現,以達成呼應的效果,比如下面這張圖:
          被大廠淘汰了,因為配色!
           
           
          人物是黑色和綠色的,但是畫面是藍色背景和白色字體,黑色的人物在這個背景里就會顯得獨立。那達成呼應應該怎么辦呢?
          1.背景換成黑色
          讓畫面大面積的產生黑色,以達成和人物的黑色形成呼應:
          被大廠淘汰了,因為配色!
           
           
           
           
          2.在背景加入綠色點綴
          有了黑色的呼應,我們還得觀察,人物還有綠色的點綴對吧,所以我們的背景光有黑色是不夠的。也需要綠色的點綴在背景里才能完美契合人物。
          所以我們可以在人物后面加入綠色的光暈,還有一些綠色的球體在周圍以過度畫面的層次。
          被大廠淘汰了,因為配色!
           
           
          整個效果就好很多了對不!
           
          3.更換字體顏色
          目前的畫面可以觀察到,左面的畫面因為字體顏色的關系會顯得有些分割成左白右黑。 略微會有一些割裂的感覺。所以我們的字體也可以換成綠色:
          被大廠淘汰了,因為配色!
           
           
          這樣畫面的統一性是不是就上來了?并且還高級了很多!
           
           
          02色相層級
          我們來看看第二個案列怎么說。
          被大廠淘汰了,因為配色!
           
           
          其實和第一個案例相比也有相同的問題,主體顏色太獨立對吧。那如果我們按照第一案例的修改方法看一下會是什么樣,直接把背景換成主體的橙色:
          被大廠淘汰了,因為配色!
           
           
          顏色是統一了很多,但是出現了新的問題,那就是主體顏色因為和背景太相近而導致不夠突出。
          我們要做的就是在這個基礎上去讓我們的主體物突出于畫面,那應該怎么做呢?
          這里就可以引入新的知識點了
          【色相層級】
          為了方便大家理解,我們看下一組下面的一組同類色。
          被大廠淘汰了,因為配色!
           
           
          其中可以明顯看一組同類色里面,檸檬黃是最突出的顏色,,其次是黃色,最弱的是橙紅色,三個顏色放在一起就形成了顏色對比上強、中、弱的差異。而產生的這種差異,我們就叫色相層級。
          以這個理論為指導,我們就推測出,如果在一個橙色的背景里面想要做到突出而不突兀,我們可以使用黃色和檸檬黃,從而去調整我們的畫面:
          被大廠淘汰了,因為配色!
           
           
          讓我們的背景偏橙紅,主體偏像黃色漸變檸檬黃。這樣我們的畫面是不是就高級統一,并且層次分明了?
           
           
          03色相數量
          我們看下這個案例,粗看感覺還行,但是細看的話就會覺得略微有些雜亂、花哨。原因其實就是畫面里的顏色過多了。
          被大廠淘汰了,因為配色!
           
           
          粗略熟了一下,一共有6種不同的顏色。
          這種配色就會缺乏統一,顯得雜亂。會讓畫面很不高級。
          修改方式呢就是減少顏色數量,把天空和地面色相靠近,能分出層次即可。 月亮的黃也可以漸變一定的背景色,讓天空和月亮的顏色靠近,不要太多的對立感。
          字體的顏色也可以去呼應背景的顏色,這樣去修改:
          被大廠淘汰了,因為配色!
           
           
          從原來的6個不同的顏色,減少到了3種顏色。整個畫面看上去是不是就更舒服了呢?
          以上就是今天和大家分享的幾個顏色知識點,希望對大家有所幫助,下期間啦!
           
           

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合