道理誰都懂,換成自己就不會(4)研習(xí)設(shè)
大家好,我是K先生。今天是我們研習(xí)設(shè)的系列專題欄目《道理誰都懂·換成自己就不會》,這個是第四期了。如果想看頭三期,可以查看我們訂閱號的歷史文章。做這個欄目的目的就是希望通過修改大家日常工作經(jīng)常碰到的設(shè)計,進(jìn)而讓大家明白如何通過理論做設(shè)計。希望大家能夠跟隨我們的節(jié)奏,一起掌握好的版式設(shè)計中的基本規(guī)律和原則,話不多說,我們開始這周的內(nèi)容。
以下是圖文版:

今天我們要修改的案例是由尾號036的這位朋友提供的,這句話有點像抽獎環(huán)節(jié)。放心,我們是一個負(fù)責(zé)任的公眾號,也感謝你的參與以及對我們的信任。這位朋友他在郵箱里面留言說,這個是一張專題海報的設(shè)計,是希望能得到我們的點評和對作品的修改,也希望大家在今后的投稿當(dāng)中,最好能夠提供一些項目的背景。這樣方便我們將來修改的時候會有一個合理的落腳點。

基于這個案例外形和比例,我們給他設(shè)定一個在室內(nèi)的專題海報,這樣會有助于后期我們在編排文字大小或者是元素位置時能有一個明確的參考范圍。


分析一下它的這個版面有哪些問題,最明顯的問題就是這個版面當(dāng)中沒有一個明確的主體。

我們可以明顯的看出頂部的文字組合和底部的人物面積是差不多的,這樣就會造成視線的游離。接下來問題就是版面當(dāng)中缺少節(jié)奏感。

單看這個版面中的文字的跳躍率,從形式上來說大體上這個版面一共出現(xiàn)了兩種比例關(guān)系,頂部標(biāo)題的字號其實并不完全一樣。從內(nèi)容上來說,文案的層級也沒有全部區(qū)分出來。

這個我們用音樂來解釋,從音樂當(dāng)中也可以體現(xiàn)出節(jié)奏感的重要性,比如說畫面里邊這個線段,當(dāng)一首曲子只有一個或者兩個音節(jié)重復(fù)出現(xiàn)時,基本上就是一段噪音了對吧。人們聽著她也會不舒服。當(dāng)某種規(guī)律節(jié)拍從大到小具有變化的出現(xiàn)時,最起碼它是一個可以聽的曲子。我們回到版面設(shè)計里邊,節(jié)奏感也是非常重要的。

針對他的這個產(chǎn)品只是婚宴這個場景來說,這個版面的留白就有些太多了,雖然說作者在版面里邊添加了點元素來烘托熱鬧的氛圍,但從整體上是遠(yuǎn)遠(yuǎn)不夠的。我們通過對比可以很明顯的看出,去掉裝飾性的點后,版面會顯得更加的冷清。

第二個問題就是色彩,色彩它是有很強的心理暗示性,運用得當(dāng)?shù)脑?,通過色彩讓觀眾更容易理解你要傳遞的信息,這個版面當(dāng)中采用了淺黃色搭配紅這樣的方式來烘托婚宴的喜慶氛圍,而且這個紅色也是產(chǎn)品策的延伸。但從色彩面積上的分布來講,它這里邊的最大面積的顏色是淺黃色,這個淺黃色讓主色之間產(chǎn)生了一些破碎感,色彩上的分布也不夠完整,色彩同樣它也可以會破壞一個畫面。

下一個問題就是這個版面里邊產(chǎn)品的擺放有些過于重復(fù)了。

針對這個產(chǎn)品組合,最好能夠讓其中一方產(chǎn)生些許變化,這樣才不會顯得比較呆板,比如說你縮小其中一個,這樣能產(chǎn)生主次和空間的關(guān)系,或者讓藝術(shù)產(chǎn)品前后疊壓,形成一種層次感和群組化的視覺印象。

下一個問題就是字體的選擇問題,比如說這句話“不想讓他流淚”是采用毫無情感的黑體,這樣的話就在表現(xiàn)形式上有一些欠妥?!盎檠缦惭缬萌缫饩啤甭犐先ビ钟幸恍┚哂行麄骱颓楦泻嫱械囊馕对诶镞?,它是比較適合采用宋體字形。所以字體的選擇也同樣需要仔細(xì)斟酌。在字形混搭設(shè)計當(dāng)中,最需要注意的兩點就是語義的區(qū)分和字體之間在形式上的對比關(guān)系。

