在商業海報和廣告設計中,標題的設計和排版是非常關鍵的部分,很多時候標題甚至比圖片更加重要,如果標題處理不當,很有可能會毀掉一件設計作品。所以,本篇文章來詳細講講,如何設計好一個標題?
一個優秀的標題設計,首先要做到以下幾點:
? 清晰、顯目? 調性與畫面相符? 與畫面有密切關聯
下面,一一講解如何把這三點做好?
一、清晰、顯目
一張海報里最重要的信息通常會體現在標題里,有研究表明,閱讀標題的人比閱讀正文的人要多5倍,所以標題當然要突出,必須在最短的時間內抓住受眾的目光,并且,標題一定要有比較高的識別性,以保證傳播的效率。
所以標題通常會排在版面的左上方、正上方、正中央等位置,選用筆畫較粗的字體,并且在版面中的面積占比會比較大。
很多設計會給標題增加描邊、色塊、投影、立體效果等,也是為了使標題更突出。
案例示范:運動會海報標題
下圖是一張運動會的海報,畫面中的背景素材呈發散分布,有比較強的空間感,標題通過傾斜扭曲排在版面頂端,字體的選擇還算合適,但排版跟畫面的融合度很低,且識別性不夠高,白色文字在橙色和黃色的背景上并不明顯。
由于該海報使用的是居中構圖,主體占據版面正中心,且占比較大,版面正上方的空間并不多,所以把標題直接橫排在頂端并不是很合適。我們再看背景素材是從主體的背后發散出來的,所以標題的排版也可以呼應這一做法,我把標題拆開,經過變換扭曲形成一定的透視,一左一右放在主體兩邊。
重新排版以后,標題與畫面的契合度高了很多,但識別性依然不夠,所以我給它加上了投影和描邊效果。
標題的識別性確實高了很多,但是這種圓潤的描邊效果與比較酷的畫面不太吻合,所以我在此基礎又加上了色塊,為了避免標題完全被色塊包裹,造成比較呆板的效果,于是只把色塊包住了標題的下半部分。
另外,還給色塊加上了厚度和漸變色,標題的分量加重了,與畫面也更融合。
二、調性與畫面相符
一張海報的調性是由圖片、色彩、文字、排版、設計風格等共同決定的,所以標題設計的調性要與畫面統一起來,否則就會有一種混亂、不和諧的感覺。如果是溫馨的畫面,標題應該溫婉親切;如果是活力四射的畫面,標題應該有動感;如果是潮酷的畫面,標題應該時尚酷炫。
? 溫婉親切的標題常常會使用筆畫柔和、細膩的字體,比如圓體、宋體、手寫體等,蔥爺列舉了一些常用的字體,劃線的都是免費字體。
▲ 這類標題很少會做太多、太厚重的效果,也不會使用飽和度太高的顏色。
? 動感的標題通常會用比較簡單、現代、筆畫粗勁有力的字體,還有一些豪放的書法字體也很合適,以下是一些常用的字體。
▲ 傾斜、扭曲、錯位排版是動感類標題常用的技巧。
? 酷炫的標題也會使用一些現代的字體,且通常會填充高飽和度的純色或漸變色,故障風、熒光風、機能風很適合表現這種調性。
案例示范:藍河綿羊奶海報
這是一款中高端的奶粉海報,標題的排版雖然很突出,但是字體太過圓潤,且筆畫略偏復雜,描邊與立體效果也顯得不夠精致、優雅,所以,這個標題在視覺上并不符合中高端的品牌調性。
另外,標題放在畫面正上方,感覺壓在代言人頭上,視覺上會有不舒服的感覺,同時,由于標題占比較大,間接導致畫面的主次不夠鮮明。
針對以上問題,做了如下調整:
? 重新設計了標題,字形更加修長,筆畫橫細豎粗,具有宋體字的優雅,且簡單直接,兼具黑體字的現代感,在橫平豎直的結構中加入圓角,使得字體略帶女性與兒童的柔和感。
? 在效果上去掉了金色描邊和厚度,而是直接填充成金色,并做了一點點白色描邊和外發光,這樣的效果相比之前更為優雅和精致。
? 在排版上,把代言人拉大成為絕對的視覺主體,然后把標題放在人物左側,使標題文案看起來就是由代言人說出來的感覺。
調整完以后,標題與畫面和品牌的調性更統一了,而且畫面的主次關系和設計感也得到了進一步加強。
三、與畫面密切關聯
同一件設計作品中的所有元素都應該是相輔相成的,相互存在聯系和影響的,這樣整件作品才會和諧、美觀、整體,所以,一個好的標題設計應該從字體的選擇、輪廓、特效、配色、風格、排版等方面都與畫面形成呼應。
▲ 該畫面是一個仰拍角度的棒球青年,而且正在揮棒,所以具有很強的動感,標題采用了一種筆畫簡潔、剛硬的字體,并處理成手寫筆刷質感,調性上符合戶外運動的海報。排版上把標題分成三行,并經過變換扭曲,使標題呈現出與畫面類似的透視效果,標題拉大直接疊在人物的腿上,而不是縮小放在空白處,加強了畫面主體(人物)與標題的關聯,畫面的整體性更強,而且也繼續強調了運動海報大氣、不羈的調性。
▲?宋體字標題具有一定的歷史感和文化底蘊,與以展現民族文化的插畫圖形在調性上是吻合的;插畫圖形組合成幾何形狀的數字100,所以標題與內文分布對齊圖形的頂端和底端是合理的,整個畫面得以平衡;標題中的金色與圖形中的橙色是同類色,標題中的紅色直接來源于圖形中的紅色;以上所做的一切,使得標題與圖形相得益彰。
從以上的案例分析中我們可以得出這樣的結論,想要使標題與畫面建立強關聯,需要做好以下幾點:
??標題的調性要與畫面統一;? 標題要在輪廓上、色彩上、風格上與畫面形成呼應;? 標題的排版要符合畫面的構圖;? 標題不要離視覺重心太遠;
案例示范:星潮之夜海報
前不久我在課堂上讓學員給下圖搭配標題,文案是:長隆水上電音節之星潮之夜。
結果收到了很多五花八門,各種離譜的標題設計,比如有的人為了使標題更顯目,直接把標題擺在了畫面的正中央,壓住視覺主體;有的人會把標題放在畫面頂部,擠在logo和主體之間;有的人直接把標題一排過,排成弧形放在畫面的最底部;還有的人用宋體字來設計標題等等各種神操作。
這些做法都是不合適的,要么識別性不足,要么破壞了畫面的美觀性。在設計標題前我們首先要對原畫面做一個簡單的分析:
??該海報在調性上是偏向年輕、酷炫的,色彩以高飽和度的藍色、紫色、玫紅色和白色為主,所以標題的字體要選用比較現代、簡單、剛勁有力、筆畫較粗的字體,色彩最好也沿用畫面的顏色。
? 該畫面采用螺旋構圖,空間感很強,在排版的時候可以強化這一特點。
??畫面的視覺重心在版面居中偏上的位置,版面下半部分的空間比較大,更適合擺放標題。
??標題的字數有點多,想要標題足夠突出,至少得分兩行排版。
根據以上分析,我選擇了漢儀力黑簡體來作為標題的字體,并把標題分為兩行進行排版,著重突出“星潮之夜”。
為配合海報酷炫的效果,我把標題做了一個簡易版的故障風效果,也有點熒光風的感覺。
制作方法很簡單,就是在白色層的基礎上復制出兩個圖層,把它們分別填充成玫紅色和紫色,并放在白色圖層的后面,上下錯位,做出重影效果,還能起到類似描邊的作用,將白色文字突顯出來。最后再把標題復制一層,把填充的數值改成0,接著在圖層樣式中添加一個藍色的描邊效果,置頂該圖層并稍作錯位移開就完成了。
接下來把標題擺放在畫面視覺重心偏下的空白處,并稍作旋轉以增加動感。把標題擺在這個位置可以填補大面積的空白,且由于離視覺重心比較近,所以既容易被注意到,也不會分離畫面的主要內容,導致視覺不聚焦。
標題足夠清晰、顯目,調性也與畫面是統一的,但標題與畫面的融合度不夠,破壞了畫面的螺旋構圖和空間感,所以我嘗試了一下將標題按照螺旋路徑進行扭曲變形,使其呼應畫面的構圖方式。
這樣的效果確實和諧了很多,而且文字仍然保留了比較高的識別性,不過有人可能會覺得旋轉的標題加大了閱讀的難度,而且由于太過融合,以至于缺少對比、不夠突出,所以我又嘗試了另外一種方式。
用變換工具將標題做了透視扭曲,呼應畫面超強的前后空間感,但沒有做弧線扭曲,這樣的效果既與畫面有比較強的關聯,而且也適當打破了螺旋結構,與畫面形成輪廓和形狀上的對比,比上圖的效果更加突出。
總結一下,商業海報的標題設計需要注意以下幾點:
? 顯目、突出;
? 調性與畫面統一;
? 在排版、配色、風格等方面與畫面密切關聯。
總之,最終的目的是要讓整個畫面變得:清晰、好看、主次分明、有打動力。
內容轉載自“蔥爺”
精選文章:
非特殊說明,本文版權歸原作者所有,轉載請注明出處:大作網