文案超多的海報設計該怎么排版?16個實用模板送給你! - 優設網 - UISDC

文案超多的海報設計該怎么排版?16個實用模板送給你!

2019/10/07 27106評論 15

@做設計的面條?:這一次我想給大家分享的是關于文案超多超多的海報設計到底該怎么去排版這個主題。

因為之前一直都有人問我這個問題,我就記在心里啦,剛好這幾天花了些時間改了幾版案例,順便總結繪制了16個模版,一起分享給大家。

首先給大家看看面粉發給我的海報原圖:

是不是文案超多?嗯。。。老板看了流淚,設計師拿到這種需求估計也是瑟瑟發抖。

那大家看到這幅海報,可以先自己思考一下問題出在哪里,然后接下來我也會總結出我所看到的幾點問題,你們看看是不是跟我的想法一樣。

從我的角度來看,問題主要在于以下幾個方面:

  • 文案超級多超級多,看起來密密麻麻的,不便于閱讀;
  • 整幅海報看起來很亂,因為色彩很雜,照片素材有點復雜,文字樣式和特效太多,以上種種問題導致了我們這幅海報整體太亂了,而且缺少美感;
  • 利益點信息不清晰,從老板的角度來說肯定是希望利益點要夠突出,圖片要夠美觀,海報促銷氛圍要濃一些,才更能吸引到客戶到店里來消費;
  • 這幅海報沒有給人一種「挑戰賽」的感覺,因為畫面太安靜了,不夠有視覺沖擊力,熱鬧促銷氛圍不夠;

ok,大體就是這些方面的問題了,我但是看到這幅海報,心想:「要不挑戰一下自己,給這位面粉改個稿看看?」,所以我就把psd要來了。

可是當我打開psd,我都崩潰了,因為這幅海報本來就是文案太多了,所以為了減少干擾,我們最好是在素材選擇上要保持畫面整潔干凈。

可是這原圖素材里面的細碎的點綴物實在是太多了,比如那些綠植、檸檬、瓶蓋、起子等等其實都是多余的,就那個冰塊可能還有點用。

如果要靠修圖來整潔畫面實在是太費功夫了,如下圖所示:

這里插點題外話,就是設計師最好是在開始設計執行之前就跟攝影師溝通一下拍攝方案,或者如果有條件的話,設計師最好是去跟拍一下,便于拿到符合自己需要的圖片素材。

因為前期多花點時間去策劃,后期設計執行的時候真的可以節省很多時間。

比如這里的原圖素材其實從拍攝主題上來看,就不太符合我們要的那種熱鬧促銷感的調性。

所以,我干脆自己去找素材啦!~

最終,為了給大家做演示用,我改了5版設計稿,并且海報里只使用了唯一一種中文字體——思源黑體(免費字體),如下圖所示:

改稿效果圖1

改稿思路分析:

因為這幅海報里面文字非常多,所以我們作為設計師要有一個清晰的邏輯,明白這些文字信息里面有哪些是很重要的,有哪些信息是次要的,還有哪些信息是不得不展示出來但是站在老板的角度又是希望弱化處理的。

首先,利益點信息在這里肯定是需要重點突出展示的,因為靠這個利益點可以吸引用戶參加買單,而突出信息的方法有很多種,比如改變顏色、放大字號、周圍多留白、增加色塊吸引、加粗處理等等;

其次,訂購電話也是應該突出的信息,因為我們要讓用戶很方便的找到電話才更能激發用戶的訂購欲望,從而提高轉化率;

第三,溫馨提示和免責申明信息,原則上對用戶來說很重要的信息,但是對于老板來說,卻不希望它們太過于顯眼,可是為了避免糾紛又不得不告知用戶,因為這些信息其實會減少用戶的購買欲望。

那怎么辦呢?一般都會把這些信息弱化處理。

聽起來是不是很雞賊?嗯,充滿了套路,但畢竟給設計師發工資的人是老板啊,你不多幫老板賺錢,那可能得跟著喝西北風去了。

當然,這種小心思還好并不違法,而如果老板直接讓你偽造公章、修改發票、p證件等等,要你做一些違法行為,那可就要三思了。

在此提醒各位設計師們,以上違法的事情千萬別做啊,別為了那幾千塊錢一個月的工資吃牢獄災或被罰款,那就麻煩了。

ok,我們回到正題!~

最后,就是其他的一些主標題信息和副標題信息(比如這里的的「xx挑戰賽」和「自愿挑戰30分鐘XXX」),還有作為點綴元素的文字信息(比如這里的「Are you ready?」),大家根據版面需要來處理大小、形式和間距就好,它們并沒有很固定的限制。

因為它們的作用是讓顧客知道這個海報是干嘛用的,你想放大就放大,想縮小就縮小,反正最終的視覺效果要和主題搭調就好。

比如我們這里,我依舊保留了原面粉的將「30分鐘內」放最大的處理方式,因為一個版面里最好是有一個可以撐場面抓人眼球的文案信息。

一方面是因為,我們要把用戶的注意力吸引過來,另一方面是因為,它可以使我們這個版面看起來更耐看,更有節奏感。

