最近給一些小伙伴看圖,發(fā)現(xiàn)很多問題都是出在主標題上,往往我們的問題是出在不知道如何做形式,主標題不豐富,以及做出很多過時的編排等等。今天這篇文章會從如何提高標題豐富度,以及編排標題時經(jīng)常犯的錯誤這兩大方向切入,希望大家有所收獲。
標題作為我們文字層級里的第一層級一定要承載起足夠的形式,標題要具有三種明顯的特性。在常規(guī)的商業(yè)設(shè)計中標題通常是信息中空間占比最大的(或者是最顯眼的),字形最復(fù)雜的以及形式最豐富的。
這是因為一旦標題過于單薄下面所有的信息都無法深化設(shè)計,強行越過標題去強化別的信息是一種喧賓奪主的行為,會大大的混亂視覺秩序。
大家肯定對空間占比最大這一點是有疑問的,例如我們經(jīng)常會看到下面這種設(shè)計,他的標題占比就不大而且還挺好看的是為什么呢?
我們剛才說除了占比最大還可以怎么樣?位置最顯眼對吧,這兩個條件符合其中的一個就足以在畫面中簡單的區(qū)分出層級,這就像是買房子一樣,要么占地方大,要么占地方好。
我們開始進入正題,繼續(xù)來說空間占比最大的話題,這里其實就是解決的信息閱讀順序的問題。正常的信息閱讀順序應(yīng)該是主標題-副標題>營銷點>符號化信息=小標題>閱讀性信息>隱藏性信息。
那么如何區(qū)分層級?大小是最簡單的方法,除了大小還有我找一個顯眼的位置這也是非常簡單的方法,我們做設(shè)計平時就是要避免給自己找麻煩,能用簡單的方法解決問題一定不要取繞個彎。
例如這份設(shè)計,可以看到他的標題的位置是最明顯的,明度差是最大的,而且標題的信息組比任何一個信息組都要大的多,這就是區(qū)分層級非常好的一份設(shè)計。
通過結(jié)構(gòu)拆分圖我們可以發(fā)現(xiàn),雖然這幾個色塊大小差不多,但是其中的信息組大小都和主標題差了一個檔,一定要記住我們比的是信息的大小而不是色塊的大小。
這個設(shè)計也是一樣的道理,通過放大主標題以及顏色區(qū)分讓人一眼就看到核心信息,他這里的標題還和主體結(jié)合成了一個視覺組讓這份設(shè)計的整體性以及視覺性都要比一般的設(shè)計好上很多。
直接放大或者找個好位置在大部分商業(yè)設(shè)計中直接放大都是相當好的手法,放大不是直接拉大也是有條件的,他必須具備一定的視覺性,視覺性這個東西要么是自身就有,要么是借助外力。
自身就有指的是我們的字形就相對復(fù)雜,比如我們要給下圖配一個主標題的字體,通過分析我知道了我要用一個無襯線體,那么對比下面兩個字體你會選用哪個更為合適?
顯然我們會選擇 B 選項,因為這個字體的內(nèi)部結(jié)構(gòu)相對豐富,視覺效果也要比 A 選項更好。
這就同樣解釋了為什么同樣的內(nèi)容,有的使用簡體明顯沒有繁體看起來效果好,這也是因為繁體的字形結(jié)構(gòu)相較于簡體更加豐富,但是簡體的易讀程度要比繁體好上好幾個檔次。
字體設(shè)計除了可以優(yōu)化標題的視覺性以外,同時也是在一定程度讓其增加了文字的結(jié)構(gòu),使其可以支撐放大使用。
如果繼續(xù)增加視覺性繼續(xù)放大標題,那么標題就可以作為畫面的主體進行設(shè)計了。就像下面這個設(shè)計一樣,不僅僅針對字體的形態(tài)肌理進行了設(shè)計,同時還在主體上組合了很多圖形抬高視覺性,這種豐富程度作為主體是完全沒有問題的。
剛才說了這么多其實也不是絕對的,設(shè)計畫面的 logo 大部分時候都會比主標題還要豐富,不過 logo 的占比都比較小,復(fù)雜也沒啥用不會搶掉標題的戲。所以我們在說信息復(fù)雜度的時候通常不會把 logo 計算進來。
給大家貼上這個圖大家就明白了,視覺性會隨著進度條的提升逐漸呈現(xiàn)出不同的作用,具體要應(yīng)用到什么程度大家就按需要選擇就可以。
這里所謂的視覺性和識別度都是相對而言,要根據(jù)實際設(shè)計的風格,裝飾元素以及設(shè)計主體來確定我們復(fù)雜應(yīng)該復(fù)雜到什么程度。
不過不管如何,如果作為主標題或者主標題以下的內(nèi)容一定要有識別度。
所謂形式最豐富也就是主標題存在的技巧手法是最多的,最常見的幾種有大小長短明暗的對比,承載空間的添加,立體效果,變形路徑,肌理添加等。下面我會給大家分別舉例說明,避免大家平時做標題不知道從何下手。
這個是最常用的,但是并不 low。做好基礎(chǔ)的層級對比是我們刻畫主標題的第一步,這就像玩游戲,主標題自己視覺性不足就要找一些幫手,合并在一起成為標題組提升視覺性。
下圖就分別使用了大小,長短,還有一小部分粗細的對比手法。它的組合形式也是非常值得我們學習的。
在看這種東西的時候一定要看它的空間形態(tài),腦袋里建立關(guān)于形態(tài)的意識才能做到看作品就吸收。例如這個編排模式,除了放在這樣還能放在哪里?顯然一些中心構(gòu)圖的設(shè)計就很適合。
那么為什么呢?就是因為他的形態(tài)和重心都壓在中心的部分,對齊模式也是更加適合中心構(gòu)圖,平時就要多這么分析。
這種就顯然更適合左右構(gòu)圖或者是對角構(gòu)圖的編排了。
空間承載主要指的是通過內(nèi)空間的造型承載主標題,用造型的豐富外輪廓來強化標題的視覺性。針對標題內(nèi)空間也主要就是兩種表現(xiàn)形態(tài),一種是單獨服務(wù)于主標題的一種是串聯(lián)標題和主體的。
下圖就是典型的單獨服務(wù)于標題的,這種內(nèi)空間的優(yōu)勢是形態(tài)靈活多變,可以使用具象元素,同時所受的限制也是很少的。
這種就是串聯(lián)使用的了,最大優(yōu)點就是能讓設(shè)計看起來更加統(tǒng)一整體,同時還可以再次強調(diào)并且整合核心視覺區(qū)。
這個也可以算是串聯(lián)內(nèi)空間的一種,只不過主要關(guān)聯(lián)形式是指向性的,可能不像第一個那么明顯。
我們所有平面上看起來立體的效果,都是通過模仿我們?nèi)搜鄢R姷墓庥耙?guī)律做出的仿三維立體,只不過區(qū)別就是精細度的問題。精細度高的一般就是要用到合成技法或者三維渲染,優(yōu)勢是看起來逼真,效果細膩。
第二種的優(yōu)勢就是使用門檻較低,表現(xiàn)形式比較多樣,可以是平面的層疊式立體,這種方法也比較簡單,用 PS 在筆畫中間加點陰影就可以看起來很立體。
這種塊面狀的也是可以的,甚至都不需要分出側(cè)面和底面的明暗。
還有這種層疊的偽立體,也很簡單就是復(fù)制然后移動改色就能完成。但是第一層一定要豐富一些,例如他這里就給第一層加了些類似高光的白色,看起來效果就很完整。
類似的立體手法還有很多這里沒法一一列舉,所列舉的是我平時比較常用的還有我個人覺得比較好用的,平時大家多注重積累總結(jié)慢慢都能建立自己的"常用彈藥庫"。
變形這種形式也是技法要求里面比較低的,變形路徑大部分都是跟著主體本身的路徑或者主體延伸的路徑來做的,關(guān)于這部分的復(fù)雜用法以后會出專門的文章。
肌理的添加往往意味著主標題本身已經(jīng)足夠完整,這個東西是一個加強性質(zhì),而不能作為拯救性質(zhì)出現(xiàn)。
就像下圖,他哪怕不加這個肌理效果也是可以的,添加上肌理只是針對文字內(nèi)部細節(jié)的豐富以及調(diào)性的匹配。
在運動海報中的效果就更為明顯,肌理添加上去后基本就是增加了點無襯線體的內(nèi)部細節(jié),匹配一下外部風格整體調(diào)性也就沒啥了。
本期我們學習了標題構(gòu)成的三大重要要素,也討論了很多標題刻畫的常用手法,大家可以積極嘗試。看過這片文章后大家應(yīng)該不會再犯關(guān)于標題的基礎(chǔ)問題了。希望大家有所收獲。有任何問題都可以掃下面的二維碼加我好友,和我一起討論交流設(shè)計。如果喜歡視研設(shè)的內(nèi)容,可以加一個贊,在看,如果能幫助轉(zhuǎn)發(fā)真的非常感謝。今天的文章就先到這里,我們下期再見。
喲~全看完了,真不戳給你點個贊~
歡迎關(guān)注作者微信公眾號:「視研設(shè)」
復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
熱評 南國北島