©站酷D座標

如果設計工作從來都是一帆風順的，需求特別清晰，實現特別完美，做事情有理有據的，那麼……這份工作上哪找得到？我也要去！

尤其是排版，無論是PPT或畢業展板排版，還是工作中的方案展示排版，不能要你覺得好看，一定要別人覺得好看才行。

難道真的沒有什麼方法、技巧、規律之類的東西嗎？捫心自問一下，所謂的設計類的書籍你們看過多少？沒看過也不要緊！我看過就行了！

那麼今天就給大家分享一下在下的愚見：如何在排版中輕鬆把握好優質的視覺體驗。

文字內容和圖片都很重要，但是貪多嚼不爛，今天咱們先簡要地談談文字的排版。

我將通過4個大模塊進行敘述：

四大原則，九種形式，五個規律，三條提醒。儘量用簡明扼要的文字來給你充足的設計知識。

01

四大原則

對齊原則

對齊最常用的分為：左對齊、居中對齊、右對齊（其他特殊對齊方式就不說了，這裡只講高效率的方式）。

使用範圍：

1.左對齊，最符合人的閱讀習慣，在頁面中顯得非常規整、簡潔，視覺上也很舒服（頂部對齊的豎排文字其實也是一種“左對齊”）。所以適合比較看重規矩、正式的方案文本中（不絕對）。

2.居中對齊，閱讀起來比較輕鬆，有親近感

，要注意與排版圖片的配合（要居中的話，圖片內容與文字都得居中），適合漫畫、娛樂性圖文閱讀、海報等比較輕鬆的文本內容，其目的是奪取視覺中心，突出重點。

3.右對齊，一般出現右對齊的情況，要麼就是署名，要麼就是，排版需要或者讓內容能夠

像一個整體。

注意：

1. 對於大段的文字，一個頁面不要出現多種對齊方式（不要超過兩種）
2. 對齊要考慮段落與圖片內容、段落與段落之間的對齊。
3. 句與句、段落與段落之間，是可以進行不同形式組合對齊的。（例如上圖的居中對齊圖）
4. 藝術海報看起來很亂，實際上是某種特定基準線對齊的。

你可以試試看，在下圖你能看出哪些對齊的混合運用？

親密性（接近性）原則

如果元素（圖文）之間是有關係的，那麼他們應該在視覺上也相關。

什麼意思呢，舉個栗子~

上圖紅框離右邊隔得比較近，所以你默認會覺得它跟右邊幾張圖是有關係的

。

而左邊大圖隔得比較遠，你會默認認為跟左邊的大圖沒關係。

不服氣？我再舉個栗子~圖裡的圖片，即使你看不懂文字，你也會覺得文字是跟圖片有關係的，因為它們隔得比較近。

這就是著名的“格式塔心理學”中接近性原則，是視覺交互設計比較常用的一種方法。

即使你不知道上圖寫的是什麼，但你肯定覺得，這段文字是跟上圖有關係的~

重複原則

設計元素要學會複用，強化用戶的使用印象，同時也有利於設計師提高效率。

可以複用的元素有很多：字體、顏色、留白、符號、版式、線條...，複用的元素不一定完全一致，但一定存在某種聯繫。

切忌，一個元素不要太多地進行重複！

比如全部用一個顏色的文字或色塊，會很難找到重點在哪裡，只用一種主色，頁面也未免顯得太過單調無聊。

要學會變換著使用這一原則。

對比原則

對比會讓頁面更具吸引力，避免元素太過相似，與視覺疲勞，同時拉開視覺層級，製造焦點。

常見對比：大小對比、顏色對比、疏密對比、文字和留白對比、虛實對比，粗細對比等。

注意：

1. 對比的重點是一定要大膽強烈！千萬不要畏畏縮縮！
2. 不要害怕讓一些項很小，這樣不僅便於與其他項形成對比，也能有更大的留白空間突出重點內容。
3. 除非是標題或裝飾性文字，否則不要使用特殊字體，要保證內容的清晰易讀。

