那些高逼格的PPT文字排版,都是這樣做成的

在正式進入今天的主題之前翘贮,我先解答一下赊窥,在上篇推文中留言點贊數(shù)最高的粉絲「洪汝」,關(guān)于圖表制作的疑問狸页。

在PPT 中锨能,圖表呈現(xiàn)的方式大體上分為三類:表格類、圖表類芍耘、信息圖表類腹侣。

每一類的圖表都有自己合適的使用場合。

那么我這里不對他們進行詳細的闡述齿穗。關(guān)于它們的具體形式、相互之間的區(qū)別以及每種類型的制作規(guī)范饺律,我會在后續(xù)的推文中詳細講解窃页。

這里只給大家提一點建議跺株,在不具備一定配色能力的前提下,一律不要使用超過兩種顏色去強調(diào)數(shù)據(jù)脖卖。

為了適應(yīng)大家緊張的工作時間乒省,我建議大家采用無彩色(黑白灰)和公司的主色進行圖表的配色。

重點數(shù)據(jù)的強調(diào)畦木,可以通過加粗袖扛、放大、使用主色十籍、傾斜等方式來凸顯蛆封。

好了,接下來我們正式進入今天的主題 -?PPT 中標題和內(nèi)文的排版細節(jié)勾栗。

相信大家在制作 PPT 時都遇到過這樣的一些情況:

情況一:

某一頁的標題文字不知道放在哪里才合適惨篱,總覺得放到哪里都很奇怪,不是和背景格格不入围俘,就是看起來不明顯砸讳,失去了標題的本身價值。

情況二:

PPT 里面的文字非常多界牡,即便已經(jīng)梳理過內(nèi)容簿寂,劃分過每塊文字的邏輯關(guān)系,但是依舊對如何放到 PPT 里面進行展示感到非常頭疼宿亡。

情況三:

頁面中很多內(nèi)容都需要重點強調(diào)常遂,于是就把這些內(nèi)容加粗、改變顏色她混、放大字號烈钞、傾斜、加下劃線坤按、加裝飾元素等等手段毯欣,全都用個遍。

雖然花費了很多時間和精力臭脓,但是最終的效果卻是難以入目的酗钞。

除了以上三種情況之外,還有日常工作中来累,我們遇到的 PPT 讓人不舒服的的 90% 情況砚作,都可以歸結(jié)成一句話,

就是:?版面中主體與層級關(guān)系不明確嘹锁。

由于我們制作的 PPT 的版面中主體與層級關(guān)系的不明確葫录,導(dǎo)致觀者在視覺閱讀上產(chǎn)生了障礙,也就是我們所感受到的不舒適领猾。

往大的方向來說米同,就是:

1骇扇、版面的留白不夠

2、重點文字信息的強調(diào)手法錯誤

3面粮、文字的層級關(guān)系不清晰和主體不明確

往小的方向來說少孝,就是:

1、版式混亂熬苍,連基本的對齊都做不到

2稍走、標題不突出,內(nèi)文沒有進行層級劃分

3柴底、主標題和副標題婿脸,標題和內(nèi)文,內(nèi)文的文字組之間的行間距和字間距不夠

那么似枕,既然我們已經(jīng)知道了產(chǎn)生這些問題的原因盖淡,接下來我們要如何去避免這些問題呢?

首先我們要有這樣的意識凿歼,對于大多數(shù)人來說褪迟,PPT 的不舒適感絕對不是來自于所謂的畫面空間感營造不夠,主體與背景的光影結(jié)構(gòu)錯誤答憔,字體混搭的不合理味赃,版面元素過于平緩缺乏跳躍率等等這些專業(yè)設(shè)計師才會考慮的問題。

其次虐拓,我們要摒棄套模板的壞習(xí)慣心俗,因為制作 PPT 這件事,做減法要比做加法困難的多蓉驹,尤其是在遇到劣質(zhì)模板的情況下城榛。

最后,強迫自己在了解排版的一些基本理論的情況下态兴,進行快速準確的排版狠持。

在進行案例演示之前,先給大家簡單介紹一下排版的四大原則和行間距字間距的知識點瞻润。

一定的理論知識可以給我們在進行排版的同時提供邏輯與辯證的基礎(chǔ)喘垂,讓一切都有理可尋。

這次的講解只是簡單的知識普及绍撞,如果大家希望更深入的理解這些理論知識正勒,推薦閱讀《寫給大家看的設(shè)計書》第四版。

①對比_Contrast

通過版面的視覺元素(字體的大小傻铣、粗細章贞、傾斜、顏色非洲,色塊的填充阱驾、邊框就谜、陰影等)的不相同,使該部分的元素成為視覺焦點里覆,從而使觀者將更多注意力投放在該部分元素上。

