編者按：做一張Banner 需要掌握版式、字體、配色等等，那么龐大的知識體系，應該如何學習？本文從排版這個知識點入手，告訴你應該如何掌握全面的Banner 設計知識。

上圖是自己平時對 banner 一個抽絲剝繭的過程，可以看到，通過一級一級的分析，你會發現一個小小的 banner 設計可以囊括設計的各個分支。其實只要再用心去分析，比如標題可以有哪些樣式，幾何形的研究又有哪些，顏色的心理暗示等等，你會發現設計的知識體系就慢慢建立起來了。你也可以具體到某個模塊上，比如自己在這個知識樹體系下，色彩不是太好，再細致些我漸變色用的不好，都可以有的放矢的加強某個模塊的學習，不至于一把抓，沒有重點。

今天選擇 banner 中文字形式這個模塊入手，通過形式和排版來做一個更好的梳理，也和大家一道去學習。

中軸型排版

△ 實例（工作及收集內容）

中軸型排版，以上的圖例便是這種排版形式，在做電商活動海報的時候中軸型是很出效果的一種形式。

這種方式使畫面規整穩定、醒目大方，視覺更聚焦，信息更集中，在突出主體的同時能使整體畫面具有一定的沖擊力。

相對來說，對于實物（人，商品，創造形象）要求并不高，文字信息本身的處理需要更顯功力。

拋開文字，色彩，點綴等元素，總結了幾個較典型的排版骨骼樣式：

分割型排版

△?實例（工作及收集內容）

分割型排版，以分割排版的方式構圖，畫面有明確的獨立性和引導性。這種方式留白更多，較好的視覺引導和方向使信息更明確，更顯品質感。

相對來說，對于圖像的品質要求更高，精致感品質感更高。

拋開文字，色彩，點綴等元素，總結了幾個較典型的排版骨骼樣式：

滿版型排版

△ 實例

滿版型排版，使用大面積的元素來傳達是最為直觀和具有強烈的視覺刺激的。當制作的圖片中有極為明確的主體，且文案較少時可以采用滿版型排版。這種方式視感更強，帶入感更高。例如節日專題活動，會員等營銷活動。

常見的滿版型排版有整體滿版、細節滿版和文字滿版。

相對來說，文字與背景元素的處理關系需要更加明確細微。

拋開文字，色彩，點綴等元素，總結了幾個較典型的排版骨骼樣式：

排版的方式還有很多，大致總結下來分為：中心型排版，中軸型排版，分割型排版，骨骼型排版，傾斜型排版，滿版型排版，上面圖例的分析總結也是以自己平時設計比較集中的類型進行了說明，之后還需要不停的挖掘和提高。

總結的樣式

通過上述圖例的分析，最終我們的設計作品應該盡可能地滿足以下目標：

? 1. 和諧統一

元素與元素之間，或所有元素構成的整體是一種協調的關系，比如大小、顏色風格等的協調。

? 2. 對比突出

即把2個或者多個反差很大的元素放在一起，使人感覺主體鮮明突出，整體活躍而又統一，比如大小、數量、色彩、形狀的對比。

? 3. 畫面平衡

即元素與元素之間，元素與整體之間的大小、形狀、數量、色彩、材質等的分布與視覺上的平衡。

? 4. 節奏韻律

畫面中的一種或多種元素按一定的規律排列，會產生音樂一般的旋律感。

今天重點為大家總結了兩點，一是 banner 的拆分剖析，以便我們對設計知識體系的建立和訓練，二是設計工作中常用版式的分析和實例，希望能對大家平日的設計工作與學習有幫助。

在設計過程中，我們會運用各種設計理論和手法去呈現最后的設計，其實都是為了形成秩序。因為設計的本質都是為了傳播，設計內容都是為了讓用戶去理解和遵從你的思路，理解作品，產生共鳴，這其實就是一種秩序之美。

想想平時有沒有遇到：

場景一

設計師A做了一款產品的運營宣傳長圖，給到了ta的朋友B（完全不混設計圈）：

A：看我做的產品設計稿。

B：呀呀呀，這么牛，美美噠！

A：一般一般啦，費了不少時間。

B：嗯嗯，不過我看那部分產品介紹的圖不好看，對比圖的地方不夠吧。

A：這個……

接下來或許又是一番解釋。

場景二

設計師A做了一款產品的運營宣傳長圖，給到ta的朋友B（完全不混設計圈）：

A：這是我們最近要推的新品。

B：哦，掃地機器人哈，我喜歡。

A：怎么樣，有興趣沒？

B：感覺功能不強大，我之前看過比這個更牛的。

同樣是一個內容，你會發現切入的角度不同，你得到的答案自然也差之千里。橫看成嶺側成峰，遠近高低各不同。我們的著眼點和用戶（受眾）的理解點是很難達成一致的。所以這其中「設計的秩序」就很關鍵，我們需要讓用戶（受眾）能夠看下去，不管是什么角度切進去，能好好看完我們的設計就可以了，剩下的由用戶（受眾）自己去判斷和理解。

所以落回今天的內容，我們對于形式的理解和掌握就顯得很重要，通過合理的設計形式展示我們的內容，更好的傳遞信息，形成秩序，引導用戶去產生共鳴，增加我們的點擊。