二維碼 購物車
部落窩在線教育歡迎您!

PPT中如何提升頁面的層次感?這3個技巧只有老司機才知道

?

作者:P小白來源:部落窩教育發(fā)布時間:2019-10-28 16:06:11點擊:2772

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 原創(chuàng)作品,禁止轉(zhuǎn)載。

編按:

經(jīng)常有讀者在后臺留言說,他/她做的PPT被領(lǐng)導(dǎo)吐槽,一會兒是這里太空,一會兒是那里平平的……其實說白了就是老板嫌棄你做的PPT沒有層次感!那怎么才算頁面具有層次感呢?層次感又該如何體現(xiàn)呢?快來看看這篇教程文章吧!

老板:小王啊,你不覺得的這個PPT缺少點什么嗎?我想要那種高端大氣上檔次,低調(diào)奢華有內(nèi)涵的PPT,然而你做的這個PPT總覺得缺點什么,平平的。

小王:好的,老板,我改改(我哪知道要改什么???)

很多小白可能經(jīng)常遇到這種情況,PPT做好了,但是老板要求修改,自己卻不知道有什么地方可以修改,舉個例子:

這種PPT不但簡單單調(diào),還缺少靈魂,老板哪有看下去的欲望。

那么老板要的頁面靈魂是什么呢?

三個字,就是層次感。

舉個例子:

上面案例中的PPT頁面具有層次感,就具有了靈魂。

這里給大家簡要介紹一下層次感是什么:

層次感就是通過層次的劃分,前后關(guān)系的對比,色彩明暗的調(diào)整,表現(xiàn)出圖案的主次,一是讓觀眾在看到頁面時能察覺到明顯變化,而不會讓觀者看頁面時,感覺到窒息,二是區(qū)分各個元素之間的異同,理清各個元素之間固有的聯(lián)系。

簡單來講,一方面就是以觀眾的角度去看一個頁面,既整體和諧,又主次分明,不沉悶死板;另一方面讓用戶閱讀起來比較有秩序,優(yōu)化視覺感受,同時也可以提升獲取信息的效率。

這里小白將教大家3個技巧來提升PPT頁面的層次感,分別是:漸變處理、色塊襯底、穿插效果。

閑話不多說,我們開始今天的教程吧~

01

漸變處理

在制作PPT過程中,我們通常都會直接輸入文本然后調(diào)整文本顏色就完事,或者是設(shè)置一個單一的背景格式,單一的蒙版,如果整個PPT頁面都是這種方式完成的話,在視覺呈現(xiàn)時難免有些單調(diào)。

如果把上面的做法中加一點漸變,效果就不同了。

舉個例子:

從頁面布局來看,并沒有什么實質(zhì)性的問題,但是頁面整體效果過于單一,顯得平平的。

我們不做其他的改變,只是拆分文本,給文本添加一個漸變效果。

簡要操作:

首先,在“設(shè)置形狀格式”屬性欄中,單擊“文本填充”/“填充”,選擇“漸變填充”,將“角度”設(shè)置為0,設(shè)置兩個漸變光圈,最左側(cè)光圈位置為0%,透明度0%,最右側(cè)光圈位置為100%,透明度為100%;然后將所有文字進行疊加,即可完成漸變文本的制作。




下面給大家看一些好的案例:

漸變空心圓與黑色背景區(qū)分開來,避免頁面的單一。

漸變蒙版是通過2種或2種以上的顏色形成漸變,來提升頁面層次感。

總結(jié)一下:

1)頁面單調(diào)時,可以從頁面的背景、形狀或者字體入手,通過漸變的方式提升頁面的層次感;

2)每次做PPT時,盡量保持風格統(tǒng)一,如果運用了某一效果,在后續(xù)的頁面中也盡量保持統(tǒng)一效果,如漸變的顏色、漸變的形狀等。

02

色塊襯底

色塊襯底也是提升頁面層次感的慣用手法,圖片如果直接插入頁面中,最終的結(jié)果就是跟文本同級,難以體現(xiàn)出頁面的層次感。

舉個例子:

 

沙發(fā)和文本難以融合到一起,從文本意義上想到的是溫馨的感覺,但是整個頁面缺乏層次感,卻讓人覺得冷淡單調(diào)。

添加色塊,淺棕色突出一種溫馨的感覺,整個頁面看起來沙發(fā)在前,文本在后,突出頁面的層次感。

下面給大家看一些好的案例:

色塊襯底與png人物圖片結(jié)合在一起,給人一種人物在前,色塊在后的感覺,瞬間提升頁面的層次感。

頁面通過不規(guī)則形狀及漸變,作為襯底突出腕表的地位,腕表在前,文本在后,突出層次感。

總結(jié)一下:

1)使用png格式圖片時慣用做法是添加色塊襯底,從而凸顯出圖片的地位;

2)色塊襯底不僅僅局限于png圖片,文本、圖標都可以考慮通過色塊襯底從而提升其地位,避免頁面單調(diào)。

03

穿插效果

穿插效果能夠使圖片更加立體,有點類似肉夾饃的方式。

舉個例子:

人物圖片和文本在一起,但是視覺習(xí)慣總會把文字和人物整看成一個整體,從而缺乏層次感,導(dǎo)致整個頁面看起來比較單調(diào)。

通過2個色塊的疊加,人物穿插其中,就會覺得人物變得立體起來,從而提升頁面層次感。

下面給大家看一些好的案例:

復(fù)制兩層圖片,層級順序是底層圖片、粗線框第二層、頂層刪除背景的圖片,同時裁剪到相交的位置,通過穿插效果讓頁面變得立體起來,增加頁面的層次感。

文本拆分為單字,調(diào)整層級順序,讓單一文本與png耳機進行穿插,從而讓耳機更加立體,增加頁面的層次感。

總結(jié)一下:

1)穿插效果簡單來說就是肉夾饃,兩個相同元素通過處理夾著中間另一元素,不過需要注意層級順序;

2)穿插效果種類有很多,如文本與圖片、圖片與線框,文本與線框等,具體使用需要看PPT使用的場合;

關(guān)于案例小白就列舉到這里了,下面我們開始今天的教程~

第一步:點擊插入”/“圖片,選擇一張?zhí)崆皽蕚浜玫?span>png素材文件(可以去覓元素網(wǎng)搜索)插入PPT中后,再將圖片縮小,調(diào)整到合適的位置。

第二步:點擊插入”/“形狀”/“基本形狀”,在基本形狀中選擇“空心圓”插入頁面中,同時左鍵拖動黃色圓標調(diào)整空心圓內(nèi)空心大小到合適位置。

第三步:選中空心圓,點擊鼠標右鍵,出現(xiàn)設(shè)置形狀格式菜單命令;單擊“設(shè)置形狀格式”/“線條”,將“線條”設(shè)置為“無線條”。

第四步:將空心圓的顏色設(shè)置為r203g178,b175,透明度設(shè)置為80%,并在格式選項卡中,選擇將空心圓置于底層。

第五步:Ctrl+滾輪(向下)縮小頁面,再按下Ctrl復(fù)制2個相同的圓,一個放置于左上角,一個放置于右下角,再按下shift選中兩個圓,將兩個圓的透明度都設(shè)置為0%。

第六步:添加文本,放大標題字號,縮小文本字號形成對比(字體使用的是王永強清刻本悅宋簡),整體微調(diào),這里就不做闡述了。

第七步:添加修飾元素,插入圓形,顏色調(diào)整為之前默認的顏色,線條設(shè)置為無線條,同時Ctrl復(fù)制相同的圓在文本下方,從而提升頁面的設(shè)計感。

最后整體微調(diào)一下,就大功告成啦~

我們看看最后的效果:

 

好啦,本期教程就到這里啦,咱們下期再見~

 

素材下載及學(xué)習(xí)交流請加QQ群:170790905

PPT大神,快速提升工作效率,部落窩教育《一周PPT直通車》視頻和《PPT極速貫通班》直播課全心為你!掃下方二維碼關(guān)注公眾號,可隨時隨地學(xué)習(xí)PPT

http://zuijiahehuoren.cn/ewebeditor/uploadfile/20190624151943625023.png

文章推薦

新來的同事,居然把公司介紹PPT做得如此驚艷,秀翻了全場,服!

PPT大神級操作:?教你30秒制作電子公章效果,以假亂真!

PPT圖文排版做不好?,老板總喊加班?掌握這個竅門,讓你準點下班

PPT太死板?試試抖音爆火的穿插效果,學(xué)會了秒殺95%PPTer!

我賭5毛錢!這幾個牛逼的PPT頁面設(shè)計技巧,90%的你都用過!

版權(quán)信息

本文為部落窩教育獨家授權(quán)作品,本文作者:P小白。