文案信息較少時,該如何編排版面才會好看?(40個案例演示)

自《信息量巨大的版面編排法》這篇文章發出以后,就有不少同學在文章下方留言說,能不能出個信息量少的版面編排法。在看到這些留言后,我一直在考慮為大家推出相關的內容。今天就是填坑的時刻,為了給大家多介紹些解決問題的方法,這期足足準備了將近 40 個方案。

為了能夠適應更廣泛的方向,我一共準備了兩套文案,一套具象,一套抽象。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

內容以案例講解為主,從多個角度出發,模擬了大家在編排時可能會遇到的各種問題。那么接下來,我們就開始正片內容吧!

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

方法一:英漢互譯。把文案翻譯成英文,這樣能用來編排的文字數量就變多了,在這里要說明一下,翻譯過來的文案不需要全都用上,可根據版面的需求來適當添加即可。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

首先,把文案和 logo 按照一個層級放置到版面上,版面大致的框架就出來了。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

需要注意的是,這塊留白空間可以處理一下。我們可以通過局部添加英文單詞和符號來解決這個問題,然后優化一下文字編排的細節。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

文字在編排上可以適當的錯位一下,因為字號都是同層級的,需要一些閱讀上的節奏感,到此海報就完成了。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

方法二:在信息同層級的基礎上,可以根據文案的重要程度進行層級劃分。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

方法三:撐滿版心,讓整個頁面圖像化。將信息以兩端對齊的方式置入到版面中,放大至撐滿版心,這時我們會發現,在現有文字量的基礎上,不足以做到這一點。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

這時,可在現有信息的基礎上追加一些英文翻譯就可以把這個問題解決。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

剩下要做的就是刻畫一下細節并填充色彩即可。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

方法四:重復鏡像排列,讓文本量翻倍。先把文字組合編排出來,然后重復旋轉一下以做出鏡像的效果。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

最后再添加幾根線條裝飾一下版面,海報就編排完成了。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

最簡單的方式就是上圖下字,當圖片放大后能夠占據更大的版面空間,下方剩余的區域就可以用來編排文字了。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

為了不讓版面看起來那么素,可以添加一些色彩烘托氛圍。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

依舊還是這個結構,針對下方這塊區域,在編排時也可以不將它填滿,因為留白可以傳達文藝的氣質,版面也會更加透氣。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

如果想要更多的留白空間,那么可以適當減少圖片的寬度或高度。在這個版面中我調整了圖片的寬度,讓它與下方的文字組做對齊。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

空出來的這塊區域如果覺得不舒服的話,可以適當添加一些元素,比如線條。最后還是,填充色彩烘托一下氛圍即可。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

如果有兩張圖片的話,也可以做出上下構圖的形式,圖片放置的方式大概有這兩種。第一種已經給大家展示過了,而第二種因為下方留白區域較多不好處理。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

這時可以考慮使用并置排列,對照片進行適當的裁剪,最后在下方編排文字即可。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

首先把圖片去底,然后置入到版面中心,然后把版面分割成兩塊,一上一下。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

接著在留白上進行矩形結構的編排就行。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

還有一種方法是將圖片褪底后,褪底圖片產生的負空間形狀,和矩形圖片形成一種形狀上的對比。但由于柜子的外形也偏向于矩形,所以對比看起來會沒那么強烈,如果是別的東西效果會明顯一些。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

接著,我們只需要把文字按大中小層級放置到版面空白的地方,海報就編排完成了。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

在安排圖片時可以借助網格來進行編排,網格的數量是多還是少要根據自己的圖片數量來定,每個單元格里都可以放置圖片,而要放多少圖也是根據自己圖片數量來的。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

在這兩個版面中,第一個我打算放兩張圖,第二個放五張圖,多出來的格子可以不放圖片。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

確定好圖片的位置后,剩下要做的就是在預留出來的空間里安排文字。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

如果覺得按照網格來放置圖片,編排出來的版面過于規則的話,也可以嘗試打散圖片的位置做自由化的排版。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

當然,自由也不是沒有依據可言的,我們可以找類似的版面做參考,這樣編排的難度會降低很多。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

在編排版面時,除了通過確定圖片的位置,在預留出來的空間里安排文字外,也可以反向操作。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

按照左右穿插的方式排列文字,然后再安排圖片以填補文字結構中的負空間。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

先將圖片置入進版面中,然后直接在圖片的上方進行文字編排。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

在編排文字時可以做的松散一些,因為字疊加在圖片上也要考慮到圖片的感受,圖片要有識別性。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

或者直接編排文字,然后在負空間處安排圖片,且圖片可以壓住文字,切忌疊壓的幅度不要太大,壓多了文字的識別性就會變弱。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

使用方形圖片進行疊壓時,同樣要注意好疊壓的幅度不要太大。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

除了字疊圖或圖疊字外,還可以做穿插處理,文字與圖片相互疊壓。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

它的好處是能讓文字和圖像融合起來,形成一個圖像化的元素。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

把做好的形象放到版面中間后,我們只需要在兩邊把關鍵信息填補進去,海報就完成了。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

