排版知識(shí),教你怎樣排版才好看。(3)

來(lái)源:知乎日?qǐng)?bào) 作者:梁木東 學(xué)習(xí):48642人次

我們多多少少都學(xué)習(xí)過(guò)色彩的基礎(chǔ)知識(shí),我們都知道上圖的紅色代表著熱情、綠色代表著自然以及紫色代表著高雅等等……但是我們卻不能以此為參照來(lái)決定字體的色彩,因?yàn)閷?shí)際的情況要比這復(fù)雜的多。無(wú)論一張照片還是海報(bào),都會(huì)運(yùn)用到大量的色彩,把這些色彩集合成一個(gè)組合時(shí),將其稱(chēng)之為“色組”,如下圖。

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

這時(shí),要如何區(qū)分上圖這些色組的視覺(jué)心理呢?在教科書(shū)上采用的方法是分成四種類(lèi)型:分別是“互補(bǔ)色”、“對(duì)比色”、“同類(lèi)色”和“鄰近色”。然后再解釋這些類(lèi)型的視覺(jué)心理,比如“互補(bǔ)色”有著突出、華麗的效果或者更吸引眼球等等……但是這個(gè)方法只能解釋那些只采用少量色彩的照片或海報(bào),所以這個(gè)方法在面對(duì)一張色彩豐富的照片或海報(bào)時(shí),這個(gè)方法又顯得太過(guò)籠統(tǒng)和片面。

而在網(wǎng)上大部分的配色教程里,則用“色卡”來(lái)解釋色組的視覺(jué)心理的,“色卡”是從一張照片里提煉出三到六個(gè)主要色彩組合起來(lái)的配色方案,并認(rèn)為“色卡”和原照片的視覺(jué)心理效果(情緒)是相同的,因此大部分設(shè)計(jì)作品會(huì)以此為參照做配色方案。

但我閱讀了很多研究配色的書(shū)籍或文章,其中大部分都認(rèn)為一個(gè)“色卡”是遠(yuǎn)遠(yuǎn)不足于解釋一張照片給人的視覺(jué)心理效果的。認(rèn)為一張照片給人的視覺(jué)感受,不是這張照片里所有的顏色共同作用下的結(jié)果。并表示一張照片的色彩數(shù)量、各個(gè)色彩之間的面積以及冷暖的對(duì)比等等……都是會(huì)影響一張照片的視覺(jué)心理效果的。

于是我總結(jié)這些文章的觀點(diǎn),我重新設(shè)計(jì)了一個(gè)色彩的組合模型,用來(lái)描述多個(gè)色彩組合的視覺(jué)心理效果,見(jiàn)下圖:

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

上圖是一個(gè)色彩組合的模型,我設(shè)計(jì)成一個(gè)倒三角的形狀。我稍微簡(jiǎn)單解釋一下:倒三角形最上面的一塊是主色,主色是這張照片里最突出的色彩,通常是照片里的面積最大。往下一個(gè)是副色,副色比主色的突出效果要較弱一些。再往下則是一些輔助色以及一些面積非常小的點(diǎn)綴色等等……

這個(gè)模型可以解釋很多色彩組合的視覺(jué)心理效果,見(jiàn)下圖:

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

X:親和 - 強(qiáng)烈

主色和副色的對(duì)比關(guān)系是會(huì)影響照片的視覺(jué)心理,當(dāng)主色和副色的對(duì)越弱,畫(huà)面的表現(xiàn)越柔和,相反主色和副色的對(duì)比越大(通常是由兩者的冷暖、面積、色相的不同),畫(huà)面的表現(xiàn)就越強(qiáng)烈。

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

Y:平均 - 突出

這里指的是主副色和其他的顏色的面積比例關(guān)系。當(dāng)主副色的面積和其他顏色的面積相差無(wú)幾的時(shí)候,畫(huà)面表現(xiàn)出唯美的感覺(jué)。相反主副色的面積遠(yuǎn)遠(yuǎn)超過(guò)了其他顏色面積的總和時(shí),畫(huà)面的情緒完全由主副色主導(dǎo)。

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

Z:?jiǎn)握{(diào) - 豐富

這里比較的是一張照片里色彩的數(shù)量,數(shù)量小就會(huì)顯得單調(diào),相反則越豐富。

上面三種類(lèi)型都用 XYZ 來(lái)標(biāo)記,因?yàn)槲乙偨Y(jié)字體以及色彩的選擇與色彩組合模型之間的關(guān)系時(shí),我就要用到下圖這個(gè)大模型了:

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

上圖展示的大模型里,色彩模型的三種類(lèi)型做成了一個(gè)三維的坐標(biāo)軸系,這表明了任何一張照片的色彩組合,都是這個(gè) XYZ 軸系里的一個(gè)點(diǎn),也就是說(shuō)任意一個(gè)色彩組合模型會(huì)同時(shí)滿足三種類(lèi)型的其中一種,最終會(huì)形成八種色彩組合模型(八種情緒),下面列舉一些:

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

