首頁(yè)技術(shù)文章正文

這樣的色彩搭配讓你的設(shè)計(jì)更具吸引力!

更新時(shí)間:2018-06-22 來(lái)源:黑馬程序員 瀏覽量:

在設(shè)計(jì)時(shí),色彩搭配總的應(yīng)用原則是“總體協(xié)調(diào),局部對(duì)比”,整體色彩效果應(yīng)該是和諧的,只是在局部的,小范圍的地方突出強(qiáng)烈色彩對(duì)比,這樣的色彩搭配才能進(jìn)一步增強(qiáng)設(shè)計(jì)的吸引力。

在設(shè)計(jì)中,色彩搭配是最重要的一環(huán)。本文首先分析了色彩搭配方法在設(shè)計(jì)中的重要性,然后分別對(duì)設(shè)計(jì)中的色彩特征、色彩搭配原理的方法及常用技巧做了比較詳細(xì)的闡述。

1529649425661_01.jpg

設(shè)計(jì)作品是否美觀,色彩搭配非常重要。設(shè)計(jì)就是依據(jù)廣告主題的宗旨,把廣告的造型、結(jié)構(gòu)、信息、色彩等視覺(jué)元素有機(jī)地統(tǒng)一在設(shè)計(jì)中,并對(duì)水風(fēng)格等進(jìn)行整體設(shè)計(jì)。其目的主要是利用造型的原則和規(guī)律,合理的分配和排版文字、圖形等視覺(jué)元素,以便準(zhǔn)確、系統(tǒng)、有效地傳達(dá)廣告所要表示的信息。

1529649431817_02.jpg

色彩的特征

①色調(diào),色調(diào)是表現(xiàn)色彩的種類。色調(diào)是色彩的主要特征,同一色調(diào)的色彩是指色彩中組成彩色成分的三原色光組合比例相同的一系列色彩,在外觀上表現(xiàn)出一種鮮明的色彩傾向。

1529649436333_03.jpg

②亮度,色彩相同的色彩看上去還有深淺之分,通常把色彩的這一個(gè)特征稱為亮度。亮度表現(xiàn)出色彩的明亮程度。在設(shè)計(jì)中,如果底色是黑色的,而文字也選用了較深的色彩,那么由于色彩的亮度比較接近,瀏覽者在瀏覽時(shí),眼睛就會(huì)感覺(jué)很吃力,影響到瀏覽的效果。當(dāng)然,色彩的亮度也不能變化太大;否則亮度反差也會(huì)太強(qiáng),也會(huì)使瀏覽者在瀏覽時(shí)感到刺眼。

1529649442568_04.jpg

③飽和度,色調(diào)相同的色彩除了亮度上的差別外,還表現(xiàn)出不同的鮮艷程度,即色彩的飽和度。飽和度表現(xiàn)色彩鮮艷程度。色彩的飽和度的高低受物體表現(xiàn)結(jié)構(gòu)、照射光源的特點(diǎn)及視覺(jué)生理特性的影響。

1529649458334_05.jpg

設(shè)計(jì)中色彩搭配的原理

搭配的原理主要包括:①色彩的鮮明性,色彩鮮艷,容易引人注目;②色彩的獨(dú)特性,要有與眾不同的色彩,使得大家對(duì)你的設(shè)計(jì)印象深刻;③色彩的聯(lián)想性,用不同的色彩會(huì)產(chǎn)生不同的聯(lián)想,藍(lán)色想到天空,黑色想到黑夜,紅色想到喜事等??傊?,選擇的色彩要和設(shè)計(jì)主題的內(nèi)涵相關(guān)聯(lián)。

1529649463896_06.jpg

色彩搭配方法

①確定主體色,遵循主從關(guān)系,這是處理色彩的主要原則。色相是指色彩的相貌,是區(qū)別色彩種類的名稱。紅、黃、綠、藍(lán)、紫都代表一類具體的顏色。在頁(yè)面上,除了白色為背景外大量使用的顏色,就是主體顏色。設(shè)計(jì)時(shí)應(yīng)確定選用何種顏色作為頁(yè)面主體色,避免在同一個(gè)頁(yè)面內(nèi)運(yùn)用多種顏色,其他的顏色面積不能過(guò)大,應(yīng)該遵循主從關(guān)系。

