當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內(nèi)容

字體知識,教你怎么給配圖選字體(3)

來源:zhihu 作者:梁木東 學習:7413人次

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

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

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

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

于是我總結這些文章的觀點,我重新設計了一個色彩的組合模型,用來描述多個色彩組合的視覺心理效果,見下圖:

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

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

這個模型可以解釋很多色彩組合的視覺心理效果,見下圖:

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

X:親和 – 強烈

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

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

Y:平均 – 突出

這里指的是主副色和其他的顏色的面積比例關系。當主副色的面積和其他顏色的面積相差無幾的時候,畫面表現(xiàn)出唯美的感覺。相反主副色的面積遠遠超過了其他顏色面積的總和時,畫面的情緒完全由主副色主導。

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

Z:單調 – 豐富

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

上面三種類型都用XYZ來標記,因為我要總結字體以及色彩的選擇與色彩組合模型之間的關系時,我就要用到下圖這個大模型了:

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

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

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

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

簡單地來說,就是當一張照片的色彩的越強烈、越突出、越豐富時,就用古典的襯線字體,而且要越粗越好,而當一張照片的色彩的越親和、越平均、越單調時,就用現(xiàn)代的無襯線字體,而且要越粗越好。這是大模型的作用之一:不同色彩組合對字體選擇的影響。

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

綜上,我們拿剛才的圖片來舉一些例子,見下圖:

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

第一個例子,由于照片的色組屬性是“強烈”、“突出”和“單調”,所以選用了細筆畫的古典字體,這是一個“文字粉飾圖片”的例子。

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

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

過程見下圖:

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

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

篇幅已經(jīng)很長了,直接上結論吧(累)。總結了所有的教程和優(yōu)秀設計作品,我認為區(qū)別單個字體之間最重要的三個特征:見下圖

字體知識,教你怎么給配圖選字體_www.theoat.com.cn
字體知識,教你怎么給配圖選字體_www.theoat.com.cn

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

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

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

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

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

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

字體知識,教你怎么給配圖選字體_www.theoat.com.cn

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
海狼2019-08-26 05:12
謝謝 學習了
月XX是偽蘿莉2016-01-18 09:44
收藏~~~~~

關注大神微博加入>>

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