大家能看到在大模型里還有冷暖區(qū)分的四個(gè)色塊,它們代表了四個(gè)區(qū)域,從上往下分別是“粗古”、“細(xì)古”、“細(xì)現(xiàn)”和“粗現(xiàn)”。這些色塊是表達(dá):當(dāng)一個(gè)色彩組合越傾向坐標(biāo)系的正軸時(shí),則使用越粗的古典字體。相反地,越傾向負(fù)軸時(shí),則使用越粗的現(xiàn)代字體。

簡(jiǎn)單地來(lái)說(shuō),就是當(dāng)一張照片的色彩的越強(qiáng)烈、越突出、越豐富時(shí),就用古典的襯線字體,而且要越粗越好,而當(dāng)一張照片的色彩的越親和、越平均、越單調(diào)時(shí),就用現(xiàn)代的無(wú)襯線字體,而且要越粗越好。這是大模型的作用之一:不同色彩組合對(duì)字體選擇的影響。

大模型的另外一個(gè)作用在于,我們還可以通過(guò)對(duì)增減或改變某個(gè)色彩,來(lái)改變這個(gè)照片的色彩組合傾向,來(lái)表達(dá)某一個(gè)情感、主體又或者適應(yīng)某一個(gè)字體等等……而改變的方法,就是利用字體或形狀圖形的顏色。這就意味著在圖片上加字這個(gè)行為,就已經(jīng)是在影響一張照片的色彩心理了。

綜上,我們拿剛才的圖片來(lái)舉一些例子,見(jiàn)下圖:

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

第一個(gè)例子,由于照片的色組屬性是“強(qiáng)烈”、“突出”和“單調(diào)”,所以選用了細(xì)筆畫(huà)的古典字體,這是一個(gè)“文字粉飾圖片”的例子。

第二個(gè)例子,是一個(gè)“圖片突出文字”的例子。雖然這張照片的色彩屬性有“強(qiáng)烈”和“突出”,但色彩卻是“單調(diào)”的,我的做法是先加上兩個(gè)粗筆畫(huà)的毛筆字(粗古),突出一個(gè)主色。然后再放一段酡紅色的英文,是色組變得豐富,同時(shí)配合“粗古”,讓色彩的情緒表達(dá)地更加明顯。

最后的例子,是關(guān)于形狀的顏色和透明度設(shè)置的一個(gè)示范。由于這張照片的色組屬性太過(guò)平均,所以我用一個(gè)形狀壓住一個(gè)副色調(diào),然后用“粗古”字體壓住主色調(diào),將這個(gè)色組的“平均”屬性轉(zhuǎn)為“突出”。這個(gè)例子是想表達(dá):形狀圖形的色調(diào)選擇,關(guān)鍵在于你想怎么改變色組的屬性,而半透明的設(shè)置,可以改變色組的“豐富”屬性。

過(guò)程見(jiàn)下圖:

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

5. 單個(gè)字體的形態(tài)

篇幅已經(jīng)很長(zhǎng)了,直接上結(jié)論吧(累)?偨Y(jié)了所有的教程和優(yōu)秀設(shè)計(jì)作品,我認(rèn)為區(qū)別單個(gè)字體之間最重要的三個(gè)特征:見(jiàn)下圖

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

體飾指的是在字體筆畫(huà)末端的裝飾,字體的體飾之間不是有或無(wú),而是多和少,這是一個(gè)比較模糊的概念。通常按照筆畫(huà)體飾的多少劃分“古”文字和“今”文字。“古”文字適合作為標(biāo)題,出現(xiàn)表現(xiàn)自然、傳統(tǒng)或者表現(xiàn)歷史厚重感的題材里,“今”文字大多是在時(shí)尚、科技或者普通生活題材里,“古”文字最重要的特點(diǎn)是抒情,“今”文字則注重簡(jiǎn)潔。

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

筆畫(huà)的差異在于粗細(xì),粗筆畫(huà)用于強(qiáng)調(diào),細(xì)筆畫(huà)則用于修飾細(xì)節(jié),例如突出某商品的精細(xì)做工。這里還有特別說(shuō)明的一種情況是粗細(xì)結(jié)合,筆畫(huà)的粗細(xì)差異算其實(shí)是屬于體飾的變化。

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

轉(zhuǎn)折的差異在于曲直,轉(zhuǎn)折越尖銳的字體適合表達(dá)力量感,反之曲面轉(zhuǎn)折的字體適合表現(xiàn)女性的柔美。見(jiàn)下面兩個(gè)例子

 

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

排版知識(shí),教你怎樣排版才好看。_m.theoat.com.cn

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!