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