如何做好一張包括一段字和幾張圖片的ppt,應該如何排版?

如圖,這是彙報型ppt,在文字內容基本不變,字數基本不減,圖片不變的情況下,如何美化這種PPT?如果連續幾十頁都是這種類型的,又應該如何排版變化,才不至於太呆板?(圖片來自微信公眾號見水印,侵刪)


轉載請聯繫本人。圖多慎入。

本答案將分為以下幾個部分,回答的過程中我會借用題主給出的案例來進行說明:

1:Introduction

2:Robin的設計四原則

3:實例分析

4:總結

5:題外話

1.
Introduction

不請自來,題主的問題挺有代表性——「如何排版?」,是大多數需要做PPT卻又缺乏相應知識的Presenters所面臨的問題。我來將題目翻譯一下:究竟需要掌握多少知識,才能夠做出一款相對『不醜』的PPT呢?

要想在短期內掌握一定的設計技巧(基礎),我認為,閱讀RobinWilliams所著的《寫給大家看的設計書》是性價比稍高的辦法。書本身不厚,也就100來頁吧。分為三大部分【設計四原則】【顏色】和【字體】。如果連100頁也嫌多……那沒關係,我直接把我的讀書筆記摘下來當答案送給你。以下答案(部分)摘自我的個人公眾號——【【睿鼎02】寫給大家看的設計書01-設計四原則】

2.
Robin的設計四原則

在《寫給大家看的設計書》中,Robin介紹了【設計四原則】:親密對齊重複對比

2.1.
什麼是親密性?以及親密性的作用?

(注意看,我有用【空白】將每個小分點隔開,視覺上就能輕易地看出哪些【元素】是相關的)

2.2.
什麼是對齊?以及對齊的作用?

(閱讀時注意看我加的虛線)

2.3.
什麼是重複?以及重複的作用?

以上三頁是我讀書筆記PPT的轉場頁,用了相同的版式造出了「重複」。

2.4.
什麼是對比?

參考剛剛的轉場頁,雖然用的都是同一個版式,但我用不同的顏色進行對比區分。

親密,對齊,重複,對比,以上就是能夠幫助題主掌握基本排版技巧的四原則。

3.
實例分析

這部分,我將挑選5張題主提供的圖片,並且指出其中的問題。過程中語氣可能會顯得比較嚴厲,但本著純學術性討論的精神,希望題主不要介意,不是針對任何人。在下獻醜了。

3.1.
圖一:

紅①:這句話應該是屬於一個部分的【大標題】,一般情況下不會出現在每一頁的幻燈片里(因為太占空間)。通常的做法是單獨提煉出來做一頁充當【轉場頁】,如下:

在此,借這張圖說明一下【對比】的實際應用。在這張圖中,我用了:

字體對比(一種正文字體,一種裝飾字體),

粗細對比,以及

顏色對比(紅藍突出「歷程」與「問題」二詞。如此一來,觀眾的視覺焦點就會聚集在那兩個又大又粗又紅又藍的字上。)

如果你嫌這樣處理太單調,那還可以試試【形狀對比】如下圖。加了個色塊並把文字顏色改成了白色,就很好地和背景做了個區分,中間一條「大腰帶」形成一條帶子抓住了觀眾的視線。

同時,大家還可以多嘗試其他的對比技巧,如:位置對比橫豎對比等。

什麼?你說這些是給領導做的PPT,一個字都不能刪?

那何不試試把大標題做成【導航欄】的形式放在每一頁里,如下圖:

