運(yùn)用好9個(gè)單色設(shè)計(jì)技巧 設(shè)計(jì)作品也能很出彩

資訊頻道 - 設(shè)計(jì)技 來(lái)源:中國(guó)設(shè)計(jì)在線 作者:cdo 2018-05-14

設(shè)計(jì)的色彩搭配十分復(fù)雜。

如果沒(méi)有風(fēng)格指南和客戶(hù)意見(jiàn)的引導(dǎo),你應(yīng)該如何進(jìn)行設(shè)計(jì)的色彩搭配?你可以借鑒一些色彩理論的技巧原則,色彩理論并不僅僅是美術(shù)生的專(zhuān)利,設(shè)計(jì)師也可以用它來(lái)創(chuàng)造出視覺(jué)效果十足的色彩搭配。另一個(gè)最簡(jiǎn)便的色彩技巧就是單色調(diào)設(shè)計(jì)。這里所說(shuō)的“單色調(diào)”并不是指一種顏色,而是所選顏色都來(lái)自同一基本色(通常為12色色環(huán)上的一種)的不同變體,而這些變體包括:

      · Shades: 基本色+黑色加深

      · Tones:基本色+灰色降低飽和度

      · Tints:基本色+白色加亮



用這三種方法就能調(diào)和出一個(gè)十分精細(xì)的單色調(diào)色譜,你可以從中選擇不同的變體運(yùn)用于設(shè)計(jì)的各個(gè)部分。

單色調(diào)設(shè)計(jì)的優(yōu)點(diǎn)

除了健全的功能性,單色調(diào)搭配原則還具有以下幾個(gè)優(yōu)點(diǎn):

   1)創(chuàng)建和諧統(tǒng)一的視覺(jué)效果;

   2)把所有的視覺(jué)焦點(diǎn)的聚集在內(nèi)容而非色彩搭配上;

   3)將品牌與某種特定色聯(lián)系起來(lái);

   4)讓設(shè)計(jì)過(guò)程更加便捷,大大減輕設(shè)計(jì)師考慮色彩搭配的負(fù)擔(dān)。

單色調(diào)設(shè)計(jì)的9個(gè)技巧

01/

簡(jiǎn)化繁瑣的設(shè)計(jì)

有時(shí)候你必須在有限的空間內(nèi)融入大量信息,為了避免讓繁瑣的色彩搭配加重觀眾的視覺(jué)負(fù)擔(dān),你可以利用單色調(diào)搭配來(lái)創(chuàng)造更為簡(jiǎn)潔有序的頁(yè)面布局。

例如,這個(gè)信息圖中包含了大量插畫(huà)和文本設(shè)計(jì),但是全藍(lán)的配色成功將所有信息凝聚起來(lái)?紤]到設(shè)計(jì)的實(shí)用性,大多數(shù)設(shè)計(jì)師還會(huì)在文本或背景中使用一些黑白搭配,在這個(gè)例子中,設(shè)計(jì)師就在背景中加入白和灰突出藍(lán)色圖像的設(shè)計(jì)。


02/

圖片的色彩疊加

色彩不僅運(yùn)用于文本和圖像,以圖片為主的設(shè)計(jì)也可以通過(guò)透明色彩的疊加來(lái)達(dá)成單色調(diào)設(shè)計(jì)的目的。這種方法尤其適用于黑白照片,透明色覆蓋下的黑、白、灰自動(dòng)形成了一種色彩變化的效果。


這個(gè)例子完美詮釋了透明色疊加對(duì)人物肖像的作用。另外,統(tǒng)一的背景也使得文本更加突出。這種方法也適用于彩色圖像,比如下圖的網(wǎng)站設(shè)計(jì)。沒(méi)有任何間距的圖片排列原本可能會(huì)造成視覺(jué)負(fù)擔(dān),但設(shè)計(jì)師使用不同明暗度的紫色色塊為頁(yè)面創(chuàng)建了結(jié)構(gòu)和連貫性。


03/

創(chuàng)建聯(lián)系

