<rt id="efrtw"></rt>
<tt id="efrtw"></tt>

<source id="efrtw"></source>
  • <cite id="efrtw"></cite>

      <cite id="efrtw"></cite>
      <tt id="efrtw"></tt>
        <cite id="efrtw"></cite>

        <b id="efrtw"></b><cite id="efrtw"></cite>

        當前位置:首頁 > 新聞中心 > 建站方案
        網站設計:怎樣設計出協調的配色責任編輯 :李飛    文章來源 :星翼創想(www.fating52.com)    發布時間 :2017-03-30    閱讀次數:3100     專題 :網站設計


        怎樣取得協調的配色?

        主要從色相、明度、純度、色調等方面來取得。接下來我們逐個來講。

        色相一致的配色

        所謂色相上的一致,指的就是設計上全部用相同或者相近的顏色。例如使用綠色,就在畫面中全部用綠色或者綠色的相近色去設計。這種方法使觀看者第一時間感受到色彩的一致性。如下面的幾個例子:

        真實的設計環境里,很多時候需要加入別的顏色,這時候為了色相統一,可以將別的不屬于主色相的顏色降低明度和純度,或者縮小顏色的面積,這樣不會影響整體感。

        如下圖中的黃色就不屬于藍色系列,這時候縮小面積和降低純度是個不錯的處理方式:

        下面這張也是如此~

        明度一致的配色

        所謂明度上的一致,指的就是設計上全部用明度一致或者相近的顏色。這里需要說明的一點,色彩本身即帶有明度的特性,統一明度其實相對較難。例如藍色和紅色的明度就顯得較為暗,而黃色橙色之類的就顯得特別的亮,所以明度就較高。如下圖,都是在同一區域的不同色相,但肉眼明顯感覺黃色最亮,明度最高。

        那如何做到取得明度一致的顏色呢?方法很簡單,即:

        將色彩替換成灰色。這里有個便捷的方法,就是打開在PS面板中,將圖像-模式設為灰度模式即可看出,如下圖:

        一些簡單的明度一致的配色栗子如下:

        明度一致的配色,不會出現強弱對比,相反的顯得比較平面。所以這個方法配色不太適用于那種要求強烈對比的廣告banner之類的設計需求。往往喜歡用在局部的設計配色上,配合其他方法一起使用~

        PS:日系攝影、室內設計很多會用到這種配色方法。

        高明度配色配得好,會顯得相當的小清新、文靜,干凈,舒服

        純度一致的配色

        所謂純度上的一致,指的就是設計上全部用純度一致或者相近的顏色。我們也知道純度指的就是色彩的鮮艷程度。所以用純度一致的配色,容易給觀看者帶來較大的心理刺激。純度越高,越熱烈;純度越低,越沉靜。

        下面這組圖,顏色純度都較高,基本都保持在一致的范疇內,給人感覺特別刺激、活潑、年輕。

        相反純度較低的且一致的配色,給人就較為沉穩和安靜,有些甚至會感到神秘而詭異哦~~。如下圖:

        通過色調取得一致的配色

        所謂色調上的一致,指的是色彩的調性。而色調又分為冷色調和暖色調。

        學過畫畫的都知道,考色彩要高分,必須要將你的畫有一個調性,無論冷色或者暖色調都好~這樣才會顯得“高級”,而當年討論得最多的就是所謂的“高級灰”。其實設計里的也差不多,原理基本是相通的。

        色調包括了上面說到的明度、純度、色相等,相當于他們的綜合應用。下面是一些例子:

        暖色調

        冷色調

        所以設計的時候,想方設法將自己的設計處于一種調性當中,這樣你的配色也不會那么無依無據啊~

        結語

        色彩是個很神奇的東西,它能夠對人的心理產生很大的作用。每個色彩給人的感受都不太一樣~所以我們應該盡可能讓你的配色控制在一個范圍內(這種是相對理想的做法,不至于出錯)。

        如果你掌握了今天說到的這幾個點,那說明你的配色基本合格了。但是只是合格,要想配色漂亮又是另外一個境界,因為還有很多別的因素決定你的配色。

        另外想要說的點就是:每個人的色感不同,有些人天生色彩感覺好,即使他或者并不知道這些色彩原理,配出來的顏色卻依然好看,不違和。但從另一個角度來說他無意間做到的這些方法。所以如果你色感不好,那就認慫,理性的去配色吧。


        本文轉載自網絡。


        文章轉載請保留網址:http://www.fating52.com/news/solutions/1788.html

        谁有黄色网站