再來簡單回顧一下。
什么是頁面工整呢？
其實(shí)就是指，在多個(gè)頁面中，通過版式，位置，素材以及主題元素等方面，營造出視覺上的一致感。
如何做到頁面工整呢？我們可以通過在頁面上添加一些一致的元素，比如在頁面上使用統(tǒng)一的色塊。
或者借助參考線，來營造出整齊的視覺感。
那么，除了這兩個(gè)方法之外，還有哪些方式能夠達(dá)到頁面工整的效果呢？這就是今天要聊的一個(gè)話題。
從哪開始說呢？咱們就從這個(gè)案例來談。
從視覺上來看，這套幻燈片的頁面給人的感覺就是雜亂。那么，如果現(xiàn)在，有這樣的一套幻燈片擺在你面前，需要你進(jìn)行美化設(shè)計(jì)，想一下，應(yīng)該從哪里開始入手呢？
我認(rèn)為有兩個(gè)方面。
?應(yīng)用場景一：在頁面上，使用相同效果的形狀元素 ?
我先來解釋一下，什么叫做形狀的效果。這個(gè)概念呢，大概包含有形狀的樣式，是橢圓還是三角形？形狀的色彩，是純色還是漸變？形狀的效果，是陰影還是立體？
那么，為了能夠在視覺上營造出一致感，所以，在同一套幻燈片中，選擇一致效果的形狀元素。
給大家舉幾個(gè)例子。
比如，統(tǒng)一地使用正六邊形元素。
大家可以看到，無論是頁面上使用的圖片，還是形狀，都能統(tǒng)一地保持這個(gè)形狀效果，看起來就會很工整。
這一點(diǎn)，是從頁面上修飾元素的統(tǒng)一性方面，來入手。
應(yīng)用場景二：統(tǒng)一每一頁的色彩和字體 ?
頁面上所使用的色彩和字體，是最直觀的呈現(xiàn)形式。如果想要讓一套幻燈片看起來很工整，那么，色調(diào)和字體一定是不能來回變化的。
另外，標(biāo)題和正文的字號也盡量保持統(tǒng)一，這也是保持頁面工整的重要因素。
什么意思呢？給各位舉個(gè)例子。大家看下面的3張幻燈片中的字號。
這一點(diǎn)，是從頁面元素的統(tǒng)一性方面，來入手。
以上呢，就是如何讓頁面看起來更加工整的兩個(gè)方法，總結(jié)一下，就是：
通過頁面元素的統(tǒng)一，來營造出視覺上的工整。
本文完
By：感冒了的邵云蛟，2016.12.08
PPT設(shè)計(jì)小思維系列教程,由“旁門左道”微信公眾號發(fā)起，每周，都會跟大家分享一些看起來很微小但卻很有價(jià)值的 PPT 設(shè)計(jì)思維方式。
初衷：我為什么要做一個(gè)PPT設(shè)計(jì)小思維的欄目？
如果你在網(wǎng)上搜索 PPT ，你會發(fā)現(xiàn)，得到的結(jié)果，大多是一些 PPT 小技巧，比如如何制作立體字等，而很少有人去談 PPT 設(shè)計(jì)中的思維方式。
然而我認(rèn)為，思維方式在制作幻燈片中非常重要。你不需要了解很復(fù)雜的操作技巧，只要掌握基本的設(shè)計(jì)思維，用簡單的圖片和文字就足夠做出精美的 PPT 幻燈片。
所以，以后每周，我都會跟大家聊一些看起來很微小，但卻很有價(jià)值的 PPT 設(shè)計(jì)思維方式。希望能幫你做出美觀的幻燈片。
關(guān)于作者：邵云蛟，“旁門左道”微信公眾號運(yùn)營者、知乎專欄作者、《PPT設(shè)計(jì)思維：教你又好又快搞定幻燈片》書作者、 PPT 發(fā)燒友，目前為自由職業(yè)者?。
PPT設(shè)計(jì)小思維01：如何讓你的PPT擁有呼吸感?PPT設(shè)計(jì)小思維02：PPT選什么顏色看起來會更加舒服？PPT設(shè)計(jì)小思維03：如何使用色彩來表現(xiàn)出內(nèi)容的邏輯性？PPT設(shè)計(jì)小思維04：圖片排版時(shí)如何突出重點(diǎn)？PPT設(shè)計(jì)小思維05：如何用好PPT彩色蒙版？PPT設(shè)計(jì)小思維06：如何把 PPT頁面做的很工整（一）PPT設(shè)計(jì)小思維07：教你如何利用色彩來突出PPT重點(diǎn)內(nèi)容PPT設(shè)計(jì)小思維08：讓圖標(biāo)看起來更精美的方法PPT設(shè)計(jì)小思維09：如何把 PPT頁面做的很工整（二）PPT設(shè)計(jì)小思維10：做ppt時(shí)，如何正確地使用元素特效？PPT設(shè)計(jì)小思維11：演講型PPT頁面上都放哪些內(nèi)容？PPT設(shè)計(jì)小思維12：如何避免PPT頁面空洞？PPT設(shè)計(jì)小思維13：分享3種行之有效的PPT學(xué)習(xí)方式PPT設(shè)計(jì)小思維14：如何利用音效為 PPT 增彩？PPT設(shè)計(jì)小思維15（作者正在加緊碼字中...）
]]>
而，如果你見過一些優(yōu)秀的幻燈片，其實(shí)，你會發(fā)現(xiàn)，在 PPT 制作領(lǐng)域，工整這個(gè)詞兒同樣適用。
有些人，做的幻燈片，像是把著刻尺，做出來的一樣。這個(gè)時(shí)候呢，我們也會發(fā)出一種感概，不由自主地說出一聲，幻燈片做的真工整。
然后，打開電腦，看看自己的幻燈片，頓時(shí)有一種嫌棄的感覺。
那么，怎么把幻燈片做的很工整呢？
如果想要知道這一點(diǎn)，咱們就需要首先來明白，幻燈片中的工整到底指的是什么呢？
其實(shí)就是指，在多個(gè)頁面中，通過版式，位置，素材以及主題元素等方面，營造出視覺上的一致感。
概念很簡單，那么，怎么用好這個(gè)概念呢？接下來跟大家說兩種方法。
應(yīng)用場景1：通過有形的面 ?
比如說，我們?yōu)榱嗽谝曈X上營造出一致感，我們可以在頁面上的某個(gè)區(qū)域，畫出一塊地兒，然后呢，當(dāng)添加內(nèi)容時(shí)，就只在這個(gè)區(qū)域操作，不要跨過界限。
插入一個(gè)統(tǒng)一的形狀，來營造工整感
當(dāng)然了，這個(gè)區(qū)域，到底應(yīng)該畫多大面積，還要視情況而定。
如果頁面內(nèi)容擠滿了頁面，建議就不要畫了，如果頁面內(nèi)容適中，可以綜合所有頁面之后，找到頁面內(nèi)容最多的那一張幻燈片，根據(jù)它來畫出一塊區(qū)域。
應(yīng)用場景2：通過無形的線 ?
這里無形的線，指的就是參考線。我曾經(jīng)在一套幻燈片中，爆出過一張圖片，這是我做幻燈片時(shí)候的樣子。
?在這一套幻燈片中，文本內(nèi)容的起始點(diǎn)，以及圖片的起始點(diǎn)，我全部采用了參考線來控制。這樣的好處就是，因?yàn)槊恳粋€(gè)元素的位置，都是按照某種秩序進(jìn)行的，從而實(shí)現(xiàn)了無形的工整。
大家來看看其中的兩張幻燈片，注意看線：
每一個(gè)文本框的位置都是確定的
再來看兩個(gè)案例。
你能看到頁面的整齊，但你看不到線條
頁面左邊距和右邊距的位置，是相同的
這都是無形的線條在發(fā)揮作用，才使得頁面看起來如此工整。
以上呢，跟各位分享了讓頁面看起來工整的兩個(gè)場景。一個(gè)是有形的面，一個(gè)是無形的線，希望能幫助各位。
另外，鑒于頁面工整這個(gè)話題過于龐大，一篇小思維難以寫完，所以，正如題目所言，你還會看到后續(xù)的文章。
最后，再溫暖地提醒一句，北方地區(qū)的朋友們，該穿秋褲了，雖然我并不穿...
往期回顧：PPT設(shè)計(jì)小思維05：如何用好PPT彩色蒙版？
但是，你知道嗎？就這么一個(gè)看似簡單的東西，其實(shí)想要用好，并非那么簡單，這里也有一個(gè)小的思維方式，如果不知道的話，可能最終的效果會適得其反。
那這個(gè)小思維是什么呢？就是要避免色彩沖突。什么是色彩沖突呢？
如果圖片和蒙版都是彩色的，那么，當(dāng)半透明的蒙版覆蓋在圖片上時(shí)，因?yàn)閳D片與蒙版的顏色沖突，就會溶解掉蒙版應(yīng)有的色彩。
什么意思呢？給大家舉個(gè)例子。比如我們想在這一張藍(lán)色色調(diào)的圖片上，添加一層綠色蒙版，讓整個(gè)頁面呈現(xiàn)出綠色色調(diào)。
但因?yàn)閳D片有很大一部分面積是藍(lán)色，覆蓋綠色蒙版之后，因?yàn)樗{(lán)色和綠色產(chǎn)生沖突，最終并沒有呈現(xiàn)出綠色色調(diào)，而是泛青色。????
如果想調(diào)整，那么，解決方案是什么呢？
其實(shí)也很簡單，就是消除一方的顏色，要么把蒙版變成黑色，要么，把圖片變成黑白。因?yàn)槲覀兿胱岉撁娉尸F(xiàn)出綠色色調(diào)，所以，我們就需要把圖片調(diào)整為黑白，對圖片進(jìn)行重新著色即可。
那么，這時(shí)候，頁面不僅呈現(xiàn)除了綠色色調(diào)，而且，在上面寫文字內(nèi)容時(shí)，也會清晰很多。
除了上面這個(gè)場景，消除色彩沖突還有那些應(yīng)用場景呢？
場景1：制作彩色漸變蒙版時(shí) ?
這個(gè)原理跟上面的例子相似，當(dāng)我們想要做出這樣的頁面時(shí)，同樣地，必須要對底部的圖片進(jìn)行黑白處理，這樣，就能夠讓彩色的漸變過渡的很自然。
而且，當(dāng)圖片變成黑白之后。即使蒙版的透明度調(diào)的再高，也不會妨礙頁面上文字內(nèi)容的閱讀。
?場景2：利用色塊凸顯重點(diǎn)內(nèi)容時(shí) ?
我在一期整容計(jì)劃欄目中，做過這樣的一個(gè)案例，為了突出這幾個(gè)字兒，我把圖片處理成了這樣，為的，就是消除圖片上其它色彩帶來的干擾。
后來，我記得有一位讀者拿著他模仿的作品，問我，說，為什么沒有原稿的感覺？到底是哪里做的不對。
色彩發(fā)生沖突，黃色色塊不明顯
其實(shí)呢，這個(gè)案例模仿的很好，唯一一點(diǎn)，也是最關(guān)鍵的一點(diǎn)，就是沒有消除掉色彩沖突，因?yàn)閳D片上顏色過于復(fù)雜，用來凸顯重點(diǎn)內(nèi)容的色塊，并沒有很好的呈現(xiàn)出來，所以，做的不對。
一旦消除色彩沖突，重點(diǎn)自現(xiàn)
在這里，告誡各位，如果你像利用色塊來凸顯內(nèi)容，那么，記得一定要消除掉干擾色，這樣，才能夠?qū)Ρ葟?qiáng)烈地，凸顯出重點(diǎn)內(nèi)容。
來自旁門左道第一期培訓(xùn)班中一位同學(xué)的作業(yè)
這頁 PPT 封面采用的是全圖設(shè)計(jì)，配圖很有感覺。但我之所以要引用這個(gè)例子，是想說，它其實(shí)是一個(gè)反例，反在哪呢？因?yàn)樗谠O(shè)計(jì)的過程中犯了一個(gè)容易被忽視的錯(cuò)誤。
到底是什么錯(cuò)誤呢？
這就要引出咱們這篇文章要說的一個(gè)設(shè)計(jì)概念，叫做重復(fù)，這個(gè)概念輻射范圍很廣，我在這里只說色彩上的重復(fù)。
什么是色彩的重復(fù)呢？
在同一頁 PPT 中，當(dāng)存在多項(xiàng)元素內(nèi)容時(shí)，可能是多個(gè)文字段落，也可能是有文字段落，也有圖表等，色彩相同的元素很容易被認(rèn)為存在關(guān)聯(lián)性。
這個(gè)概念很簡單，可能很多朋友看完上面的解釋之后，立馬就明白是怎么回事兒了。
而這，也正是為什么開頭舉得那個(gè)例子中，錯(cuò)誤設(shè)計(jì)的原因，因?yàn)樗褂昧讼嗤纳?，使得本來不存在關(guān)聯(lián)性的元素建立了聯(lián)系，誤導(dǎo)了觀眾對內(nèi)容的理解。
錢和小明這兩個(gè)元素，不存在內(nèi)在的邏輯關(guān)聯(lián)。正確的邏輯應(yīng)該分為這兩層。
- 標(biāo)題 ? / ? 五年后，怎樣的年輕人會更有錢景。
- 說明信息 ? / ? 演講人：小明
如果想要突出標(biāo)題，那么，可以做成這樣：
而如果想要突出說明信息，那么，可以做出這樣：
如果這樣做，純屬瞎胡鬧：
再給大家看幾個(gè)正確使用色彩重復(fù)的例子。
為意思相近的內(nèi)容選用相同的色彩，通過重復(fù)，來達(dá)到區(qū)分內(nèi)容邏輯關(guān)系的目的。
那么，掌握這一點(diǎn)之后，可以有哪些應(yīng)用場景呢？
?場景1：
在排版時(shí)，如果牽扯到圖表和文字，如果圖表的數(shù)據(jù)系列與文字之間存在對應(yīng)的關(guān)系，那么，務(wù)必使用一致的色彩。起的作用就是暗示，暗示別人，二者存在一定關(guān)聯(lián)性。
?場景2：
在設(shè)計(jì)架構(gòu)圖等之類的模型時(shí)，對于同一組織內(nèi)的成員，我們可以使用統(tǒng)一的色彩，來暗示組織內(nèi)的派系之分。
相信你能夠很方便地查出一共分為多少銀行：
相信你能夠很清楚地梳理出前端基礎(chǔ)架構(gòu)的邏輯關(guān)系：
以上所有案例都遵循了色彩上的重復(fù)性這一原則，使用得當(dāng)，可以很方便地利于他人閱讀。
最后，再總結(jié)一下：
- 色彩重復(fù)地出現(xiàn)在同一頁面上，就會從視覺上暗示別人，同一種色彩的兩個(gè)元素存在一定的關(guān)聯(lián)性，我們可以借助它來搭建元素之間的關(guān)系。
- 如果二者之間不存在任何關(guān)聯(lián)，最好不要采用相同的色彩。
PS：你在做 PPT 的時(shí)候，有哪些場景下用到了這個(gè)思維呢？可以在留言區(qū)告訴其他旁友哈。
寫到這兒，你有沒有發(fā)現(xiàn)這篇文章中也使用了這個(gè)小思維？也可以找出來哈。
返回PPT設(shè)計(jì)小思維系列教程
或是這樣的：
當(dāng)看到這樣的 PPT 時(shí)，除非你是一個(gè)非常有耐心的人，否則，可能你的大腦是拒絕來閱讀頁面上的文字的。因?yàn)樗鼈兘o人的感覺是壓抑的，一大堆密密麻麻的文字?jǐn)[在上面，顯得很擠。
那么，如何避免這種擁擠帶來的壓抑感呢？
這就要引入咱們今天聊的這個(gè)設(shè)計(jì)思維，叫呼吸感。
什么是呼吸感呢？也就是說，內(nèi)容與整個(gè)頁面比例關(guān)系的強(qiáng)弱。當(dāng)內(nèi)容占據(jù)頁面過大比例時(shí)，呼吸感就會弱，反之則強(qiáng)。
給大家舉個(gè)例子。就拿上面的那張 PPT 來說。
如果我們用色塊來表示這個(gè)比例關(guān)系時(shí)，我們可以看到，大概是這個(gè)樣子。
文字內(nèi)容幾乎占滿了右半塊，所占比例過大，呼吸感自然很弱。
而如果我們對右邊的文字進(jìn)行處理，重新排版之后，做成這樣呢？
這時(shí)候，頁面的呼吸感就會強(qiáng)很多。
很多朋友可能會說，你把文字字號縮小了，這當(dāng)然有呼吸感了。我在這里解釋一下這個(gè)問題。
我之所以把正文字號縮小，是為了留出足夠多的空間，以此突出展示重點(diǎn)內(nèi)容。而如果所有文字字號一般大地?cái)D在一堆，那么，哪里還有什么重點(diǎn)呢？
這就是 PPT 設(shè)計(jì)中的呼吸感，當(dāng)文字內(nèi)容周圍擁有足夠多的空間時(shí)，別人就會把注意力集中于此。
那么，它有哪些應(yīng)用場景呢？
場景1：
在排版時(shí)，為了能夠凸顯重點(diǎn)部分的內(nèi)容，那么，我們就要盡量削減非重點(diǎn)內(nèi)容占據(jù)頁面的比例，從而達(dá)到，重點(diǎn)醒目突出，頁面呼吸感強(qiáng)的效果。
一般來說，有標(biāo)題和正文之分的時(shí)候，盡量多留空間給標(biāo)題部分，來突出重點(diǎn)。
場景2：
當(dāng)我們在形狀中填充文字內(nèi)容時(shí)，也需要考慮呼吸感這個(gè)感念，也就是說，不要讓文字內(nèi)容塞滿整個(gè)形狀。如果內(nèi)容實(shí)在很多的話 ，那么，就擴(kuò)大形狀或者縮小文字，來增加呼吸感。
這是文字塞滿形狀的情況，缺乏呼吸感。
縮小字號，讓文字距離形狀的邊框有一定距離，就會好很多。
以上，就是我希望你擁有的第一個(gè)設(shè)計(jì)思維，保持呼吸感。
總結(jié)一下：
- 做 PPT 時(shí)，不要試圖把內(nèi)容塞滿整個(gè)頁面。而如果實(shí)在很多，可以考慮分頁，縮小字號等。
- 增加呼吸感是為了做到更好的內(nèi)容排版。在一張 PPT 上，千萬不要把所有文字內(nèi)容都放大，這樣會淹沒掉重點(diǎn)內(nèi)容。
這是最近剛準(zhǔn)備的新欄目，有什么想法，跟我聊聊唄？
返回PPT設(shè)計(jì)小思維系列教程