你想一想啊,如果你的設計稿里所有的文字信息都是大小一致、粗細一致,那肯定會覺得很平淡,就像看書一樣,是不是很容易犯困???但如果我們的文字有大有小,有粗有細呢?你立馬就來勁了,會覺得有意思一些。

這就好比我們談戀愛,對方如果是各方面都是普普通通的,平平淡淡的,你肯定會覺得這個戀愛談的啊,真是無聊死啦。

可如果對方時不時會給你一些小驚喜或挑逗呢?或者偶爾你們之間有些小摩擦但又和好了呢?感情有一些輕微的起伏變化,你肯定會覺得這個戀愛談的好有意思,很想繼續談下去。

ok,這一版我們就說到這里啦,順著這個改稿思路,我又做了好幾版不同的布局版面排版,我們接著一起來看看~

改稿效果圖2

改稿效果圖3

下面這2版基本是保留了原面粉的描邊處理樣式和色彩,哈哈,越改到后面,我就比較偷懶了,所以下面2版大家將就著看看就好,因為我也想放假啊啊啊啊。

改稿效果圖4

改稿效果圖5

吶,看到這里,我干脆一鼓作氣,給大家總結繪制了16種比較常見的文字超多海報該怎么排版的布局模版,大家收好啦!~

還有很多布局樣式我沒有畫出來,因為接下來我會告訴你該如何靈活變通,如果你學會了其中幾種,基本剩下的都可以任意去設計了。

我們主要記住以下幾點:

我們常見的文案排版,無非就是橫著打字、豎著打字、或者橫豎混著打字3種,你要學會靈活安排;

文字其實也可以理解為是一種圖形元素,當它的面積很小的時候,它就是點,當一個點沿一個方向移動有了軌跡,它就是一條線,而當它的面積足夠大的時候,它就是一個面,如下圖所示:

所以歸根結底,海報里的文案排版,跟其他元素一樣,都是在玩點線面的平面構成原理。

無論你的海報里要展示的是什么產品或模特,它們其實都可以抽象地歸結為是一些基礎的圖形,比如圓形/三角形/正方形/長方形等等的組合,比如我們平時總是會這樣描述我們看到的物品或人;圓形的餐盤,長方形的餐桌,三角形的三明治,倒三角形的身材,橢圓形的臉蛋等等。

所以,你別看我的模版里只有矩形、方形和圓形,但其他任何圖形套用在里面道理都是一樣的。

并且,我們說的要保持畫面平衡、有節奏感、有層次、耐看、透氣等等,其實也都是在玩平面構成。

最重要的一點:我們做設計是為達成某種目的服務的,所以你有了這些模版,懂得了這些設計原理還不夠,你得清楚你每一次的設計目的是什么,邏輯要保持清晰,腦袋要靈活一點,要有條理。

就像我在前面改版思路理說明的,我每一個文案為什么要放在那個位置,為什么是那個顏色、那種粗細大小和間距,都是基于我很清楚它們的作用分別是什么。

我們做設計是有邏輯性在里面的,而不是隨意而為之。

比如我將其中幾個模版和效果圖做了一個對比圖,你會發現它并不是完全按照模版來的,因為具體情況要具體去變動一下。

比如產品圖,很少會真的方方正正的放置:

比如我通常會將會將產品做一些傾斜處理,讓它不規則化:

再比如下面這種居中排版的樣式,還有一個思路是用合成或建模的方式,把酒水拼成一個酒瓶的樣式放在正中間,剛好可以用來放文案,大家可以試一試:

比如文案也可以靈活處理,穿插或跳出產品都可以:

再比如產品其實可以不用完整展示,在不影響觀看的情況下,切掉一部分也是可以的:

好啦,今天的文章就寫到這里吧。

希望看完今天這篇文章,大家也能變成一個思路清晰、做事有條理的設計師,下次再有老板或運營丟給你一大段文字要你排版,就不用慌慌張張啦!~

大家可以把這篇文章拿出來多看看,保準可以把他們伺候得服服帖帖噠!~(具體怎么做效果會更佳,你們懂得)

不信,你試試!~

歡迎關注作者的微信公眾號「做設計的面條」,一個干貨與文筆俱佳的美女設計師。

微信公眾號簡介:專注開拓電商設計思維,不定期分享一些個人見解干貨,當然也會分享一些頂級創意、攝影、人生感悟方面的好文啦。

tttt-1qr1111

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址:http://www.huangtengdz.com/16-e-commerce-design-template

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

設計圈干貨 界面設計 排版布局 版式設計 職場 優設專訪 優設大課堂 設計達人 設計師干貨 web前端開發 配色 視覺設計 素材下載 AI教程 設計理論 設計流程 神器下載 字體下載 設計師專訪 psd下載 海報設計 設計規范 設計趨勢 用戶體驗設計 動效設計 logo設計 平面設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

優設啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!優設網是極具人氣的設計師平臺
2012年成立至今,一直專注于設計師的學習成長交流

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里

免费观看日本阿v