(來源:本人設計的模板,地址【http://www.yanj.cn/goods-68026.html】)

在這個PPT中,我將每部分的大標題設計成了導航欄放在每一頁的左側,觀眾可以很清晰地看到演講的進度。你看,這也不醜吧?

一個小問題就說了這麼多…… 好,繼續

紅②+紅③:紅②紅③涉及的問題主要是【對齊】。

你對比一下「荔灣廣場「到正文的距離和」五月花廣場」到正文的距離,天差地別!圖片之間也是「錯落有致」……

紅④:紅④主要說的問題是【默認字體(宋體)】。作為最常見的字體,(而且)還是襯線字體,宋體幾乎就是PPT里最不受待見的字體之一,不僅僅是因為丑。在實際演講的過程中,可讀性也不如無襯線字體要好

下圖為兩款字體對比,襯線字體更顯秀氣,但無襯線字體往往更粗更顯眼。演講的過程中,使用無襯線字體更有助於閱讀。在某些極端下,如,場地很大,觀眾距離太遠,襯線字體還有可能變成慘不忍睹的「監獄的欄杆」。

初學者最常犯的錯誤就是不假思索直接使用軟體自帶的【默認樣式】,如:默認字體(宋體),默認版式(大黑框),導致【丑】。

所幸這不是審美問題,往往是不清楚軟體的基礎操作或者根本就是懶惰造成的,花兩秒鐘改了不會佔太多的時間。

好刀要磨好湯要熬啊!多把這些細節做好了,PPT自然就【不醜】了。哪怕全篇都只用一種字體(微軟雅黑),也強上100倍啊!

當然,此處這張圖還犯了個致命的錯誤【重複】。這個錯誤先放著,等到下幾張涉及到這個點了再講。

說完了以上的【小錯誤】,我來試試改良這張PPT。為了避免有人說我拿高大上的圖來欺負原圖質量差,在此我盡量只用最基礎的技巧還原原頁面的一切,並且只使用微軟雅黑進行修改。上圖:

在這張圖裡,我:


:將大標題改成了小方塊+文字的形式,並且這個形式將會在整個(或大部分)PPT頁面中【重複】。


:修改了顏色與內容頁加以區分。


:同時內容頁里,小標題也加粗加大與正文形成【對比】。


:上下兩段之間留有較大的空隙保證元素之間的【親密性】。


:各個元素之間也有一條看不見的線用來【對齊

還有一點小tips,涉及到【重複性】和【站在觀眾的角度思考的思維模式】


:你看「荔灣廣場」正文里的是「31萬平方米」,到了五月花廣場寫的確是「35,000平方米」,到底是用萬位作單位,還是用個位作單位?是不是看出來前後不統一不協調了?


:這張圖我不僅修改了排版,還修改了內容。原文是【16000多套住房】和【35000平方米】,現在,你告訴我,裡面有多少個「0」?數的過來么?這也是演講者很容易忽略的細節性問題,如果能夠在其中多加一個小逗號【16,000多套住房】,能夠起到意想不到的作用(方便閱讀)。

如何?好了,繼續:

圖二

鑒於此答案會比較長,所以我盡量縮減篇幅,前面提到的問題之後就不再重複或者說一筆帶過。

紅①:字與圖片沒【對齊

紅②:紅②要結合剛剛的【圖一】重點講。圖一里的字體全是宋體,到了下一頁,字體就全部變成黑體了,再後面的幾張里,宋體黑體交替出現,違反了【重複原則】。前後不一致,有一種【文字被隨意放置】上去的感覺,這樣的設計,怎麼能不【廉價】?

紅③:③算是【對比原則】的一種。背景圖片是深色的,字也是黑色的,而且還是不易閱讀的襯線字體。我問你,我不指出來這個問題,你有注意到到那裡有這幾個字嗎?

紅④:PPT默認樣式

修改:

這裡要提一點,本來是打算最後說的,但是既然遇到了,就提前講吧,就是——【邏輯】。初學者比較犯的錯誤就是【堆砌大段文字】,這樣很不好,PowerPoint的中文翻譯是演示工具,不是「文字處理器應用程序(word)」。幻燈片的作用應該是減輕觀眾的負擔而不是文字越多越好。如果實在遇到不能夠刪減的情況(比如說領導的個人喜好),可以嘗試著採用【提煉小標題】的形式,不信你數數看我的修改版本和原圖,一個字都不帶差的。但是看起來就是更清爽,更一目了然。

關於圖例,在這裡我的處理方法是加了黑色色塊並將文字處理成白色【對比原則】。其實還能有很多種處理方法:把文字拉出圖片在一旁展示、加色塊調整透明度等等。答案太長了,我就不繼續上圖了。

圖三

問題:

紅①:還是剛剛講的【堆砌大段文字】的問題,這明明就是很好的「分點」素材,為什麼非要拉成一坨X扔上去呢?

紅②:跟上圖一樣的【對比問題】(這次我就換一種處理方法好了,多提供幾種思路)

紅③:看③旁邊的那條虛線,那是原PPT的邊界。看出問題沒?【圖片切邊】了。用比較玄幻的說法來解釋就是【沒有留白,頁面擁擠,無法呼吸】。其實完全沒有必要去想著我如何能把一頁PPT整個空間填滿。

要知道【留白】可是咱老祖宗留下來的寶貴哲學吶。

修改:

這裡我突然想做點稍微不那麼基礎的排版。看看,是不是比原圖整潔很多?雖然要初學者一步學成這樣是不太可能。多看看優秀的作品,從中汲取經驗和靈感,久而久之,你就能形成自己的風格,進而輕而易舉

圖四:

這張圖換成了藍色,說明問題不大,只是【邏輯】方面的問題,隨便講講吧。首先,根據我的劃分,這一頁可以分為1,2,3,4,四個部分,其中圖片和3屬於一個部分。根據【親密性原則】,3和圖片應該要放在一起,現在這麼排版是排亂了。同時,這張圖片里最重要的幾個字在「綠色框線」里(沒有人會在你演講的時候去仔細閱讀文件里寫的是什麼,只有半頁不到的word,有什麼好讀……),所以圖片能小則小,保證觀眾知道你那份文件是什麼就足夠了。

修改:

邏輯上有【關聯性】的部分放在一起,必要的時候用線條,色塊等元素隔開,看起來會好看很多。

圖五

好了,終於要開大招了,圖五作為最後一張圖,其重要性,可想而知。這是我怨念最深的一張圖。也是集萬千問題於一身的圖。

首先看紅③。紅③涉及到【圖片質量】的問題。題主提供的所有案例里,圖片質量的問題都非常嚴重,一般情況下,圖片要滿足以下幾個條件,才能夠被使用:

【1:高清】

【2:無碼】

【3:無水印】

【4:沒有任何亂七八糟的補丁在上面】。

其實2,3,4,說的是一件事情,只不過重要的事情我想說3遍。去哪裡弄高清圖,我在這裡就不說了(答案太長),我用word碼的字,到此處已經累積到3000字了……。我說說水印的問題吧。又是一個新手常犯的錯誤:百度一下,隨便偷兩張看起來還沒有負分的圖片丟上來就完事了,質量不高也就算了,起碼去去水印好吧。什麼?不會PS?美圖秀秀網頁版美圖秀秀網頁版 官方網站裡面有個【消除筆】的功能,可以很方便地去除圖片上「多餘」的東西。

紅①:我是不知道做出這麼魔性的排版的人是怎麼想的……我粗略猜想一下,作者的用意可能是:想做成按照時間的遠近,文字慢慢放大放大的感覺。Nice try,but shit。我怎麼也想不通,這麼好的一個timelinetime(時間線)的素材能做成這個樣子……

紅②:看我把字加大這麼多,也該知道我是多麼無語了。前面有個答主說了,案例PPT上的圖片和文字【關聯性】不大,但考慮到,題主可能是面臨著給領導準備PPT,有些東西做不了主,所以我在前面的【修改】里,盡量保證著一張圖都不刪的原則給題主提供思路。但是到這裡,該講的基本上都講了。所以現在想講些「不帶圖」的PPT的做法。

初學者第一大忌之——【年輕不留白!!!】

一般,設計上說「不空」的事物就是美的事物,但是這個不空,指的是視覺上的平衡,而不是把整個畫面都填滿……仔細看一下,這頁PPT裡面的圖,有哪一張是圖文有關的?很多人總是害怕,我只放一堆文字上去,會不會很單調啊?然後去找一堆不相干的劣質圖片盲目填滿整個畫面。錯!無用功做得越多錯得越多。倒回去看看我做的那張【轉場頁——廣州的城市更新曆程與問題】。整個畫面就只有一句話和一根線,你會覺得很單調嗎?很難看嗎?其實並不會(我自己做的,我當然說不會啦~)所以,這張圖的修改,我要把圖片全部刪光,大家可以看一看:無圖頁面的【魅力所在】

修改:

看這段文字的邏輯,這是一個事件隨著時間推移而衍化的過程,用時間線來呈現是很適合的。當然,時間線也是有很多種的,你也可以試著豎著畫,橫著畫,斜著畫(如下圖),甚至是分成多頁來畫,看你個人的需求以及實際情況了。

(來源:我自己做的模板,鏈接就不貼了)

4.
總結

一般來說,想讓題主說的字多,圖多的彙報型PPT【不醜】,多注意以下幾點就好了:

4.1.
平面設計四原則(強烈建議去讀《寫給大家看的設計書》)

4.1.1.
親密性

親密性既包括元素的屬性(距離的遠近,風格的相似度,等等),也包括內容邏輯上的銜接(【16萬】or【16,000】?)

4.1.2.
對齊(這個不需要多說了,實際操作的時候記得就好,實在覺得對不齊,就拉條參考線對照著排版吧,千萬不要只相信自己的肉眼)

4.1.3.
重複(也略)

4.1.4.
對比

其實對比能做的有很多,像是剛剛舉例的:字體對比(襯線-非襯線)粗細對比顏色對比(紅藍),形狀對比(方,圓,三角),位置對比(高低遠近)橫豎對比。在遵守了前面幾條原則的情況下,多試試對比。

能熟練做到了以上幾點,最起碼我【修改】的那種水平你都能輕易達到啦

4.2.
圖片

用圖片注意三點吧:


高清


無碼


:注意圖文的關聯性。這裡的關聯性既包括【圖片內容】也包括【風格】。如:嚴肅的學術PPT就不要用什麼手繪風,卡通風,一秒齣戲。


:商業用途還要注意版權問題

4.3.
字體

字體的選擇同樣重要,彙報型這種字數比較多的PPT,盡量選擇襯線字體。

4.4.
多觀摩好的作品

我就不推薦了,答案已經嚴重超長了。

5.
【題外話】最後再說兩句

私以為,美不美觀和【版式多變】並沒有太強的聯繫。論智慧,3個臭皮匠怎麼也比不上1個諸葛亮,這是數量改變不了的事實;PPT版式也一樣,案例圖片那樣的風格,即便是真的湊出來100種不同的版式又如何?充其量也只是換了99種丑法罷了。

不僅僅要思考,如何保持版式多變,更要思考,如何把每一頁都做得【不醜】,久了以後你的作品才會是美的。

話說回來,版式豐富美嗎?美,也不美;PPT的學習是一個螺旋上升的過程,在不同的階段,你應該會有不同的體悟。這個要靠你自己去發現啦。

祝題主更上一層樓。

喜歡請點贊哦~

以上。


感謝邀請!

不作理論性的敘述,簡單講講個人見解。

不管是做什麼幻燈片,PPT也好,keynote也好,prezi也好。先看用途,再看放映場合。

  1. 先根據你是用來給人演講用的,還是給個人展示用的,來決定你幻燈片中圖片跟文字的多少比例。(前者以圖為主,後者以字為主)

  2. 再根據你的播放場合(例如階梯教室還是平地),觀眾人數,屏幕比例和尺寸,投影效果等綜合因素,去決定幻燈片的比例、配色、字體選用以及「主要內容」在幻燈片中的擺!放!位!置!(這裡說排版不夠準確)(讓所有觀眾都能看得到和看清楚是幻燈片製作的第一要義,藝術性有時需要作出妥協)

以上問題先要做到大致心中有數,再去考慮其餘的問題。題主沒說場景,所以我先講講注意事項。好吧,講正題!

針對本題內用到的PPT,以常用的演講型幻燈片製作方法,對其進行吐槽= =

  • 第一張幻燈片

大標題和正文不應用「宋體」,尤其是windows自帶的這款中易宋體,無論是投影還是列印效果都差,根據該幻燈片內容,選擇一款優雅的非襯線字體很重要,審美疲勞的微軟雅黑也OK!標題和正文的字型大小字體都要統一。大標題!可以不要標題,或者在之前專門做一頁標題頁,沒必要該話題下的每頁幻燈片都留一個同樣的標題!即便你非要留!建議不要用數字,更不要在數字後加一個中文頓號!這很醜!非常丑!

底下四張圖,大小尺寸,主體顏色都不一樣,還有夾在中間的兩段文字是什麼意思?感覺莫名其妙!慘不忍睹的是裡邊的地圖!看似用心,實則沒卵用,不管投影效果再怎麼好觀眾都沒法看清,只是告訴別人你找了個圖而已。總體給人感覺很凌亂。

建議分成兩頁幻燈片,一段話對應兩張圖,排列要整齊,PPT內裁剪成同樣尺寸比例,文字可用純色形狀框出,文本跟形狀都加個陰影預設,可參考網上的一些模板,算是套路,尤其是在投影效果不是很好的時候。背景不用純白,選用漸變色背景,網上有漸變背景圖,自行百度之。

前陣子做的其中一頁幻燈片,放到這裡不是很恰當,只作參考(回過來看自己當時也做得不好= =)

  • 第二張幻燈片

這裡的圖片相對文字而言沒那麼重要,我的建議是圖片先清晰,然後再做個虛化的效果,再把文字浮現出來。這裡單純講排版就不太夠了= =又拿我以前做的幻燈片做例子

圖一

圖二

圖一是給人留印象,圖二的模糊和文字是給人做講解。PPT沒有模糊圖片動畫,這是兩張圖,一個淡齣動畫就能實現這樣的效果

  • 第三張幻燈片

這裡的配圖純粹就是為配圖而配圖的典型例子!這種情況可以參考前一張幻燈片的做法,把第一個展示原圖的步驟給省略即可!

  • 第四張幻燈片

原PPT製作者根本就沒考慮過排版的問題。處理方法同樣是先保證尺寸比例一致,其實三張圖片質量都不好,建議只留一張即可,畢竟只是文字內容的第二點的對應圖片。文本分點排列整齊即可。

(以前做的幻燈片,現在看來總是各種不順眼= =)

暫時寫到這,有空再補充……


好東西


推薦閱讀:

這張ppt里的效果是怎樣做出來的呢?
Ppt 製作中怎樣可以利用動畫效果使一個圖由大變小到固定位置?
PPT的背景圖片與字體該去哪裡尋找資源?

TAG:PPT | PPT設計 | ppt製作 | 排版設計 | 排版技巧 |