來源:知乎 作者:M udo(梁木東)
連結:https://www.zhihu.com/question/28529486/answer/43426680
@Phtoshop大師 經授權發布 如需轉載請聯繫原作。
@梁木東 過去我做排版都習慣用那些現成的設計素材,到後來我嘗試直接選一張沒有經過任何修改的照片用於排版時,我才知道「圖片上配上文字」其實是一個很複雜的問題,因此我有一段時間將這個問題好好地研究一番。我去翻看各類設計網站大咖們的優秀作品、找時尚雜誌和精品畫冊,但是我的目的不是想從中找到感覺,而是希望通過一個科學、嚴謹的方法來找到優秀作品之間的視覺規律,我寫這個答案就是將這個過程分享給大家。不過本人還只不過是設計專業的學生,學藝未精,而且文筆還不好... ...因此解釋這樣一個複雜的問題的解答過程,肯定會有很多不足的地方,大家就作一個交流吧。
為本答案做一個導航圖,證明這真的是一個很複雜的問題...
而造成這兩組字體在視覺心理上的區別,這和一張攝影作品兩個重要的元素有關
(C組的深色塊是主體物,D組的白點是視覺焦點,白色塊是文字。)
就先拿第二節開頭展示的那兩張攝影作品來做吧... ...文字部分就直接取至A組
以上的例子文字部分是怎麼選擇位置的,詳細見下圖:
這是方形「集中」的例子,方塊的存在突出了文字本身,又保證了閱讀順暢。同時這個方塊可以在這張照片上的任何一個位置都沒有影響,所以很適合包裝設計的需要。
根據評論區的建議,形狀圖形這部分我補充一點:形狀圖形的用法通常有兩種,一種是中間加上一個深色的形狀,字體的位置放在形狀的中間。另一種是在圖片的上下兩邊各加一個淺色形狀,字體的位置放在形狀與圖片交界的地方。這兩種方法簡稱為「一黑二白」,見下圖。
而關於形狀的顏色和透明度設置,請看本文的色彩部分。
上圖是關於圓形的常見運用:
普通:這是一個作為對比的普通排版
突出:這個比起方形有著好的突出效果,這個圓形可以替換成一些素材,比如墨滴之類的圓形素材,甚至可以利用圖片本身存在一個巨大的圓形物體的,來突出文字部分。
適用:這個同樣可以突出「面」文字,這就也為什麼這個方法經常出現各類商業圖冊、海報以及各類宣傳單... ...
上圖是舉例古文字也是可以作為一個圓形的運用。
第二種:直線
直線分兩種,一種就是純粹的一條直線,而另一種則是由細小的字組成的一段文字(通常是英文)。
上面是純粹的直線運用舉例
聯繫:很常見的運用方法,不需要解釋了吧...
集中:作用和方形「集中」相同,只是這個是用兩條線組成一個隱形的方塊,更有形式感。不同這種只能出現在色彩單一或大量留白的照片。
連接符:增加形似感的小東西... ...可以用於連接兩段文字的內容,時尚類設計作品最常用到,在下面打一個問號,是因為連接符的種類很多,上圖只是舉例... ...
這是另一種「直線」,由一排細小的字組成。
聯繫:與上一種相同,但只適用於標題文字較少的時候。剩下兩個不用解釋了... ...大家應該都清楚。
第三種:字符
4.色彩的組合模型
PS:以下色彩部分,因為沒有大量的實際操作過,所以我不確定結論的正確性。因此色彩部分僅供參考,只希望大家能從中得到一些啟發就好了。
我\們多多少少都學習過色彩的基礎知識,我們都知道上圖的紅色代表著熱情、綠色代表著自然以及紫色代表著高雅等等... ...但是我們卻不能以此為參照來決定字體的色彩,因為實際的情況要比這複雜的多。無論一張照片還是海報,都會運用到大量的色彩,把這些色彩集合成一個組合時,將其稱之為「色組」,如下圖。
上圖是一個色彩組合的模型,我設計成一個倒三角的形狀。我稍微簡單解釋一下:倒三角形最上面的一塊是主色,主色是這張照片裡最突出的色彩,通常是照片裡的面積最大。往下一個是副色,副色比主色的突出效果要較弱一些。再往下則是一些輔助色以及一些面積非常小的點綴色等等... ...
這個模型可以解釋很多色彩組合的視覺心理效果,見下圖:
X:親和 - 強烈
主色和副色的對比關係是會影響照片的視覺心理,當主色和副色的對越弱,畫面的表現越柔和,相反主色和副色的對比越大(通常是由兩者的冷暖、面積、色相的不同),畫面的表現就越強烈。
Y:平均 - 突出
這裡指的是主副色和其他的顏色的面積比例關係。當主副色的面積和其他顏色的面積相差無幾的時候,畫面表現出唯美的感覺。相反主副色的面積遠遠超過了其他顏色面積的總和時,畫面的情緒完全由主副色主導。
Z:單調 - 豐富
這裡比較的是一張照片裡色彩的數量,數量小就會顯得單調,相反則越豐富。
上面三種類型都用XYZ來標記,因為我要總結字體以及色彩的選擇與色彩組合模型之間的關係時,我就要用到下圖這個大模型了:
上圖展示的大模型裡,色彩模型的三種類型做成了一個三維的坐標軸系,這表明了任何一張照片的色彩組合,都是這個XYZ軸系裡的一個點,也就是說任意一個色彩組合模型會同時滿足三種類型的其中一種,最終會形成八種色彩組合模型(八種情緒),下面列舉一些:
綜上,我們拿剛才的圖片來舉一些例子,見下圖:
5.單個字體的形態
篇幅已經很長了,直接上結論吧(累)。總結了所有的教程和優秀設計作品,我認為區別單個字體之間最重要的三個特徵:見下圖
體飾指的是在字體筆畫末端的裝飾,字體的體飾之間不是有或無,而是多和少,這是一個比較模糊的概念。通常按照筆畫體飾的多少劃分「古」文字和「今」文字。「古」文字適合作為標題,出現表現自然、傳統或者表現歷史厚重感的題材裡,「今」文字大多是在時尚、科技或者普通生活題材裡,「古」文字最重要的特點是抒情,「今」文字則注重簡潔。
筆畫的差異在於粗細,粗筆畫用於強調,細筆畫則用於修飾細節,例如突出某商品的精細做工。這裡還有特別說明的一種情況是粗細結合,筆畫的粗細差異算其實是屬於體飾的變化。
轉折的差異在於曲直,轉折越尖銳的字體適合表達力量感,反之曲面轉折的字體適合表現女性的柔美。見下面兩個例子
開啟 「漲姿勢」 新篇章