當(dāng)前位置:首頁 > 新聞中心 > 解決方案
網(wǎng)站設(shè)計(jì):怎樣設(shè)計(jì)出協(xié)調(diào)的配色責(zé)任編輯 :李飛    文章來源 :星翼創(chuàng)想(16qt59sf.cn)    發(fā)布時(shí)間 :2017-03-30    閱讀次數(shù):5852     專題 :網(wǎng)站設(shè)計(jì)


怎樣取得協(xié)調(diào)的配色?

主要從色相、明度、純度、色調(diào)等方面來取得。接下來我們逐個(gè)來講。

色相一致的配色

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

真實(shí)的設(shè)計(jì)環(huán)境里,很多時(shí)候需要加入別的顏色,這時(shí)候?yàn)榱松嘟y(tǒng)一,可以將別的不屬于主色相的顏色降低明度和純度,或者縮小顏色的面積,這樣不會(huì)影響整體感。

如下圖中的黃色就不屬于藍(lán)色系列,這時(shí)候縮小面積和降低純度是個(gè)不錯(cuò)的處理方式:

下面這張也是如此~

明度一致的配色

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

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

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

一些簡(jiǎn)單的明度一致的配色栗子如下:

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

PS:日系攝影、室內(nèi)設(shè)計(jì)很多會(huì)用到這種配色方法。

高明度配色配得好,會(huì)顯得相當(dāng)?shù)男∏逍隆⑽撵o,干凈,舒服

純度一致的配色

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

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

相反純度較低的且一致的配色,給人就較為沉穩(wěn)和安靜,有些甚至?xí)械缴衩囟幃惻秪~。如下圖:

通過色調(diào)取得一致的配色

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

學(xué)過畫畫的都知道,考色彩要高分,必須要將你的畫有一個(gè)調(diào)性,無論冷色或者暖色調(diào)都好~這樣才會(huì)顯得“高級(jí)”,而當(dāng)年討論得最多的就是所謂的“高級(jí)灰”。其實(shí)設(shè)計(jì)里的也差不多,原理基本是相通的。

色調(diào)包括了上面說到的明度、純度、色相等,相當(dāng)于他們的綜合應(yīng)用。下面是一些例子:

暖色調(diào)

冷色調(diào)

所以設(shè)計(jì)的時(shí)候,想方設(shè)法將自己的設(shè)計(jì)處于一種調(diào)性當(dāng)中,這樣你的配色也不會(huì)那么無依無據(jù)啊~

結(jié)語

色彩是個(gè)很神奇的東西,它能夠?qū)θ说男睦懋a(chǎn)生很大的作用。每個(gè)色彩給人的感受都不太一樣~所以我們應(yīng)該盡可能讓你的配色控制在一個(gè)范圍內(nèi)(這種是相對(duì)理想的做法,不至于出錯(cuò))。

如果你掌握了今天說到的這幾個(gè)點(diǎn),那說明你的配色基本合格了。但是只是合格,要想配色漂亮又是另外一個(gè)境界,因?yàn)檫€有很多別的因素決定你的配色。

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


本文轉(zhuǎn)載自網(wǎng)絡(luò)。


文章轉(zhuǎn)載請(qǐng)保留網(wǎng)址:http://16qt59sf.cn/news/solutions/1788.html

掃碼添加微信
159 8667 8737
24小時(shí)電話

返回頂部