在視覺傳達中，版式設計四大原則一直貫穿于我們的工作中。本文詳細闡述了這四大原則，希望能夠幫助你應用于視覺設計中。

為了在別人吹牛逼的時候保持清醒，從2018年開始我整理了100多條互聯網設計方法論。

這些方法論里，我發現有的借鑒的是工業設計，有的是建筑學、心理學的，還有傳播學，甚至連語義學都出現了……

然后就想，怎么這么多互聯網設計方法論？每個方法論如何應用？哪些又是瞎扯模型？

把這些分享出來希望能幫到更多的人！

我把這些方法論總結成了六大類：

版式設計四大原則（對比、親密、對齊、重復）是視覺傳達中，最基礎也是最重要的設計原則，它一直貫穿于我們的設計工作，但又經常被忽視。

當我們在設計提升階段中遇到瓶頸的時候，不妨好好回顧一下夯實一下版式基礎，基礎決定我們走多遠。

視覺傳達其本質也是表達方式的一種，我們需要通過設計方法手段，通過將元素建立聯系有目的得引導用戶視覺流向，將信息在“最短時間”內“快速”傳達給用戶。

任何元素都不能在頁面上隨意擺放，每個元素應當與頁面上另一個元素有某種視覺聯系，這樣才能建立一種清晰且輕巧的閱讀邏輯。

所以，我們的設計行為，是否讓信息更快速、更直接、更有效得傳達給用戶了？

對比

無對比，不設計。（沒有對比就沒有設計可言）

合理劃分好信息層級，來引導用戶視覺流向。

親密

在版式設計中，親密和對比是相輔相成的。

彼此相關的元素應當靠近，歸組在一起，為讀者提供清晰的閱讀架構。

對齊

對齊對比無處不在，對齊是設計的標配。

我們在做設計的過程中，腦海中已經養成習慣得提醒自己“對齊對齊對齊對齊！”

重復

設計的某些元素或手法需要在整個作品中重復。降低了用戶的適應成本，其本質還是讓信息傳遞更快速有效。

一、對比

無對比，不設計。（沒有對比就沒有設計可言）

對比的目的：

• 使有層級、有主次、有節奏、有設計感
• 使閱讀方便
• 突出重點；強化要點；表達核心信息

做好對比的前提是我們透徹得理解了業務和將要呈現的內容。有目的得將元素拉開對比，合理劃分好信息層級，來引導用戶視覺流向，第一視覺、第二視覺、第三視覺…之后讓用戶視線最終又落在哪里。

對比的手法：

形態：方vs圓、長vs短、粗vs細、大vs小、高vs矮、胖vs瘦、凹vs凸；

狀態：動vs靜、虛vs實、近vs遠；

色彩：黑vs白、明vs暗、炫彩vs單色、輕vs重色；

二、親密

在版式設計中，親密和對比是相輔相成的。

親密的目的：

• 使元素間有關系成為一個家族，使有關聯
• 合理分組

彼此相關的元素應當靠近，歸組在一起，如果多個項相互之間存在很近的親密性，它們就會成為一個視覺單元，而不是多個孤立的設計單元，這有助于組織信息減少混亂，為讀者提供清晰的閱讀架構。

親密的手法：

親密即編組，將相關聯的信息進行編組區分，關聯的元素組織在一起，移動元素，使它們的物理位置相互靠近，使其形成閱讀秩序。使之成為整體的一個組，而不再是一堆彼此無關的片段。物理位置靠近的，就意味著存在關聯。（我們可以把它理解為元素間的父子關系）

文字與文字、文字與圖、圖與圖間通過物理距離，控制元素之間的關系。除了物理距離劃分，也可以用線條色塊切割。

三、對齊

對齊對比無處不在，對齊是設計的標配。

我們在做設計的過程中，腦海中已經養成習慣得提醒自己“對齊對齊對齊對齊！”如果你還沒有養成習慣，那就逼著自己有目的得時刻提醒自己。

對齊的目的：

• 對齊讓設計變得更有條理
• 對齊讓設計變得更有邏輯
• 對齊讓閱讀變得更輕松

對齊的手法：

對齊分為，左右對齊、上下對齊、居中對齊

1. 右對齊——最常見的對齊方式
2. 左對齊——最裝逼的對齊方式
3. 居中對齊——最無能的對齊方式
4. 右對齊不一定非要放右邊

四、重復

設計的某些元素或手法需要在整個作品中重復。其本質還是讓信息傳遞更快速有效。

重復的目的：

• 重復的作用：統一信息、強調信息、強化信息
• 重復就是保持設計的一致性
• 重復縮短了我們二次閱讀的時間（比如在商品詳情介紹中，如果沒有運用重復原則版式不一致的話，用戶在閱讀過程中，需要時間適應、習慣新的版式）

重復的手法：

• 標題的字體
• 符號
• 圖片的主色調
• 版面的留白比例
• 標題與內文的距離
• 內文大小統一