由于我們這篇教程并不是主要講解字體的,所以這里我就不繼續(xù)深入了。如果說你想了解這方面的內(nèi)容,就可以在我們研習(xí)設(shè)訂閱號的文章分類中尋找這篇教程。
大家關(guān)注我們研習(xí)設(shè)訂閱號的同時,也歡迎加入我們的付費社群,每一天都有精彩的內(nèi)容推薦給你,期待你的進(jìn)步。
圖片也是設(shè)計好作品的關(guān)鍵之一,當(dāng)覺得版面不夠美觀時,很多設(shè)計師都會把問題歸結(jié)于手中的圖片質(zhì)量差。這個圖片質(zhì)量差有可能是客戶提供給你的,雖然說這是一個原因,但是更主要的原因就是有些設(shè)計師往往不去思考應(yīng)該怎樣解決眼前的問題。你是讓客戶找攝影師重新去拍攝,還是說我和修圖師合作,還是說我具備一些修圖的能力,又或者說我自己去調(diào)整,最終的目的都是為了提升圖片的美感。
隨著圖片的內(nèi)容光影和環(huán)境這些因素的變化,調(diào)整的方法并不是唯一的。但也并不是說沒有規(guī)律,良好的清晰度或者是準(zhǔn)確的色彩,這些都是成為美觀圖片的基礎(chǔ)。畫面當(dāng)中這兩個圖普遍缺少暗部信息,高光的部分略微有一些過曝,中間調(diào)也過于平淡,色彩上也需要相應(yīng)的做出調(diào)整。人物的裙子是明色調(diào)的紅,針對這個版面的內(nèi)容來講,它就缺少了一些品質(zhì)感,產(chǎn)品的瓶身它也有偏色的問題,這都需要后期的校正。
從傳播的角度來講,這個宣傳文案和產(chǎn)品的關(guān)聯(lián)度并不是很強,主體雖然符合婚宴的定位和氛圍,但是有點像婚慶公司或是婚紗攝影行業(yè)。人物在版面的比例有一些喧賓奪主了,我們不如直接使用產(chǎn)品作為版面里最大的主體。
從原作的大致印象來說,這個作者他應(yīng)該是想做成類似右側(cè)的這個廣告形式的。底部承載信息內(nèi)容的裝飾色塊;再加上與產(chǎn)品有關(guān)聯(lián)性的主視覺和宣傳語;產(chǎn)品放置在版面的右下方,這一切的特征都與廣告風(fēng)格是很類似。

接下來我們看這種風(fēng)格都具備哪些特點,這種形式的版面最早出現(xiàn)在宣傳廣告里,通過創(chuàng)意性的圖像來達(dá)到傳播的作用,為了讓畫面和產(chǎn)品之間產(chǎn)生聯(lián)系通常會把產(chǎn)品放在右下角。

這個畫面也是一樣的,與產(chǎn)品具有關(guān)聯(lián)的創(chuàng)意畫面,然后在角落添加產(chǎn)品,這樣產(chǎn)生一個呼應(yīng)和解釋的關(guān)系。

隨著宣傳內(nèi)容的增多,這種廣告海報開始出現(xiàn)比較多的文字信息,文字需要編排在色彩比較單一的底色下才會容易識別,這時往往會在文字的底部添加一層淡淡的灰色色塊抵消背景的干擾。

透明色塊的出現(xiàn),也解決了一些識別性的問題,但是由于是透明的,所以底部的信息也會隱約地滲透出來,這樣就會形成比較獨特的視覺風(fēng)格。

另一種方式就是給遮擋的色塊填色,由于色塊的不透明,一張方形尺寸的圖片也可以直接編排在矩形的畫布上并且不用裁切了,不同色彩的加入更是烘托版面氛圍的活躍元素。

我們在電視節(jié)目或者是新聞界面里邊,畫面中的色塊,他同樣提升的是辨識度的作用。

這種添加色塊的形式,后來他也產(chǎn)生了一種風(fēng)格流派,它不僅僅是保證文字識別的手法,同時也具有一種裝飾感,在純凈的背景下依然可以使用色塊的分割方式。

設(shè)計公司它在進(jìn)行品牌塑造的時候,會連同輔助圖形一起設(shè)計,這樣就會豐富品牌的整體形象,最后形成屬于品牌自身形象的統(tǒng)一模板。