典型的案例就是標題與內(nèi)文之間的對比缆瓣,比如將下面這段已經(jīng)劃分好層級關(guān)系的文案喧枷,放到 PPT 中進行視覺呈現(xiàn)。

再比如弓坞,下面這段文案隧甚,要求你從突出價格和突出產(chǎn)品兩種方式,分別進行展示渡冻。

注意戚扳,大家在看案例的時候只需要關(guān)注相應(yīng)的知識點,不要糾結(jié)于如何實現(xiàn)族吻,畢竟每一個案例是我精心打磨過的帽借,所以不是那么輕松就能立馬做出來的。

這部分案例的目的超歌,是希望大家能夠通過案例感受到四大原則的基本要點砍艾,而不是讓大家去制作出這樣的 PPT 頁面。

在表格類的圖表中巍举,我們會對某條重要的數(shù)據(jù)進行強調(diào)脆荷。

此時,我們會選擇填充底色懊悯,或者改變線框顏色的方式進行突出強調(diào)蜓谋。

②重復(fù)_Repetition

讓版面中的主視覺元素在整套 PPT 中反復(fù)出現(xiàn),已達到統(tǒng)一炭分、秩序的目的桃焕。

使觀者對于整套 PPT 有一個整體上的認識,換種說法就是 PPT 的整體風(fēng)格要保持一致欠窒。包括主色覆旭、字體樣式、圖片圖標風(fēng)格以及色塊樣式等等岖妄。

重復(fù)的原則在 PPT 中具體的體現(xiàn)型将,就是我們經(jīng)常聽到的,看起來像一套 PPT荐虐。比如下面的兩套 PPT七兜,從主觀視覺上來看,很明顯后者比前者更像是一套統(tǒng)一的 PPT 作品福扬。

仔細分析二者區(qū)別腕铸,我們可以總結(jié)出惜犀,一套統(tǒng)一的 PPT 作品,它必須具備以下5個特征:

1狠裹、統(tǒng)一的配色系統(tǒng)虽界,即主色唯一、副色統(tǒng)一涛菠;

2莉御、統(tǒng)一的色塊與線條風(fēng)格;

3俗冻、統(tǒng)一的圖標與圖片風(fēng)格礁叔;

4、統(tǒng)一的文字樣式迄薄,即標題琅关、內(nèi)文的字體、字號讥蔽、字重涣易、行間距、字間距等樣式在不同頁面保持統(tǒng)一勤篮;

5都毒、統(tǒng)一的版式結(jié)構(gòu),即所有的正文頁 PPT 應(yīng)該保證有相同的基本布局碰缔,如導(dǎo)航欄一致账劲,版心大小一致,所有的過渡頁的版式也要保證一致性金抡;

③對齊_Alignment

版面中任何視覺元素的位置都不是隨意放置的瀑焦,要按照某種秩序規(guī)范去排列,比如網(wǎng)格系統(tǒng)梗肝。

讓元素之間產(chǎn)生視覺聯(lián)系榛瓮,從而引導(dǎo)觀者有條理地、清晰地接收頁面所要表達的信息巫击。

對齊非常非常重要禀晓,如果你想很嚴格的判斷一份 PPT 是否足夠?qū)I(yè),第一步就是找它里面的視覺元素是否對齊坝锰。

版面中視覺元素的對齊往往和版面張力密不可分粹懒,你甚至可以簡單的認為,某頁 PPT 中未對齊的元素顷级,直接導(dǎo)致了這頁 PPT 沒有視覺張力凫乖。

最直接的影響,就是導(dǎo)致觀者眼神游離,無法將視線集中在版面中帽芽。

文字的對齊方式有 6 種删掀。

對于橫排文字,

有居中對齊导街、左對齊披泪、右對齊;

對于豎排文字搬瑰,

有居中對齊付呕、頂對齊、底對齊跌捆。

同時,還要注意一點象颖,在進行多段文字的左對齊時佩厚,要選擇 PPT 中「兩端對齊」命令。

關(guān)于這 6 種對齊方式的使用規(guī)范说订,我將在后續(xù)解讀設(shè)計書籍的專欄中抄瓦,為大家詳細講解。

④親密性_Proximity

對版面中信息要進行歸組陶冷,內(nèi)容上聯(lián)系越緊密的信息钙姊,在視覺上也要越親密,使其成為一個視覺單元埂伦,降低版面的混亂感煞额,而不是多個孤立的元素。

這樣有助于給觀者提供清晰的結(jié)構(gòu)沾谜。

