大家好，我是肥宅，歡迎來到《職場PPT實(shí)戰(zhàn)》。這是本系列內(nèi)容的第51篇推送，那本期我們還是要來聊一聊，遇到一些排版失誤的頁面要怎么去搶救？

這是我的另外一個(gè)學(xué)員發(fā)給我的一個(gè)排版失誤的頁面。

在開始制作改造之前，我們同樣先來分析一下它的一些根本問題。頁面中有三大基本問題：第一點(diǎn)是標(biāo)題。這個(gè)標(biāo)題選擇了黑色的字和一個(gè)比較深的綠色進(jìn)行組合。這樣會(huì)讓整個(gè)標(biāo)題看起來比較暗淡、壓抑，所以我們?cè)诤笃谛枰{(diào)整它。第二點(diǎn)是標(biāo)題部分和正文部分中間有有一個(gè)比較大的空白。這個(gè)空白會(huì)讓整個(gè)視覺上看起來正文部分有點(diǎn)偏下，也會(huì)顯得整個(gè)畫面有點(diǎn)空。第三點(diǎn)是正文部分。圖片加文字的結(jié)合是很好的一種做法，但是案例中圖片過大文字過小，本身就不太平衡。并且，還加了一個(gè)聚攏視覺的線框，會(huì)顯得整個(gè)形式感覺有一點(diǎn)古怪，莫名其妙看起來不太舒服。這主要是視覺突然收窄，讓人覺得很小氣。

接下來，我們就要來看看這個(gè)頁面應(yīng)該怎么調(diào)整。首先，我們?nèi)サ粞b飾的英文部分，因?yàn)樵趯?shí)際使用的場景中這并不是必須的。然后，保留標(biāo)題的綠色并輸入文字，做一個(gè)反白效果，用交高的對(duì)比反差突出文字。這樣可以保證文字看得更清晰。同樣為了劃分標(biāo)題部分和內(nèi)容部分的視覺聯(lián)系，我們加一個(gè)很細(xì)的、比較淺的灰色來劃分視覺。

在這個(gè)基礎(chǔ)上，我們?cè)俳o內(nèi)容區(qū)塊做劃分。第1步就是先確定好4塊內(nèi)容到底有多大、要放在什么位置。我們可以用4個(gè)同樣大小的矩形，做平均分布。需要注意的是，盡量要保證它是在頁面的中心不會(huì)太偏上或者太偏下。

然后，再給矩形加上圖片并處理成同樣大小。同時(shí)可以給圖片上添加一些白色的輪廓線，讓它們看起來更加柔、更融入整體頁面。同時(shí)，這些色塊可以根據(jù)整個(gè)模板的顏色做調(diào)整，讓它們的顏色看起來更符合整個(gè)模板。這樣看上去會(huì)比較均衡，整個(gè)畫面的視覺也比較集中，都控制在了中心區(qū)域。

接著，往色塊里加標(biāo)題。這些標(biāo)題中，有一段是特別長的，被分成了兩行。

這種情況下，我們?yōu)榱艘曈X上的統(tǒng)一，盡可能是把每一段標(biāo)題都做成兩行的。同時(shí)，我同樣加上了劃分視覺聯(lián)系的線條，以便切分標(biāo)題和內(nèi)容的視覺聯(lián)系。

最后，加上文字內(nèi)容，這么一個(gè)頁面也就改造完成了。我們?cè)谧鯬PT的過程中，如果涉及到使用圖片和文字進(jìn)行結(jié)合的情況，一定要注意圖片和文字視覺大小的聯(lián)動(dòng)，盡可能保證它們?cè)谕粋€(gè)寬度或者同一個(gè)高度。這樣看上去兩者之間就會(huì)有一個(gè)比較自然的視覺聯(lián)系，可以讓觀者更容易的把圖片和文字內(nèi)容聯(lián)系到一起。