更多不同造型的圖形也會出現(xiàn)在這類廣告畫面里邊,形成了一種圖形與畫面的組合形態(tài)。

甚至是什么?就是這個色塊上可以不承載任何信息,僅僅是作為品牌形象的補充出現(xiàn)。

最后我們來總結(jié)一下,這種廣告風(fēng)格的版面都有哪些處理形式,我們做一個比較簡單的案例,首先是漸變,在這個漸變的背景上加入產(chǎn)品信息。
第二個就是透明度的變化。
第三個就是直接一個顏色。
第四個讓這個色塊有一些傾斜的角度。
第五個讓他有一個造型,這個造型就是一個海浪的感覺。


我們剛剛說了這多,回到這個原始的案例上開始修改,將這個版面里邊的文字內(nèi)容提取出來,經(jīng)過之前的這些分析,我們調(diào)整版面當(dāng)中的主次關(guān)系,讓產(chǎn)品作為這個版面里邊的主體元素。人物是次要元素,目的更多的是為了烘托這個版面。

我們?nèi)サ舳嘤嗟难b飾性元素,調(diào)整色彩的面積和大小,這個背景的顏色就是產(chǎn)品的顏色,經(jīng)過這樣一輪的調(diào)整主色就明確了。

我覺得設(shè)計師他應(yīng)該具備一些編輯文案的能力,有些時候比方說我們的客戶稍微不專業(yè)一些?!拔矣惺刈o(hù)她一輩子的沖動,不想讓她再掉一滴眼淚”,這句話其實是沒有任何意義的。真正有意義的主標(biāo)題就是字?jǐn)?shù)比較少,然后再有一些趣味性,比方說這個地方我可以寫成“最美艷遇”這里邊我們要知道,“最”和“艷”這兩個地方它是可以換的,我們換成這個喝醉的“醉”,這“艷”,我們變成宴會的“宴”,這樣的話就會和這個婚宴的主題相搭配,是一個比較巧妙的方式。

我們將這個宣傳文案和產(chǎn)品形成一個組合,然后放到版面中,我們?yōu)榱诉m應(yīng)這個版面的外形,將這兩個詞豎向擺放。中間的這個酒瓶的作用,一方面它是主體,另一方面它把這個文案分割開來,所以這兩邊的文字距離即使再近,我相信別人也不會認(rèn)為它是橫向閱讀的,因為它已經(jīng)分隔開了。然后我們?yōu)檫@個文字添加色彩,選擇產(chǎn)品的金色作為文字的主色,這樣版面會更和諧。

接下來我們將文案信息擺放在相應(yīng)的空白處,底部的文案信息就安排在下面的這個白色空白位置,文字統(tǒng)一選擇宋體,并且根據(jù)它的內(nèi)容重要性劃分層級關(guān)系。再來看頂部的文字信息,我們采用的是中國的傳統(tǒng)紋樣,就是如意用這個紋樣來作為裝飾,烘托文化的氣息并且也呼應(yīng)了“萬事如意酒”這幾個字。

為了讓標(biāo)題占據(jù)更大的版面空間,將這個宋體變成長宋,長宋要比普通宋體高度占據(jù)更多。這里邊需要注意這個宋體不是經(jīng)過拉伸的,而是直接選擇了相應(yīng)的字體,千萬不要拉伸,關(guān)于這個內(nèi)容,我們之前的訂閱號里面也有講。

然后我們再將這個版面里邊的圖片進(jìn)行簡單的修飾,讓暗的地方暗亮的地方亮。為了更好的烘托空間感,可以將產(chǎn)品后邊的文字變成立體字,這樣主視覺的刻畫就基本完成了。

這里需要補充說明一下,從頂部來瓶子和文字之間的關(guān)系絕對不是平行的。而是營造一種將瓶子向后推的視覺印象。這樣一來這個主體和文字之間的互動性就更強了,更像是一個組合。大家要注意其中有一些筆畫它是具有獨立位置關(guān)系的。

最后為了讓這個畫面更具備視覺張力,我們將底部的方向色塊改成具有曲線的色塊,這樣的話這個版面就基本完成了。

一共出現(xiàn)的是這八個問題,修改之后的案例明顯解決了這八個問題。
我們來對比一下之前和之后。
案例應(yīng)用效果