大家好,我是肥宅,歡迎來(lái)到《職場(chǎng)PPT實(shí)戰(zhàn)》。這是本系列內(nèi)容的第51篇推送,那本期我們還是要來(lái)聊一聊,遇到一些排版失誤的頁(yè)面要怎么去搶救? 這是我的另外一個(gè)學(xué)員發(fā)給我的一個(gè)排版失誤的頁(yè)面。 在開(kāi)始制作改造之前,我們同樣先來(lái)分析一下它的一些根本問(wèn)題。頁(yè)面中有三大基本問(wèn)題:第一點(diǎn)是標(biāo)題。這個(gè)標(biāo)題選擇了黑色的字和一個(gè)比較深的綠色進(jìn)行組合。這樣會(huì)讓整個(gè)標(biāo)題看起來(lái)比較暗淡、壓抑,所以我們?cè)诤笃谛枰{(diào)整它。第二點(diǎn)是標(biāo)題部分和正文部分中間有有一個(gè)比較大的空白。這個(gè)空白會(huì)讓整個(gè)視覺(jué)上看起來(lái)正文部分有點(diǎn)偏下,也會(huì)顯得整個(gè)畫(huà)面有點(diǎn)空。第三點(diǎn)是正文部分。圖片加文字的結(jié)合是很好的一種做法,但是案例中圖片過(guò)大文字過(guò)小,本身就不太平衡。并且,還加了一個(gè)聚攏視覺(jué)的線(xiàn)框,會(huì)顯得整個(gè)形式感覺(jué)有一點(diǎn)古怪,莫名其妙看起來(lái)不太舒服。這主要是視覺(jué)突然收窄,讓人覺(jué)得很小氣。 接下來(lái),我們就要來(lái)看看這個(gè)頁(yè)面應(yīng)該怎么調(diào)整。首先,我們?nèi)サ粞b飾的英文部分,因?yàn)樵趯?shí)際使用的場(chǎng)景中這并不是必須的。然后,保留標(biāo)題的綠色并輸入文字,做一個(gè)反白效果,用交高的對(duì)比反差突出文字。這樣可以保證文字看得更清晰。同樣為了劃分標(biāo)題部分和內(nèi)容部分的視覺(jué)聯(lián)系,我們加一個(gè)很細(xì)的、比較淺的灰色來(lái)劃分視覺(jué)。 在這個(gè)基礎(chǔ)上,我們?cè)俳o內(nèi)容區(qū)塊做劃分。第1步就是先確定好4塊內(nèi)容到底有多大、要放在什么位置。我們可以用4個(gè)同樣大小的矩形,做平均分布。需要注意的是,盡量要保證它是在頁(yè)面的中心不會(huì)太偏上或者太偏下。 然后,再給矩形加上圖片并處理成同樣大小。同時(shí)可以給圖片上添加一些白色的輪廓線(xiàn),讓它們看起來(lái)更加柔、更融入整體頁(yè)面。同時(shí),這些色塊可以根據(jù)整個(gè)模板的顏色做調(diào)整,讓它們的顏色看起來(lái)更符合整個(gè)模板。這樣看上去會(huì)比較均衡,整個(gè)畫(huà)面的視覺(jué)也比較集中,都控制在了中心區(qū)域。 接著,往色塊里加標(biāo)題。這些標(biāo)題中,有一段是特別長(zhǎng)的,被分成了兩行。 這種情況下,我們?yōu)榱艘曈X(jué)上的統(tǒng)一,盡可能是把每一段標(biāo)題都做成兩行的。同時(shí),我同樣加上了劃分視覺(jué)聯(lián)系的線(xiàn)條,以便切分標(biāo)題和內(nèi)容的視覺(jué)聯(lián)系。 最后,加上文字內(nèi)容,這么一個(gè)頁(yè)面也就改造完成了。我們?cè)谧鯬PT的過(guò)程中,如果涉及到使用圖片和文字進(jìn)行結(jié)合的情況,一定要注意圖片和文字視覺(jué)大小的聯(lián)動(dòng),盡可能保證它們?cè)谕粋€(gè)寬度或者同一個(gè)高度。這樣看上去兩者之間就會(huì)有一個(gè)比較自然的視覺(jué)聯(lián)系,可以讓觀(guān)者更容易的把圖片和文字內(nèi)容聯(lián)系到一起。 |
|
來(lái)自: 一兵個(gè)人圖書(shū)館 > 《電腦/使用/維修》