昨天晚上，有位讀者，發(fā)給我一張微軟智能云的 PPT 頁面，就是這個：
問我像右側(cè)的這種圖標(biāo)排版，是怎么完成的？
之前沒有細說，只是簡單的提了一下，這里用到的技巧就是，對齊。
可能很多讀者會一臉懵，為啥是對齊呢？因為提到對齊，我們大多數(shù)人所知道的，無非是左對齊，右對齊，居中對齊：
挑一些比較典型的例子，大概就像這樣：
但其實，你知道嗎？
除了這3種常見的對齊方式之外，還有4種不常見的對齊手法，如果你能用好這些，那做出來的頁面，絕對創(chuàng)意十足。
就像這樣：
好了，說了半天，到底是哪4種對齊手法呢？分別是：
接下來，咱們就好好的聊一下，這4種對齊方式。
一、傾斜對齊
顧名思義，就是讓頁面上的元素，沿著一條斜線進行對齊。
就像這樣：
當(dāng)我們在 PPT 中，使用平行四邊形，進行排版，或者是制作有動態(tài)感的 PPT 頁面時，這種排版形式就非常多見。
比如像我之前修改過的一個案例，就是典型傾斜對齊手法的使用：
怎么樣？是不是動感很強？
那在 PPT 中，該如何進行傾斜對齊呢？這里需要用到一個插件功能，就是 iSlide 補間動畫。
怎么用呢？簡單演示一下。
我們可以在頁面上，先插入兩個平行四邊形，并且呢，在四邊形的左側(cè)，添加一條斜線作為基準：
然后呢，我們選中這兩個圖形，點擊 iSlide 插件中的補間：
在彈窗中，我們輸入待補充的四邊形數(shù)量，比如我們想在中間，再插入3個平行四邊形：
這樣，平行四邊形就已經(jīng)完成了傾斜對齊：
操作很簡單，對嗎？
接下來呢，為了讓各位更好的理解這種對齊方式，咱們通過一個實際案例，來理解一下。
頁面內(nèi)容是這樣的，主要講了滑雪運動前的準備和一些相關(guān)技巧：
既然是滑雪運動，可以先來找一張素材：
然后呢，對文字內(nèi)容進行可視化呈現(xiàn)，這里呢，我們可以插入6個空格，進行傾斜排版：
同理，這里包含兩段信息，就留出兩個空格：
接下來，在內(nèi)容底部，添加一層圖形，來避免背景圖片，對內(nèi)容產(chǎn)生視覺干擾：
把圖標(biāo)填充到對應(yīng)的空格內(nèi)：
最后，簡單地添加一些修飾線條，來體現(xiàn)動感即可：
二、錯位對齊
這個就非常簡單了，所謂錯位，其實就是把內(nèi)容交叉排列而已。
就像這樣：
這應(yīng)該是最適合職場人學(xué)習(xí)的一種對齊方式，為啥呢？因為簡單，而且還有一定的創(chuàng)意效果。
啥意思呢？舉個例子，比如我們大多數(shù)人的職場 PPT ，往往會是這樣的并列擺放：
這種形式雖然是ok，但未免有一些呆板。
但其實，我們只需要把這5項元素，錯位擺放即可：
當(dāng)然，如果要再修飾一下的話，我們可以添加一個梯形，營造一種延伸的感覺：
怎么樣？是不是夠簡單？
當(dāng)然，再舉個例子，比如像這個頁面，通過錯落分布對齊，效果是不是也很贊呢？
三、沿線分布
聽名字就知道，就是讓頁面的元素，沿著一條線進行分布排列，呈現(xiàn)的效果呢，大概是這樣：
同樣為了方便各位理解，先來舉個實際的案例。比如像這個，這些內(nèi)容的對齊方式上，沒有任何規(guī)律，就是沿著線條排布而已：
還有像這個，其實也是一樣的原理：
那如果想要完成這種對齊方式，需要借用一個插件功能，就是英豪插件中的沿線分布。
操作方法呢，也很簡單。
我們可以在頁面上插入一些需要排版的文字，以及一根線條：
然后，我們先選中線條，再選中所有的文字內(nèi)容，點擊沿線分布即可：
我特意錄了一個動圖，各位可以看一下：
那利用這種對齊方式，我們能做什么呢？創(chuàng)意時間軸，對嗎？
比如我們讓文字內(nèi)容，沿著飛機尾部煙霧進行排列，是不是很贊呢？
再比如像這樣的時間軸，其實也是沿線分布對齊的典型案例：
四、環(huán)形對齊
說的通俗一點，就是讓元素，沿著一個圓環(huán)進行排列。
不過，說到環(huán)形對齊呢，其實會分為兩種情況：
一種是內(nèi)容在圓環(huán)外側(cè)，就像這樣：
另一種是內(nèi)容在圓環(huán)內(nèi)側(cè)，形式呢，大概是這樣：
咱們先來說第1種，如何讓內(nèi)容，在圓環(huán)外側(cè)對齊排列呢？
如果想要快速完成，還是需要用到插件 iSlide 中的環(huán)形布局功能：
那具體怎么操作呢？很簡單。
我們可以在頁面上隨意地插入一個圓形：
然后，點擊環(huán)形布局，通過調(diào)節(jié)參數(shù)，就可以得到一些呈圓環(huán)對齊的多個圖形：
比如我們想要讓6個圓形，進行圓環(huán)布局，那么，就可以這樣做：
好了，問題來了，當(dāng)我們掌握了這種對齊方式，能做出什么樣的排版呢？
比如用在企業(yè)愿景展示的頁面中：
或者是用來展現(xiàn)工作計劃：
是不是都可以呢？
接下來說一說第2種，如何讓內(nèi)容，在圓環(huán)內(nèi)側(cè)排列對齊呢？
這里就需要用到 PPT 軟件中，文字轉(zhuǎn)換的功能：
那具體是怎么用的呢？比如我們要讓5行文字，排列在這個圓環(huán)內(nèi)：
我們需要先來讓文本框內(nèi)容保持居中對齊：
然后呢，修改文本框的尺寸，可以讓文本框的尺寸保持與圓環(huán)一致：
最后呢，在文字變形選項中，找到一個樣式即可：
這樣的話呢，文本框就能夠完整地貼合在圓環(huán)內(nèi)容：
好了，那我們學(xué)會了這個技巧，當(dāng)我們再看到這個頁面時，是不是覺得你也能做呢？
好了，以上呢，就是這篇文章的主要內(nèi)容，給各位科普了4種，不太常見的對齊方式。
希望能夠?qū)Ω魑挥兴鶐椭?/p>
原標(biāo)題：從微軟的這張PPT中，我學(xué)到了4種小眾的排版技巧！
]]>以下根據(jù)本人十幾年的行業(yè)經(jīng)驗，提供一些方法。經(jīng)過如下方式處理的文字，會比普通文字更易被重視。
方法一：
最吸引人的，排在第一位的，永遠是顏色，通過放大字號，其實就是放大了整體文本的色塊面積，來與較弱色彩進行區(qū)分，來達到吸引眼球的目的。但只通過簡單的 字體放大，會給人造成內(nèi)容粗糙的弊端。因此建議放大后的文本，選擇帶有襯線的字體，來彌補文字形式上的粗糙感?？蓞⒁娤聢D。
通過復(fù)雜字體的筆畫，一來可以解決視覺上內(nèi)容粗糙的問題;二來，由于較為復(fù)雜的筆畫，其實又無形中增加了顏色的面積。
方法二：
通過調(diào)整字體的顏色，從而使原本單調(diào)的單色，變成醒目的多色文本。但如果色彩搭配雜亂無章，除了增加閱讀難度外，也會給閱讀者造成文字內(nèi)容粗糙的感覺。因此，建議參考下圖。
通過顏色的有序漸變和將文字內(nèi)容進行刻意的色彩區(qū)分，這樣兩種方式可以擺脫原有雜亂色彩帶來的廉價感。另外將原有雜亂的點狀色彩，變?yōu)槊娣e更大的面狀色彩，無形中同樣加大了色彩的可視比例，從而起到吸引視覺的目的。
方法三：
將文字反白處理，將色彩面積增大。
也可使用下圖方式。
小結(jié)：
在以上的舉例中，其實是在反復(fù)論證色彩的重要性，通過最簡單的方式增加色彩的面積，從而起到專注視覺的目的。但是需要注意的是，并不是顏色越多越亮就越好，錯誤的色彩搭配有時候會適得其反的使文字信息變得失去閱讀者的信任。
下面繼續(xù)舉例。
方法四：
在同等色彩與字體字號的情況下，人最容易注意到的，就是文本中的數(shù)字與英文，因為在人的閱讀習(xí)慣中，數(shù)字與英文是作為圖形去理解。因此通過閱讀文本的內(nèi)容，我們可以將文本中的某些信息，通過符號化的方式去表達，從而吸引人的注意力。
但是如果遇到了文本中的信息實在不好找到符號化處理怎么辦呢?那么可以參考下面的處理方式。
看到了嗎?其實我們可以通過人為增加符號的方式，使得整段文字更加吸引人!另外，其實標(biāo)點符號我們也是作為符號來理解的哦!同理采用這樣編輯方式的還可以在文字中間加入一些較萌的QQ表情，效果也會差不多!
方法五：
事實證明，人們除了在吃藥的時候會刻意的閱讀說明書外，其余的時候是不會閱讀長篇大論的文字，因此當(dāng)文本信息過多時，需要充分的考慮閱讀者的習(xí)慣， 我們能做的，是通過工整的版式，讓閱讀者在閱讀前就充分的知道這段文字閱讀起來很容易，而不會出現(xiàn)串行等情況。只有他愿意讀，他才會讀下去。
接下來繼續(xù)完善。
看到了沒，雖然從整體上增加了文本的尺寸，但是從斷句和行距上，更加切合閱讀者的閱讀習(xí)慣。這就好比讓一個人一次步行10公里，和分5次來步行10公里的區(qū)別。而且放大了的文本，更加的增加了色彩的面積。
方法六：
再給大家一個最最最最簡單，但是卻是最最最最有效的方式。
沒錯，那就是調(diào)換文字與圖片之間的位置，事實證明，文字擺放在圖片下方，會比放在圖片上更加讓人愿意閱讀。
總結(jié)：
其實以上的舉例，只是在證明我始終在做一件事，那就是盡量將文字圖片化的處理，讓文字給人的第一感覺更像是顏色或符號，從而消除觀看者閱讀前的心理障礙。
順便說一句，可以看看我其它問題回答的文字排版方式，我的分段與文字加粗的首要目的，就是希望更好的方便閱讀。知乎上的確有很多很好的答案，但是打開 之后洋洋灑灑的數(shù)千字，加上枯燥的語言，結(jié)果很不幸的被埋沒在了眾多答案中。多站在他人的角度去思考，才可能發(fā)出被關(guān)注的聲音。
其實還有很多方法，都可以來提高文字的關(guān)注度，邊做圖舉例邊答題很累。就先到此為止吧!
本文由知乎網(wǎng)友提供~~知乎原文
]]>