以上圖片能更好的詮釋注意裡的要點，需要細心體會！

02

九種形式

這部分以圖片展示為主，因為能更好的表現內容，展示常用的9種文字排版的形式。

文字斜放

文字加粗居中，拉開間距

照片加留白就是封面（留白指的不是白色）

文字顏色突變

使用手寫字體

版面上使用細文字

運用背景元素遮蓋部分文字

矩形框住就很高級

標題加粗豎著放中間

我覺得這9形式，排列組合一下，你可以用一輩子了！

03

五個規律

純文字的排版

兩種級別的文字排版，一般有文字+文字，英文+英文或者文字+英文三種形式。

三種級別的文字排版，最為常見的是二級中文+一級英文，也有兩級英文+一級中文、均是中文或英文。

四種級別的文字排版，一般為二級中文二級英文，不過也會有三級中文+一級英文。

五種級別的文字排版，較為少見，圖中的例子是三級文字+二級英文。

文字+序號排版

也不用多說了，我經常用。

文字+線條排版

文字+短橫的組合特別具有設計感，有動感的感覺，特別實用。劃重點，商家非常喜歡。

文字+長橫的排版也很常見，可以很好地精選劃分區域，讓標題文字與圖像進行分割。

文字+虛化線條的排版，虛化的線條給人感覺更加新穎和獨特，通過畫一個虛化的圓壓扁後用色塊蓋住上面部分即可。

文字+斜線的排版，斜線給人感覺更加動感和出色，設計感更強，更具吸引力，斜線讓畫面更飽滿更有生機。

基本都是電商類都特別喜歡的版式，用這些絕對沒問題！

文字+線框排版

加框就“高級”了，再“大氣”一點，信我，屢試不爽！

文字+線框+線條排版

把上面的要點進行排列組合，就是以下樣式了。

04

三條提醒

最後就是膠囊君要給你的提醒了，以上方法掌握了以後，你不如果不注意以下幾點，就會頻繁改稿！

瞭解的觀眾習慣

你的文案排版是展給誰看的？人群不同，需求也不同。

我曾經給環境藝術設計畢業展做了一個很酷炫的展板，然後被打回來重做熬夜三天。不是好不好看的問題，而是合不合適。

排版要適合你的內容

你仔細看一下，音樂會海報，租房海報，漫展海報，它們是一樣的嗎？

一定要在合適的範圍內進行設計，不然的話，你設計的再炫酷也是格格不入，會給觀看者帶來信息誤解，這樣你展示的初衷也就偏離了道路。那時候就不要怨天尤人的說別人不懂藝術。

不要過多修改和添加

大部分的設計師，改圖修圖，基本上都是作為設計師的本能去修改的，因為你想要做出好的作品，但是卻沒有考慮到用戶的需求，從而不經意地添加了“你認為正確的元素要點”。

其結果就是導致方案不滿意，循環往復修改。當然極個別另類除外。

文章參考於

UI設計進階、HiDesignABC等公眾號

站酷網、UI中國

圖片源自網絡

如果覺得沒學夠，想要學習更多的知識，膠囊君今天還送你兩本書，肯定能滿足你。

1.寫給大家看的設計書

出自一位世界級設計師Robin Williams之手。作者以其簡潔明快的風格，讓你瞭解怎樣才能按照自己的方式設計出美觀且內容豐富的產品。

2.寫給大家看的PPT設計書

作者Robin Williams圍繞PPT等電子演示文稿的創建與製作，向大家傳授了大量的方法原則及經驗心得。其中涵蓋PPT準備、內容創建、外觀設計的各個流程，同時兼顧配套輔助環節，並創新性地提出了內容優化四原則、外觀設計四原則。

領取方式

1，轉發此篇文章並評論

- END -

本篇版權歸原作者所有，僅供學習和交流