從ps中尋找完美配色(3)
例如我們現(xiàn)在要設(shè)計(jì)一個(gè)冊(cè)子封面,我們已經(jīng)有了這張圖片(見(jiàn)圖1),圖片的女模特直視著我們,紅色的頭發(fā),面上有些青春痘。我們的目的是要使設(shè)計(jì)效果看起來(lái)耳目一新,充滿(mǎn)活力及個(gè)性十足,同時(shí)又要傳達(dá)一種嚴(yán)肅的及商業(yè)氣氛。為了迎合招生對(duì)象,我們希望整個(gè)設(shè)計(jì)效果還顯得有點(diǎn)時(shí)髦。在這里,顏色的選擇至關(guān)重要。
沒(méi)有哪一種單一的設(shè)計(jì)元素的效果能夠比顏色效果更令我們印象深刻,顏色能夠吸引人的注意。對(duì)顏色的應(yīng)用過(guò)程是一件有趣的事——但問(wèn)題是,什么顏色是最合適的?每個(gè)人都有自己喜歡的顏色,但在設(shè)計(jì)中,僅憑個(gè)人喜好其實(shí)是一件很不可靠的事,我們應(yīng)該采用一種更科學(xué)的方法來(lái)選擇顏色。
所有的顏色都是“色色相關(guān)”的,顏色并不是一個(gè)獨(dú)行俠,它們總是互相影響,讓我們從這張照片開(kāi)始,尋找它的顏色,找出與它相關(guān)的各種顏色。
一、從照片中選擇顏色
照片是我們選擇顏色的基礎(chǔ),這張照片有什么樣的顏色呢?很多,皮膚的色調(diào)、紅色的頭發(fā),藍(lán)色的眼睛,藍(lán)色的上衣。讓我們將這張照片擴(kuò)大來(lái)進(jìn)行觀察,如果你以前沒(méi)有這樣試過(guò),那你就會(huì)對(duì)這照片中有這么多顏色感到驚訝。在 PS 是,我們可以通過(guò)顏色吸管來(lái)了解這些顏色,首先從你看到的最明顯的顏色入手,然后到最少的顏色。由于在設(shè)計(jì)中我們需要用到對(duì)比的效果,所以你在這里可以選擇一些暗調(diào)、中調(diào)及淺調(diào)的顏色。
首先我們總是看到一些大的色塊,這些色塊是你第一眼就明顯感覺(jué)到的顏色,在這張照片中,皮膚、頭發(fā)及上衣的顏色是我們最先感覺(jué)到的。然后我們可以看一下較少的色塊,這些包括她的眼睛、嘴唇、頭發(fā)較亮部分及一些陰影。在這張照片中,你可以看到到有一邊是受光面,而另一邊是陰影面,圖片的層次豐富。當(dāng)你對(duì)各個(gè)區(qū)域的顏色進(jìn)行觀察后,你需要對(duì)顏色進(jìn)行歸類(lèi),看一下顏色的數(shù)值。當(dāng)你看到這些數(shù)值時(shí),可能與你開(kāi)始看起來(lái)的感覺(jué)的顏色有很大的區(qū)別。
二、逐個(gè)嘗試
在上述操作中,當(dāng)你用吸管將各個(gè)顏色提取后放在顏色樣板上,然后你可以應(yīng)用這些顏色逐個(gè)應(yīng)用,看一下效果如何(一定要實(shí)際做出來(lái)看一下效果,不要在腦海中感覺(jué)效果,因?yàn)轭伾男Ч鞘艿较噜彽念伾绊懙,不真的做一次,你是很難想象出來(lái)的)。出來(lái)的結(jié)果非常不錯(cuò)(見(jiàn)圖3、4),不是嗎?這種選擇顏色的過(guò)程最有趣的是,無(wú)論是什么圖片,你都可以通過(guò)這種方式來(lái)找到非常吸引人的顏色搭配,其中的奧妙就在于你使用的顏色其實(shí)是照片中已經(jīng)存在的某一種顏色——這可是屢試屢爽的設(shè)計(jì)秘笈哦。
上圖是曖色調(diào),是照片中女孩頭發(fā)中的粉紅、橙紅色、深褐色、棕色,曖色使這個(gè)女孩子看起來(lái)更溫和和更嬌柔。這些曖色用來(lái)傳達(dá)化妝品及關(guān)懷的信息時(shí)效果非常好。
上圖則采用了冷色調(diào):主要是藍(lán)色調(diào),產(chǎn)生一種嚴(yán)肅、商業(yè)氣氛的效果,傳達(dá)一種直接的效果,請(qǐng)留意一點(diǎn):當(dāng)我們使用數(shù)值越高的顏色(即越暗的色調(diào)),照片中的女孩子的面孔就越有一種突出頁(yè)面向你靠近的感覺(jué)。
3 、利用調(diào)色板
選擇任何一種顏色,比如我們選擇了上圖中的藍(lán)色,然后看一下它在色環(huán)中的位置(或者最接近的位置),我們可以將它稱(chēng)為基色。我們已經(jīng)知道這些基色與照片中的顏色是互相配合的。我們現(xiàn)在要做的就是要尋找與這個(gè)基色相配的其它顏色。你要記住的是,這個(gè)時(shí)候我們需要考慮一下字體或者其它圖案的顏色,你需要選擇暗色調(diào)及淺色調(diào)來(lái)形成對(duì)比,一般有這幾種情況:
1 、選擇這個(gè)基色的暗色調(diào)及淺色調(diào),這些顏色叫做“同類(lèi)色”(圖6),它們都是屬于同一種色調(diào),沒(méi)有色相的變化,但它們卻可以產(chǎn)生對(duì)比的效果,在設(shè)計(jì)中應(yīng)用單色調(diào)中的暗、中、淺各個(gè)色調(diào)是可以設(shè)計(jì)出非常好看的效果的。
2 、每一種顏色都與其它顏色相鄰,這些顏色稱(chēng)為“鄰近色”(圖7),鄰近色有著共同的一種色相(如在圖中,有藍(lán)綠、藍(lán)、藍(lán)紫,藍(lán)是它們共用的),應(yīng)用鄰近色可以產(chǎn)生一種漂亮的、低對(duì)比度的和諧效果。鄰近色有著豐富的選擇,只要你細(xì)心體會(huì),并不會(huì)覺(jué)得難以應(yīng)用,但要注意顏色明度的對(duì)比。
3 、在色環(huán)中,直接相對(duì)的顏色稱(chēng)為“補(bǔ)色”(圖8),在此圖中,藍(lán)和橙互為補(bǔ)色,補(bǔ)色有很強(qiáng)的對(duì)比效果。兩種互為補(bǔ)色的顏色應(yīng)用在一起,可以傳達(dá)一種活力、興奮的效果,一般來(lái)說(shuō),補(bǔ)色要產(chǎn)生好看的效果一般是一個(gè)大一個(gè)小,比如一個(gè)橙色的圓點(diǎn)用在一個(gè)藍(lán)色的區(qū)域中時(shí),效果非常好。如果兩個(gè)補(bǔ)色是同等面積的,將會(huì)產(chǎn)生一種過(guò)于激烈的對(duì)比。
4 、在色環(huán)中,如果一種顏色與另一種顏色既不是補(bǔ)色又不是相鄰色,則這些顏色稱(chēng)為“分離補(bǔ)色”(圖9),在相鄰色的低對(duì)比度搭配中加入這些顏色,會(huì)使這個(gè)效果顯得生動(dòng)。同樣要注意的是,加入的這些分離補(bǔ)色的面積不宜太大。
5 、無(wú)論是何種色相的顏色,它們都有自己的明暗度(圖10),利用明暗對(duì)比,可以產(chǎn)生另一種效果。如我們可以采用深藍(lán)與亮青(相鄰色)或深藍(lán)與明度為中的橙色(補(bǔ)色)都可以產(chǎn)生良好的對(duì)比效果。
四、在設(shè)計(jì)中應(yīng)用
講了這么多關(guān)于顏色的理論后,當(dāng)你將文字輸進(jìn)去,版面定好之后,我們是時(shí)候要做出選擇了。在上述中,我們展示了很多漂亮的顏色對(duì)比,該選擇哪一樣呢?——關(guān)鍵是你要傳達(dá)什么樣的信息。你心目中可能有自己一些特別喜歡的顏色搭配的選擇,但無(wú)論在設(shè)計(jì)中你是一個(gè)人還是一支團(tuán)隊(duì)來(lái),你都得服從設(shè)計(jì)本來(lái)的目的。在這個(gè)設(shè)計(jì)中,我們需要傳達(dá)的是一種嚴(yán)肅的、直接的、商業(yè)性強(qiáng)的氣息,同時(shí)又不失清新及帶點(diǎn)時(shí)髦。
在這里,我們選擇了一些顏色對(duì)比,你是否認(rèn)為,這些顏色的選擇是不是比其它都要好呢?
•商業(yè)氣息:中色階的藍(lán)色幾乎人人都喜歡,在圖11中,采用了藍(lán)色及橙色產(chǎn)生了一種非常好的對(duì)比效果。藍(lán)色的背景與照片中女孩的藍(lán)色上衣混為一體,使女孩的面孔更容易吸引人的注意,而且在整個(gè)頁(yè)面中顯得非常突出。既漂亮又有商業(yè)氣氛,是我們這個(gè)設(shè)計(jì)的首選。
•休閑氣息:在圖12中,采用了藍(lán)色的相鄰色——青色,這種青色在我們照片中并不存在,使到整個(gè)設(shè)計(jì)融入了一種輕松、活潑的感覺(jué)。整個(gè)效果看起來(lái)帶著時(shí)髦、更平易近人的感覺(jué),而字體仍采用了橙色,是一種較溫和的對(duì)比。
•優(yōu)美氣息:在圖13中,同樣是藍(lán)色的相鄰色,但是在另一邊——紫色調(diào),從色環(huán)中我們知道,紫色與紅色靠得較近,而整個(gè)效果看起有點(diǎn)夸張,因?yàn)檎掌械呐⒌拿婵住㈩^發(fā)與背景的顏色顯得比較接近。紫藍(lán)通常是一種冷色,通常與柔和、女性聯(lián)系在一起。
•熱情氣息:在圖14的這個(gè)設(shè)計(jì)使到她頭發(fā)的亮色在頁(yè)面非常突出,而藍(lán)色上衣使畫(huà)面產(chǎn)生了層次感,另一個(gè)焦點(diǎn)是黃色的標(biāo)題,給人的感覺(jué)象是從照片剪出來(lái)一樣。整個(gè)空間顯得較平坦,這種顏色搭配產(chǎn)生一種熱情迷人的效果(如果是在設(shè)計(jì)比賽中,這個(gè)設(shè)計(jì)可能會(huì)勝出,因?yàn)樗奶亓ⅹ?dú)行),但只有哪些大膽的客戶(hù)才會(huì)選擇這個(gè)設(shè)計(jì)。
•嚴(yán)肅氣息:在圖15中,我們使用了她頭發(fā)中的深紅的顏色,從色環(huán)中我們知道,這個(gè)顏色與橙色非常接近。她藍(lán)色的眼睛與上衣有一種融入背景的效果,整個(gè)設(shè)計(jì)給人一種厚實(shí)、嚴(yán)肅的感覺(jué)。
希望這些能給大家在配色方面有所幫助!!
學(xué)習(xí) · 提示
相關(guān)教程
- 配色教程,電商配色基礎(chǔ)知識(shí)
- 色彩知識(shí),色彩與設(shè)計(jì)之間的聯(lián)系
- 配色教程,教大家如何規(guī)范配色
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 配色知識(shí),教你掌握UI設(shè)計(jì)的配色方法
- 設(shè)計(jì)知識(shí),不要用純黑做陰影
- 配色知識(shí),網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)典配色
- 配色知識(shí),如何讓粉色看起來(lái)更硬朗
- 色彩知識(shí),用色彩的聚焦表達(dá)設(shè)計(jì)的主題
- 配色知識(shí),適合新手的零基礎(chǔ)配色方案
推薦教程
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- Photoshop初級(jí)教程-命令的技巧
- 用戶(hù)體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 用戶(hù)體驗(yàn),如何讓用戶(hù)心動(dòng)?
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程