在PPT 制作當中膊毁,親密性往往體現(xiàn)在文字組之間的行間距上,通過不同的行間距基跑,來區(qū)分文字組與文字組之間的聯(lián)系婚温。

比如,我們對下面這段文案只利用親密性的原則進行排版媳否。

在此基礎(chǔ)上栅螟,我們再利用對比、對齊的原則并添加一些色塊和線條等裝飾元素進行美化篱竭。

或者力图,我們可以換一種版式進行展示。

總結(jié):一般情況下室抽,只要我們按照排版的四原則制作 PPT搪哪,就可以制作出超過80% 的 PPT 作品。

從我給大家舉得幾個例子中,不難發(fā)現(xiàn)晓折,我并沒有用到多么炫技的手法惑朦,但是依然能夠出效果。

這也是我最想和大家表達的一種觀點漓概,視覺傳達的本質(zhì)是信息的傳遞漾月,只要我們將信息處理的具有條理性、邏輯性胃珍、層級性梁肿,就可以算是一份優(yōu)質(zhì)的 PPT。

尤其是對于時間緊張的職場人士觅彰,這一點尤為的重要吩蔑。

在解釋文字的層級關(guān)系之前,我需要寫給大家解釋一下什么是層級關(guān)系填抬。

通俗的來講烛芬,層級關(guān)系是指版面中的一個個視覺單元,這些視覺單元之間可以是并列關(guān)系飒责、遞進關(guān)系赘娄、包含關(guān)系

層級關(guān)系可以分為兩類:文字層級關(guān)系宏蛉、版式層級關(guān)系遣臼。

前者是我們今天主要講解的內(nèi)容,二者的區(qū)別在于拾并,文字層級關(guān)系是只討論文字之間的關(guān)系揍堰,我們可以按照文字信息之間的邏輯性將其至多劃分為 6 個層級,至少劃分為 2 個層級辟灰。

而版式的層級關(guān)系个榕,是從版面構(gòu)成的宏觀角度去劃分版面。

它包含兩塊芥喇,一個是主體層級西采,另一個是文字層級

這個主體可以是文字继控,也可以是圖片械馆,但不論是哪種,這個主體一定是版面中面積最大的視覺元素。

從平面構(gòu)成學(xué)的角度來分析,主體是平面構(gòu)成的三種構(gòu)成形式中的面構(gòu)成完域。

理論知識點到為止纵东,能起到激發(fā)大家興趣的作用康吵,就可以了。這期推文中义矛,我想把一些結(jié)論性的要點告訴大家咆槽。

①平面設(shè)計中文字的層級在要求在 2-6 個之間派诬,而 PPT 作為一種需要在短時間內(nèi)傳達信息的平面設(shè)計手段劳淆,我們要將文字的層級數(shù)目控制在 1- 3 個之間。

②對于文字層級的劃分默赂,我們按照先父子級沛鸵、再兄弟級的方式進行劃分。簡單來說缆八,就是先將標題和該標題對應(yīng)的內(nèi)文進行歸組曲掰,然后再將同一個級別的文字組放在一起。

③劃分好文字層級之后奈辰,我們還需要在視覺上進行文字層級的劃分栏妖。核心思想就是排版的四原則 - CRAP。

1奖恰、通過文字組之間的物理距離呈現(xiàn)文字層級關(guān)系底哥;

2、文字組與文字組之間的距離要明顯大于文字組內(nèi)部的行間距房官;

3、文字組內(nèi)的行間距和組與組之間的距離续滋,一定要大于文字的字間距翰守;

4、對于 24 號以上的標題文字疲酌,字間距切忌使用加寬等方式蜡峰。

原因是字庫中的字體默認設(shè)置,是以文字在小字號下排版效果而專門調(diào)整的朗恳,默認間距較為透氣湿颅,當文字放大后,字體之間的距離會變得松散粥诫,為了提高閱讀性油航,需要縮小文字之間的距離,形成一個區(qū)域面積怀浆。

--摘自研習(xí)設(shè)K先生的語錄

5谊囚、行間距控制在1.2-1.4 倍之間,具體操作:在開始選項卡中执赡,點擊段落組的行距選項命令镰踏,然后將行距改為多倍行距,數(shù)值控制在1.2-1.4之間沙合。

對于最后一條結(jié)論奠伪,算是一種經(jīng)驗性結(jié)論,大家可以平時多看一些書幀裝籍的封面排版設(shè)計。

感受一下行間距與字間距的魅力绊率。

尤其是臺灣設(shè)計師王志弘的書籍裝幀作品谨敛,即便在文字很多的情況下,依然能讓人感受到版面中的通透性即舌。

那種版面設(shè)計帶來的呼吸感和暢通感比呼吸新鮮空氣還要能讓人愉悅佣盒。