1529649469709_07.jpg

②選用相近色,設(shè)計(jì)時(shí),應(yīng)盡量選擇色彩相近的顏色,易于搭配。明度是指任何一種色彩的明暗程度;色彩的純度是指彩色系中每個(gè)色彩的鮮艷程度。一般情況下,同色彩系(同色相)、明度不同或者純度不同的幾種顏色比較容易搭配,如選擇幾種深淺不同的綠色來(lái)搭配,就不會(huì)使頁(yè)面產(chǎn)生不和諧的問(wèn)題。同一頁(yè)面盡量不要超過(guò)四種顏色。而文字顏色的搭配,則要與背景分離。在實(shí)際設(shè)計(jì)過(guò)程中,可以利用所選擇的設(shè)計(jì)工具中的調(diào)色板,選中某種顏色周圍的顏色作為頁(yè)面設(shè)計(jì)的選用色。

1529649476974_08.jpg

③色彩均衡原則,遵循色彩均衡原則能夠使頁(yè)面中的色彩達(dá)到一種平衡。在設(shè)計(jì)中,當(dāng)運(yùn)用了較多明度較高的顏色時(shí)可以用黑色或者同色相的深顏色小面積色塊點(diǎn)綴一下,使得頁(yè)面增加分量,達(dá)到色彩重量平衡的效果。而平衡的顏色符合多數(shù)觀者的色彩心理。

1529649483459_09.jpg

④黑白灰顏色的運(yùn)用,在設(shè)計(jì)時(shí)遇到色彩凌亂的情況,可以大面積地加白、灰等淺色,小面積加黑色,以調(diào)節(jié)顏色搭配不當(dāng)?shù)那闆r。當(dāng)遇到使用純度很高的顏色,如純藍(lán)、純黃等,這樣的搭配會(huì)很鮮艷,使人的視覺(jué)感受比較興奮,運(yùn)用黑白灰可以起到中和的作用。

1529649488834_10.jpg

⑤色彩心理與情感,在設(shè)計(jì)色彩的運(yùn)用中,不同的顏色會(huì)使瀏覽者產(chǎn)生不同的心理感受。例如:紅色代表熱情、活潑、幸福、吉祥等。綠色代表和平、希望、環(huán)保、清新等。

1529649495240_11.jpg

色彩搭配常用技巧

①用一種色彩,這里是指先選定一種色彩,然后調(diào)整透明度和飽和度,這樣的頁(yè)面看起來(lái)色彩統(tǒng)一、有層次感。

1529649501912_12.jpg

②用兩種色彩,先選定一種色彩,然后選擇它的對(duì)比色。

1529649508663_13.jpg

③用一個(gè)色系,簡(jiǎn)單地來(lái)說(shuō)就是用一個(gè)感覺(jué)的色彩,如淡藍(lán)、淡黃、淡綠;或者土黃、土灰、土藍(lán)。確定色彩的方法因人而異,例如:可以在Photoshop中單擊前景色方框,在彈出的“混色器”對(duì)話框中選擇“顏色庫(kù)”,然后在“色庫(kù)”中選擇即可。

1529649515725_14.jpg

④用黑色和一種彩色。例如:大紅的字體配黑色的邊框感覺(jué)很鮮明。

1529649536241_15.jpg

避免配色中誤區(qū)

①不要將所有顏色都用到,盡量控制在三至五種色彩以內(nèi)。②背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作背景),否則,背景圖案會(huì)影響要突出主要文字的內(nèi)容。

1529649544085_16.jpg

總之,在設(shè)計(jì)時(shí),色彩搭配總的應(yīng)用原則是“總體協(xié)調(diào),局部對(duì)比”,整體色彩效果應(yīng)該是和諧的,只是在局部的,小范圍的地方突出強(qiáng)烈色彩對(duì)比,這樣的色彩搭配才能進(jìn)一步增強(qiáng)設(shè)計(jì)的吸引力。

1529649552679_17.jpg

本文版權(quán)歸黑馬程序員視覺(jué)設(shè)計(jì)學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請(qǐng)注明作者出處。謝謝!


作者:黑馬程序員視覺(jué)設(shè)計(jì)培訓(xùn)學(xué)院


首發(fā):http://www.pantone-color.com.cn/special/uijpzly/index.html

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!