啊！這張百果園傳單，厲害了！

前面我們分別講了排版的四大基本原則，

點擊回顧一下撒！

這期我們就來總結一下這些規則，包括我們前面沒講的親密性，也會一併講到。

首先大家要知道一個原則，雖然這是四大基本原則，但它們之間並不是互相獨立的，而是需要綜合運用的。你做任何一個設計稿，不可能只用到其中一種原則的。

我們通過一個示例來回顧一下這四條原則。

上面這是一個自由散亂的排版，這種排版方式學術上一般稱之為後現代自由浪漫主義風格，俗稱逗逼。

好了，下面我們試著開始用前面學過的排版原則來優化它。

對齊

第一步是對齊，因為它們大小形狀都不一致，所以我按重心進行視覺對齊。

為了幫助大家理解，找來一張非常適合的圖，你看這些辣椒啊肉啊洋蔥啊，都不是同樣的東西，但是串在一起之後，是不是覺得已經很好分類了？（我真是個天才！）

重複

排版上的重複要訣是統一。

首先把元素去統一大小、統一間距、統一方向，這樣我們就可以得到一個工整、能看的版面。再重複地在一個規律下出現。

為了幫助大家理解，我找來一張圖非常好地說明，雖然長得都高矮肥瘦不一樣，但是我們都穿上同樣的衣服，這樣就看起來統一了，然後按照一定的間距和方向排列在一期，看起來也很像很整齊很有規律在一起。

親密性

親密性就是指元素之間的關聯性。

這個很好理解，不要和不是同一類的人站在一起，否則會發生不和諧的事件！

關聯性越強，它們之間應該靠得越近。反之則應該離遠點。

親密性雖然比較簡單，但是很多新手在排版的時候經常容易忽略信息的相關性。

比如說之前的名片作業題，有門友提交過來的作品就違背了親密性原則：

好了，還是回到我們的案例上來。

對比

對比就是提煉畫面重點，然後通過改變大小、顏色、位置等方式來強化它，使得畫面主次分明。

由案例我們可以看到，對齊、重複、親密性這三條原則可以讓畫面更有條理，而對比要做的事情恰恰是相反的，是打破畫面原有平衡，建立新的秩序。

回顧完之前的內容，現在我們再通過一個實際的案例看看他們是如何綜合應用的。

我在網上找來這樣一張海報。duang~~~~~

非常的提神醒腦有沒有？！辣眼睛是不是？

這密密麻麻的字真的刺瞎了我的狗眼！

先走一些空格，

不然沒法好好看文。

走著

走著

走著！

差不多了！

先大概看看這張圖裡面存在的問題 。

問題很多，不過在我看來，最重要的就是兩條：

1、信息很多，但是沒有條理，分不清主次。

2、樣式很多，但是看不出是食品主題。

如果硬要歸納成一條，那就是：做的很醜！

我們來一步步解決這兩大問題，首先是做減法。

先把字體統一，背景色去掉。

duang~~

雖然還是很醜，但是狗眼起碼不會被刺瞎！

就這樣交稿嗎？

可能老闆會打死你！

繼續做減法，將字體顏色簡化成兩種，重要的標紅，不重要的灰色，這種簡單粗暴的做法有利於我們快速的將信息層級梳理出來。

先看看什麼是重要的？

當然是促銷信息最重要啊！任選6代團購價，這個是對用戶最有價值的信息，什麼狗屁營養健康，什麼美容養顏，都是唬人的東西，沒有人看也沒有人信，寫上去僅僅是為了騙騙那些老人家而已！所以不要重點突出那些。

是不是梳理完主次，看起來舒服多了，想看的都看到了，不想看的弱化了。

到這一步，我們可以清晰的看到這張海報是想要做什麼，這樣就解決了第一個問題，完成了建立條理的過程。

來看下對比圖：

雖然僅僅是純文字，但是已經檔次提高了很多，當然這個只是個半成品。

看看我們在這個過程中使用了哪些排版原則：

1、整體居中對齊——對齊

2、統一顏色，統一字體和間距——重複

3、相關的內容編成一組——親密性

4、重要信息標紅加粗——對比

接下來，進一步分析海報的內容：

確定好信息層次之後，先將次要的元素隱藏掉，先將最重要的部分處理好。

標題排版好了之後，就會發現畫面還是缺了視覺重心，我們需要一張合適的素材圖來提升氛圍。

添加好主視覺的素材之後，再根據圖片的顏色調節好文字和背景色，這樣畫面的元素更加統一。

到這裡我們的設計基本完成了大部分，然後我們只需要將次要元素添加進來，以及再豐富一下細節即可。

如果覺得標題的黑體過於拘謹，不夠視覺衝擊力，也可以嘗試一下特殊字體，起到強化對比的作用。

好了，再看下對比圖。

這個促銷傳單，拿到手都願意看多幾眼，而不是辣眼睛。

大圖。

雖然只是用了短短的十來分鐘，沒有太多的細化，但是一張傳單應該有的要素和講究，全部都在了。主次分明，核心信息傳達到位。

上面的這個案例，看起來並不是什麼高大上的設計，用到的設計手法也是一些最基礎的排版規則。

這可能是我們工作中最常遇到的需求。它不需要天馬行空的創意，可能會有很多文字，有明確的使用場景，以實用為主，總之就是有很多很多限制。而你需要做的是認真仔細的分析需求，然後用紮實的排版基礎知識去一步步解決問題即可。

對新手設計師來說，你需要大量的、反覆的去練習和鞏固這些基礎知識。

好了，這期內容就到這，布置下這期的作業。

-----------------------------------------------

下圖是我在網上找來的另外一張設計稿， 大家可以像今天的案例一樣，利用學到的排版知識去優化它。

有獎品！

尺寸：

600 X 1000 像素

格式：

提交作品的時候，

需要把你的psd（不要ai或者cdr等格式）文件命名修改為：

我會選擇3位同學送出珍藏版小鱷魚鑰匙扣各一個,不值什麼錢，僅僅是紀念你曾經努力的意義，再下一期排版教程出來的時候公布優秀結果，投稿郵箱：

-----------------------------------------------

上期的電商廣告練習大家的熱情不高，投來的作品相比上上期少了很多。

雖然數量不算多，但還是有不少優秀的作品。

下面精選出3位同學送出小禮物：

01號作品

火火同學提交的兩張作品都很優秀，賣點表達很清晰，畫面的形式感也到位。完全沒有我看平常看到的電商廣告模板化的感覺。

02號作品

Aga同學的作品是比較常規的電商廣告，不過在字體選擇、顏色以及細節上都處理得不錯。

03號作品

Kevin同學的作品排版挺不錯，顏色看起來也很舒適。不過作為是電商廣告，在視覺上有點力度不夠，焦點過於分散。

以上三位送出獎品小鱷魚各一個！

沒有獲獎的同學不要灰心，不是你們做得差很遠，只是獲獎名額有限，下次可能就是你了！

還有一些同學的作品雖然沒有獲獎，但是也值得拿出來說說。

這個其實廣告做得還不錯，但是模特的選擇上，有點太接地氣了！

這是一枚會修仙的茶壺。

書法字體的選擇上一定要注意可辨識度的問題。

你們都非常棒！因為每一個為自己未來努力的人都是最棒的！

------------------------

好了，

學到乾貨的同學請大方地點擊一下喜歡作者！！ ：）

這樣下一期乾貨來得更快！

(更多乾貨教程，回復：色彩教程)

越努力，越幸運。

這裡是龐門正道。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！