如何快速學會排版（送你10個排版的小技巧）

2023-07-27 01:39:59 1

來源：Keynote研究所；作者人生哥

文章已開白授權，請勿轉載！

版式設計是設計師必修的功課，這些技能可能是你平時經驗積累，或者視頻書包上面的知識，不管是那種，今天我們出一篇關於排版的小技巧，希望這篇文章對你有所幫助。

一、文字基線對齊

小時候學寫字的時候，媽媽都會為我準備一本田字格。我會一個字一個字填在裡面！後來，慢慢的，我不再需要田字格也能夠寫出一手漂亮的文字！媽媽又送了我一個筆記本！上面都是橫線！沒錯，這就是文字的基線！如圖所示：

等等，重點不在這！

而是文字與數字的組合細節！發現下面張圖有什麼問題了嗎？

所以，請把數字基線對齊！

在幻燈片中插入文字 數字時，你會發現，數字會稍微比文字小一點！讓整體的文字基線對齊！正確的方式是將數字文本放大幾個字號！

間距小，逐行閱讀，間距大，逐字閱讀！

畫面的所有視覺化信息都靠人眼來吸收！一段文字間距小時，那麼這段文字就是就會被我們當做整體看待，易於理解！而當文字間距大時，就需要我們一個字一個字的去消化了。

所以，既要兼顧美觀大方，又要讓一段文字成為整體！最好將標題的文字間距控制在-10%—30%之間.如圖所示：

1.標題文欄位間距

標題文字的段間距設置太大，容易減緩信息傳達，甚至是內容分離！

那麼設置成多少更合適呢？遵照標題文字行間距的區間值，建議你設置為1/4文字高度的段間距，看起來更舒服。也就是Keynote間距：1-1.1高度。如圖所示：

2.正文文欄位間距

正文文字的段間距設置為多少合適？keynote默認的段間距是1，而有的初始模版默認間距是0.8，你需要主觀調整為1.2—1.5的區間值！這樣文字看起來更加優雅和易於閱讀！如圖所示：

設置為1.5倍段間距時，文欄位間距是1倍的距離！另外，請記得長文字*要保持文字兩端對齊，這樣畫面看起來更加整潔。

四、主副標題關係

1.主標題高度是副標題高度的1.5倍。

主標題與副標題的之間的關係是既要保持美觀，又要確保成層級分明！如果你了解什麼是黃金分割定律你會知道：建議你的副標題是主標題的0.618倍！為了計算方便！這裡建議你設置為1.5倍！也就是：

主標題選擇42號字時，副標題可以選擇為28號字。

這樣的大小看起來更和諧！同樣的方法也適用於標題與正文的組合！

*其實這部分沒有特別明確的規範建議，排版樣式不同，字號字體的搭配也不同。不必過於在意技巧。

2.主副標題的段間距為1倍副標題高度。

副標題與主標題之間的距離多少合適呢？這裡建議你留出1倍的副標題高度.如圖所示：

*其實這部分沒有特別明確的規範建議，排版樣式不同，字號字體的搭配也不同。不必過於在意技巧。

3.拉大副標題間距，可以營造呼吸感

人的閱讀感受是先看標題，再看副標題，所以根據上面的間距原則，儘量打大副標題的間距，比如你可以選擇留出一個字距的間隔處理。

很多時候，我們選用的文字會進行符號化處理！比如下面的文字，如果我們依舊採用按照字符對齊那麼畫面就不是很均衡！特別是對於引用一段文字時，很多人會選擇這麼做：

往往畫面的細節會決定成敗！這張圖如果採用面積對齊會如何實現，大概就是下面的樣子：

將主副文字按照面積對齊方式排布，文字選擇兩端對齊，文字選擇兩端對齊，引言與正文右對齊，引號單獨擺放。如圖：

參照物不同時，整體的畫面感受也不同，下方是一個40x40的小方塊，周圍的參照物大小會影響你的畫面飽滿度！所以儘量選擇視線更加聚焦的方式處理畫面！如圖所示：

通過上圖你會發現，左側的方塊顯得大，右側的方塊顯得小。在製作PPT時，儘量選擇右側飽滿的構圖方式。如下面幾張圖示：

最後可以通過上圖感受一下，不同的版式帶給你的聚焦程度。

什麼是網格化？PPT有很多類型的板式可供我們選擇，也不需要尊崇固定的形態！

但是，一頁幻燈片，你需要有嚴謹的網格對齊方式！如圖所示

中文字符常常是佔用一個文字單元格，而標點符號則是佔用半個文字單元格，或靠左，或靠右，所以在演示體驗上會讓人感覺內容分家。

所以在製作全圖型PPT幻燈片時，儘量注意標點符號的小細節。建議你將符號距離控制均等。如圖所示：

我們在處理一些LOGO的擺放時，常常會先這樣操作。把一堆LOGO拖入到幻燈片中，然後按照面積對齊的方式將他們排布。

如下圖所示：我們採用平均分配的面積對齊原則，做出了下圖。

這樣就結束了？還沒有，注意文字與圖標的間距！當A=B時，人眼對於內容的理解度不夠強，畫面也不具備呼吸感。所以我們將文字全選，讓文字稍稍上移，貼近LOGO！明白了嗎？

傳統的三分版式構圖應該怎麼做？我們把所有的間距補全給你看！

我們採用黃金分割0.618值！也就是橫向21個小方塊，豎向13個小方塊。此時，最優雅的板式是A＞B的間距，1＞2＞3的間距。

什麼意思呢？用實際案例來說明，如圖所示：

上面這張幻燈片，圖標太小，間距為B＞A的間距，畫面看起來不夠飽滿！所以我們要將圖標進行放大，調整B＞A的間距到A＞B的間距。如圖所示：