單色調(diào)設(shè)計(jì)的另一個(gè)好處就是能夠?yàn)楦鞣N不同的元素建立聯(lián)系。這不僅是一種視覺(jué)效果,而且還具有一定的功能性。展現(xiàn)設(shè)計(jì)元素之間的互動(dòng)聯(lián)系可以幫助觀眾迅速理解所要傳達(dá)的信息和設(shè)計(jì)目的。

例如,下圖的設(shè)計(jì)利用色值的變化來(lái)表示價(jià)格高低,即顏色越深價(jià)格越高。這種視覺(jué)線索巧妙地強(qiáng)化了設(shè)計(jì)的用戶(hù)友好度。

04/

恰當(dāng)使用亮色

許多設(shè)計(jì)師都熱衷于創(chuàng)造性的色彩搭配,但是對(duì)于商務(wù)等正式領(lǐng)域的設(shè)計(jì),過(guò)于活潑跳躍的顏色會(huì)顯得輕浮。這時(shí),單色調(diào)設(shè)計(jì)便是一個(gè)很好的選擇——它既能為設(shè)計(jì)添加多樣性,也能提升正式感。設(shè)計(jì)師通常會(huì)選用一個(gè)經(jīng)典的亮色(如下圖的紅色)作基本色,選擇它的暗色或較不飽和的變體作為主題色。下圖的建筑公司賀卡設(shè)計(jì)便是一個(gè)很好的例子。亮紅色和綠色的搭配通常為圣誕元素的經(jīng)典用色,這個(gè)設(shè)計(jì)只選用紅色作為主題色,并且考慮到這款賀卡的商務(wù)性質(zhì),設(shè)計(jì)師使用暗紅色和淺紅色來(lái)保證其專(zhuān)業(yè)性。


05/

灰度設(shè)計(jì)

灰度是利用灰色陰影產(chǎn)生色彩變體的一種印刷設(shè)置,通常作為一種節(jié)省彩色油墨的手段。當(dāng)然,你也可以借鑒這種方式來(lái)調(diào)和色彩。

你可能會(huì)問(wèn):“我為什么要這么做?全灰的設(shè)計(jì)看起來(lái)不會(huì)很枯燥嗎?”其實(shí)并不一定。例如,加入灰度的黑白配色可以使你的設(shè)計(jì)看起來(lái)更簡(jiǎn)潔大氣。下圖的網(wǎng)站設(shè)計(jì)就利用灰色疊加與黑白設(shè)計(jì)做補(bǔ)充。


但是要記住,灰度(介于黑白之間的所有變體)并不是唯一的選擇。你可以調(diào)節(jié)不同的色溫,嘗試使用冷灰(帶有藍(lán)調(diào)的灰色)或暖灰(帶有紅調(diào)、紫調(diào)或棕調(diào)的灰色)。如上圖中頁(yè)面頂部的圖片就加入了帶藍(lán)調(diào)的冷灰色,為整個(gè)設(shè)計(jì)添加了一點(diǎn)色彩豐富性和視覺(jué)趣味。

06/

設(shè)計(jì)分區(qū)

色塊實(shí)際上是很好的分區(qū)工具,它能創(chuàng)建出有序的、重點(diǎn)明確的視覺(jué)層級(jí)效果。這款日歷應(yīng)用程序使用了幾種不同的紫色色塊來(lái)區(qū)分不同的信息。此外,這些色塊還具有互動(dòng)功能,隨著用戶(hù)的點(diǎn)擊會(huì)產(chǎn)生相應(yīng)的變化。


07/

保持簡(jiǎn)潔

一種基本色有大量的變體,但這并不代表你就要選用很多種。在某種程度上,色彩之間的細(xì)微差別在視覺(jué)上很難辨認(rèn)出來(lái)。你只需要選擇幾種顏色來(lái)區(qū)分信息塊,如包含背景色、文本色和其他元素顏色的三色布局是最為普遍的一種選擇。

或者你也可以參考下圖logo的配色。設(shè)計(jì)師原本可以使用豐富的配色,但由于logo本身的插畫(huà)比較復(fù)雜,便使用雙色配色來(lái)保證設(shè)計(jì)的簡(jiǎn)潔性,同時(shí)也不影響其趣味性和美觀性。


08/

