首頁技術文章正文

這樣的色彩搭配讓你的設計更具吸引力!

更新時間:2018-06-22 來源:黑馬程序員 瀏覽量:

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

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

1529649425661_01.jpg

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

1529649431817_02.jpg

色彩的特征

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

1529649436333_03.jpg

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

1529649442568_04.jpg

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

1529649458334_05.jpg

設計中色彩搭配的原理

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

1529649463896_06.jpg

色彩搭配方法

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

1529649469709_07.jpg

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

1529649476974_08.jpg

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

1529649483459_09.jpg

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

1529649488834_10.jpg

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

1529649495240_11.jpg

色彩搭配常用技巧

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

1529649501912_12.jpg

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

1529649508663_13.jpg

③用一個色系,簡單地來說就是用一個感覺的色彩,如淡藍、淡黃、淡綠;或者土黃、土灰、土藍。確定色彩的方法因人而異,例如:可以在Photoshop中單擊前景色方框,在彈出的“混色器”對話框中選擇“顏色庫”,然后在“色庫”中選擇即可。

1529649515725_14.jpg

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

1529649536241_15.jpg

避免配色中誤區(qū)

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

1529649544085_16.jpg

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

1529649552679_17.jpg

本文版權歸黑馬程序員視覺設計學院所有,歡迎轉載,轉載請注明作者出處。謝謝!


作者:黑馬程序員視覺設計培訓學院


首發(fā):http://zhongqishi.cn/special/uijpzly/index.html

分享到:
在線咨詢 我要報名
和我們在線交談!