點陣式構圖,將文字的字間距拉開,且每行文字上下都能對應上。一般來說,使用這種構圖形式的話,圖片都會出現在文字下方做字疊圖處理。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

壓住四角型。在版面的四個角落都放置元素,一般來說,使用這種構圖形式的話,圖片都會安排在版面的中心處。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

圖片安排在版面的中心處,除了可以使用壓住四角型的構圖外,還可以使用全包圍型的構圖形式。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

以這張圖為例,我們可以先給椅子填充上色彩,然后追加明暗面細節,這張去底后的照片就轉化成了剪影圖形了。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

接著把圖形化后的椅子置入進版面中撐滿至版心,然后在負空間處安排文字即可。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

把圖片處理成雙色調,也可以將圖片轉為圖形。關于雙色調是什么:

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

把圖形化后的圖片置入進版面中,然后編排文字。如果覺著這么編排版面有些散的話,可以添加色塊來整合一下版面中的元素。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

比如這個版面,一個非常簡單的居中結構。在主體的后方疊加圓形,這個圓形既可以增加主體的視覺面積,還能提升版面整體的視覺效果。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

圖形的功能性不止于此,它還能用來填補版面的負空間。尤其是針對較為抽象的版面來說,在文字量不多的情況下,適當的加入圖形及可以提升視覺效果還能解決版面問題。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

以這個為例,直接從文案“不穩定邊界”這個主題中,提出一個抽象的圖形“全屏符號”。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

然后把符號放大,放置到版面中間偏上的位置,然后可以稍微刻畫一下它,給它換個金屬材質。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

就背景來說,可以填充一個漸變色,這樣會有點酸性設計的味道,也算是個小嘗試了。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

最后,按照兩端對齊的方式把文案編排到版面中,這張海報就設計完成了。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

先把文字組合給編排出來,然后再根據文字組合的外輪廓,勾勒出線條將文字組給包圍住。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

把它們置入進版面中,海報就編排完成了。值得一提的是,就組合的位置來說,需要多嘗試一下,看看怎么擺放效果最好。這是把文字整體圖形化的方法,接著我們來看下一個。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

將中文標題打散做對角處理,接著旋轉一下角度,然后用矩形框做裁切處理,現在再看這幾個字,跟正常排列時比,多了些陌生感,把文字處理的陌生是文字圖形化的核心。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

接著再添加英文翻譯,刻畫一下標題部分,最后在兩個對角處編排文字即可。我們繼續看下一個。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

將標題放大至撐滿版心,接著把文字的筆劃都拆開后挨個換色,文字圖形化的效果就完成了。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

剩下要做的就是,把其余的信息給編排出來。繼續看下一個。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

從標題“不穩定邊界”中提取英文翻譯或漢字拼音的首字母,這里選擇使用漢字拼音的首字母“B”,把它置入進版面的中心位置。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

接著在它周圍編排其余的文字信息即可。除了提取首字母外,也可以提取英文單詞。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

直接從文案“不穩定邊界”這個主題中,提取“不穩定”的英文單詞,把它們放大,撐滿整個版面。完成這一步后,我們可以給文字進行換色處理。不過,我并沒有這么做,而是選擇了使用 3d 化的效果。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

3d 化的過程中,要盡量讓字母間的間隙少一點,以減少零碎的留白數量。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

接著,給英文單詞賦予水泥材質,為什么要賦予這個材質呢?因為我覺得水泥龜裂的感覺與“不穩定邊界”這個主題較為契合,都處在崩壞的邊緣。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

文字圖形化后,用兩段對齊的方式把信息編排進版面中,到此海報就設計完成了。提取英文可以圖形化,提取中文同樣可以。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

直接從標題中提取關鍵字“實木”,這個既是產品的材質也是產品的賣點,然后給文字換色。換色的目的在于恢復文字識別性的同時提升文字的圖形感。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

接著把剩余的信息給編排出來,然后放置產品圖,到此海報就編排完成了。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

提取“不穩定邊界”中的“邊界”二字,描邊處理。然后把“邊界”二字換成別的字體繼續進行描邊疊加,接著重復此操作,大概疊到第 5 層后分別針對“邊”和“界”二字進行填充上色處理,這么做的目的也是為了盡可能的恢復一些文字的識別性。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

最后把文字編排進版面中即可。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

如果感覺多層描邊有些復雜的話,也可以嘗試使用單層描邊至把文字填死的方式,來完成圖形化。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

同樣還是提取“邊界”二字,這時我們可以稍微拉升一下文字,以改變現有的長寬比例,讓字變得陌生。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

然后,在某些筆畫的邊緣處加入馬賽克效果,以扣主題模擬“邊界”的不穩定。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

最后在圖形化后的文字周圍編排文字,海報就編排完成了。

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

以上這些就是本篇文章里出現的所有例子了,大家可以根據自己的內容來選擇與之契合的表現形式,嘗試一下看看效果如何。

本篇文章到此就結束了,希望能對大家有些幫助,我們下期再見,拜拜。

歡迎關注研習設的微信公眾號:「Yanxishe2017」

文案信息較少時,該如何編排版面才會好看?(40個案例演示)

收藏 625
點贊 137

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。