作為一名專業的設計師，版面設計能力直接影響到該設計師水平的幾個方面之一。我們很多設計朋友在臨摹的優秀作品中，往往只是被作品華麗的外表吸引了，比較少去思考設計背后的秘密。那么在這里，我總結了版式設計原理的幾個方面，結合一些具體例子實際操作演示，讓對這塊不熟悉的設計師朋友們能快速掌握版式設計。

目錄

一.版式組成

二.構圖平衡

三.設計原則

四.設計流程

五.案例演示

一.版式組成

1. 主體：視覺焦點，主導著整個設計(可以是人/物/文字/圖片)，整個版面最吸引人的部分，相當于主角的作用。

2. 文案：對主體的輔助說明或引導，畢竟有時候我們放一只小狐貍在旁邊，用戶也不能準確的知道它在說什么，配角的作用。

3. 點綴元素：裝飾元素，可有可無，具體根據版面需要;好的點綴元素能夠渲染氣氛，大部分的點綴元素遵循三角形原則，類似下圖中的云朵，群演的作用。

4. 背景——可分為純色/彩色肌理/圖片/圖形等。

二.構圖平衡

在設計中，平衡是實現統一的一條重要途徑。如果上面所說的元素組合起來處于平衡狀態，那么這個設計看起來就是統一的，就會給人一種整體印象。因此，平衡是視覺傳達設計的一個重要方面。版式平衡總共有3種分類，分別是：對稱平衡，非對稱平衡和整體平衡。

1.對稱平衡

對稱是同等同量的平衡，對稱式設計是一種靜態的，可預見的，講求條理和平衡布局的設計。對稱構圖相對比較易于創建，特點是穩定，莊嚴，整齊，安寧，沉靜和古典。

2.非對稱平衡

非對稱在不對等的元素間創設出秩序和平衡，非對稱設計由于版式不可預見，所以空間是變化的。特點是動態的，靈活的和富有活力。非對稱構圖比較多，常見的有以下6種形式。

對角線構圖：

文案擺放在版面的對角線方向，一方面避免了司空見慣的居中版面，一方面給中心主體留出了更多的創作空間;另外中心的圖形也可以是對角線的設計，這樣會讓整個構圖看起來比較平衡。

發射狀構圖：

點綴元素圍繞中心的文案或者圖形發射，這樣的構圖會讓中心的視覺容易聚焦，視覺沖擊感會更強烈。

像電商大促活動，淘寶和京東等等會經常用到使用發射性構圖來營造大促活動的熱鬧火烈程度。

中心構圖：

這是我們最常見的構圖之一，文案和主體居中頁面，注意的是位于版心的主體要盡可能的出彩，利用設計技巧吸引讀者的眼光，這樣才能避免破平淡乏味。

s形構圖：

文案或者圖形放在線條轉折的地方，整體呈一個s形。另外線條的起點和重點也同樣是讀者容易關注的地方，可以放一些重要的信息。這樣的構圖靈活，有趣，而且可以引導用戶沿著s形軌跡閱讀信息。