以我自身經(jīng)歷來說,第一次看大師設(shè)計的書籍封面時顽聂,我足足看了有將近一個小時肥惭,從而一發(fā)不可收。

強烈推薦大家平時多看一些書籍裝幀的作品紊搪,一定會對你的排版能力有很大程度的提升蜜葱。大家可以在站酷上搜索書籍,就能搜羅一大波優(yōu)秀作品耀石。

再說一個我自己的觀點牵囤。

我大概是一年前才開始接觸書籍設(shè)計,現(xiàn)在排版能力的突破很大程度上來自于對書籍封面排版的解構(gòu)滞伟。

這些作品多數(shù)來自于設(shè)計師社區(qū)揭鳞,而不是我們的日常生活中。

在學(xué)習(xí)設(shè)計之前梆奈,總覺的圍繞在我們周邊的海報野崇、banner、宣傳冊亩钟、店鋪菜單等等乓梨,大多數(shù)乍一眼看去,花花綠綠的清酥,十分好看扶镀。

但是現(xiàn)在,我發(fā)現(xiàn)自己對這些稱不上設(shè)計作品的商業(yè)設(shè)計焰轻,完全提不起興趣臭觉。

因為我總能發(fā)現(xiàn)它們會犯一些非常低級的錯誤。

如果看這篇推文的你辱志,是一名廣告公司的打印人員胧谈,希望你能從提升大眾審美角度,重視一下你所打印出來的每一份設(shè)計作品荸频。

接下來菱肖,我將通過案例演示,加深大家對于上面所提到的排版四原則和文字層級關(guān)系知識點的理解旭从。

這是一段從 word 中粘貼過來的文字稿稳强,老板現(xiàn)在讓你做一下排版场仲,要求是簡潔大方(不要笑,老板真的會這么說)退疫,而且不能分頁渠缕,只能用一頁呈現(xiàn)。

第一步褒繁,將文字進行邏輯上的層級劃分亦鳞。

第二步,按照文字的邏輯層級棒坏,進行視覺上的層級劃分燕差。

此時,你可以適當?shù)脑黾右恍祟}類的文字坝冕。

同時徒探,嚴格遵循排版的四大原則 -?對比 重復(fù) 對齊 親密。確定版心喂窟,擺放文字测暗。

第三步,添加裝飾性元素磨澡,進行版面的美化碗啄。

這一步根據(jù)自己的工作時間,合理的美化版面稳摄。

今天的推文到這里就全部結(jié)束了挫掏,我的下一期推文是關(guān)于工作中數(shù)據(jù)圖表的美化。

如果你希望我可以直接幫你解決這方面的問題秩命,歡迎將你的數(shù)據(jù)圖表源文件投稿至我的QQ郵箱 1574030071@qq.com ,我會選擇一些具有代表性的案例褒傅,在下一期推文的案例演示模塊弃锐,進行美化演示。

當然殿托,你也可以關(guān)注我的個人微信公眾號Ankong諾灰屋霹菊,期待你的進步。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末支竹,一起剝皮案震驚了整個濱河市旋廷,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌礼搁,老刑警劉巖饶碘,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異馒吴,居然都是意外死亡扎运,警方通過查閱死者的電腦和手機瑟曲,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來豪治,“玉大人洞拨,你說我怎么就攤上這事「耗猓” “怎么了烦衣?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長掩浙。 經(jīng)常有香客問我花吟,道長,這世上最難降的妖魔是什么涣脚? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任示辈,我火速辦了婚禮,結(jié)果婚禮上遣蚀,老公的妹妹穿的比我還像新娘矾麻。我一直安慰自己,他們只是感情好芭梯,可當我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布险耀。 她就那樣靜靜地躺著,像睡著了一般玖喘。 火紅的嫁衣襯著肌膚如雪甩牺。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天累奈,我揣著相機與錄音贬派,去河邊找鬼。 笑死澎媒,一個胖子當著我的面吹牛搞乏,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播戒努,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼请敦,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了储玫?” 一聲冷哼從身側(cè)響起侍筛,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎撒穷,沒想到半個月后匣椰,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡端礼,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年窝爪,在試婚紗的時候發(fā)現(xiàn)自己被綠了弛车。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡蒲每,死狀恐怖纷跛,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情邀杏,我是刑警寧澤贫奠,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布,位于F島的核電站望蜡,受9級特大地震影響唤崭,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜脖律,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一谢肾、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧小泉,春花似錦芦疏、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至兢交,卻和暖如春薪捍,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背配喳。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工酪穿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人晴裹。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓被济,卻偏偏與公主長得像,于是被迫代替她去往敵國和親息拜。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容