對(duì)比色

如果你有兩個(gè)相關(guān)的設(shè)計(jì)——可能是音樂(lè)會(huì)的系列海報(bào)或同一品牌的兩款商標(biāo),可以考慮使用兩個(gè)對(duì)比色的單色調(diào)設(shè)計(jì),這樣既能體現(xiàn)兩個(gè)設(shè)計(jì)的不同,又能保留兩者之間的聯(lián)系。

下圖的兩款礦泉水商標(biāo)的色彩對(duì)比十分顯著,因?yàn)樗x顏色(藍(lán)色和橙色)為色環(huán)上的互補(bǔ)色。傳統(tǒng)色彩理論認(rèn)為互補(bǔ)色是藝術(shù)設(shè)計(jì)中對(duì)比最強(qiáng)烈的色彩搭配。


09/

單色調(diào)設(shè)計(jì)的創(chuàng)意性發(fā)揮

有時(shí)候要保證絕對(duì)的單色調(diào)設(shè)計(jì)不太現(xiàn)實(shí),你可以在保留視覺(jué)效果和功能性的基礎(chǔ)上進(jìn)行一點(diǎn)變通。不妨嘗試以下幾種方式:

單色調(diào)搭配+重點(diǎn)色

在單色調(diào)的基礎(chǔ)上加入重點(diǎn)色可以突出設(shè)計(jì)的重點(diǎn)或添加一些視覺(jué)趣味性。而所加入的重點(diǎn)色最好能在設(shè)計(jì)中發(fā)揮特定的作用,比如突出logo、強(qiáng)調(diào)聯(lián)系方式或行動(dòng)呼吁。這組名片就利用藍(lán)色的重點(diǎn)色來(lái)突出設(shè)計(jì)師的名字。


接下來(lái)的這個(gè)例子以藍(lán)綠色為基本色,用淺色作為背景色,深色作為文本色,兩種變體色的搭配保證了簡(jiǎn)潔的視覺(jué)效果,此外,設(shè)計(jì)師巧妙運(yùn)用了橘黃色的主題色與品牌logo建立聯(lián)系,并且達(dá)到一種裝飾目的。


黑與白

設(shè)計(jì)師對(duì)于黑白設(shè)計(jì)是否屬于單色調(diào)設(shè)計(jì)有不同的意見(jiàn)(理論上,黑色是顏色的缺失,而白色是所有顏色的組合),但它實(shí)際上是最基本最易于使用的色彩搭配,無(wú)論是否有重點(diǎn)色的添加都可以產(chǎn)生很好的視覺(jué)效果。

下圖是兩個(gè)無(wú)重點(diǎn)色和添加重點(diǎn)色的網(wǎng)站設(shè)計(jì)


相同色系

同色系的色彩搭配雖然不算嚴(yán)格意義上的單色調(diào)設(shè)計(jì),但是也能在視覺(jué)統(tǒng)一性和信息歸納方面產(chǎn)生同等的效果。這本雜志利用藍(lán)色和綠色來(lái)強(qiáng)調(diào)圖表之間的聯(lián)系。雖然其中使用了四五種不同的顏色,但由于它們都屬于冷色系并且色彩飽和度相同,其視覺(jué)效果仍十分簡(jiǎn)潔和諧。如果加入一種暖色,情況或許就大不相同了。

總結(jié)單色調(diào)的配色多種多樣,對(duì)任何類(lèi)型的設(shè)計(jì)來(lái)說(shuō)都是一種便捷的選擇。通過(guò)這篇文章,我們可以發(fā)現(xiàn)單色調(diào)設(shè)計(jì)可以運(yùn)用于網(wǎng)站、logo、名片、產(chǎn)品包裝等等。然而你完全不必拘泥于嚴(yán)格意義上的單色調(diào)設(shè)計(jì),可以添加一兩種強(qiáng)化表現(xiàn)效果的顏色。掌握了以上的建議和技巧之后,你便可以開(kāi)始創(chuàng)造自己的單色調(diào)設(shè)計(jì)。祝你順利!

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見(jiàn)及觀點(diǎn)。

全部評(píng)論

暫無(wú)相關(guān)推薦