排版技巧課件

1、排版,動(dòng)畫,圖表,顏色搭配,設(shè)計(jì),美化,美化,數(shù)據(jù),.,.,PPT 版面設(shè)計(jì) 主講：李 帥,復(fù)制也是一種創(chuàng)新,3,排版技巧,分兩期開展，循序漸進(jìn),圖片排版及動(dòng)畫,動(dòng)畫、圖片處理,排版，數(shù)據(jù)、圖片如何更美的展示,顏色搭配與經(jīng)典動(dòng)態(tài)制作,如何美化PPT：動(dòng)畫、排版,如何美化、設(shè)計(jì)、排版，圖表排列,今天我們要講些哪些PPT內(nèi)容呢？,1、排版（布局、圖形） 2、動(dòng)畫,PPT的設(shè)計(jì)和排版,4,排版技巧,距離之美,對(duì)齊之美,第一章 布局之美,對(duì)稱之美,留白之美,1.1 距離之美,這個(gè)圖片中有幾個(gè)距離？ 有幾個(gè)距離可以調(diào)整？,？,邊距,1.1 距離之美,1,行距,2,段距,3,1、左右邊距要一致 2、可以用

2、居中功能,1、一般1.2或1.5倍倍行距 2、1.2倍行距如何設(shè)置？,1、一般直接空一行即可,1.2 對(duì)齊之美,模塊對(duì)齊,2,邊界對(duì)齊,1,等距分布,3,PPT中的各區(qū)塊內(nèi)容如何對(duì)齊，總是差一點(diǎn)的時(shí)候怎么辦？都有哪些工具可以用？ 所有對(duì)齊可以使用網(wǎng)絡(luò)線、繪圖參考線進(jìn)行對(duì)齊。,抓拍時(shí)據(jù)嘟嘟小朋友說，這是他的無敵小怪獸，瞬間我感覺自己真的OUT了，這才是00后啊。,視圖網(wǎng)格線 格式對(duì)齊網(wǎng)格設(shè)置屏幕上顯示繪圖參考線,如何將圖片與文字右邊界對(duì)齊、圖片等距分布、底部對(duì)齊,1.3 對(duì)稱之美,左右對(duì)稱,上下對(duì)稱,1.4 留白之美,留白直接地說就是留下一片空白。留白真的是難以言說的一種表達(dá)方式，因?yàn)榱舭赘咏?/p>

3、于一種意境。我也說不清楚。我是怎么留白的呢？我覺得留白既要彰顯意境美，又要畫面不失重，即是說，畫面整體的重心要穩(wěn)。,練習(xí),讓你的PPT美起來吧 親自動(dòng)手，學(xué)以致用；發(fā)揮你的靈感，設(shè)計(jì)吧！,線,框、圈,第二章 圖形運(yùn)用,面、色塊,圖形,2.1 線線在標(biāo)題欄中的應(yīng)用,虛線效果,1,實(shí)線效果,2,2.1 線線在內(nèi)標(biāo)題設(shè)計(jì)上的應(yīng)用,實(shí)線效果（雙下劃線）,2,虛線效果,1,2.1 線線在正文中的區(qū)域分割作用,線在正文中的區(qū)域分割作用,2.1 線線在正文中的邊界作用,用“線”勾勒出畫面中模塊內(nèi)容的邊界，形成規(guī)矩、整齊的感覺。,2.1 線線在正文中對(duì)稱和裝飾作用,2.1 線線在圖表中的連接作用,圖表中線的作

4、用不僅僅是連接，而且可以展現(xiàn)出設(shè)計(jì)的美感。,2.1 線,請(qǐng)從左圖中找到線的用法，至少三種哦：）,2.2 框、圈框的模塊化作用,用“框”更清晰的展示不同模塊的內(nèi)容。,2.2 框、圈框形成的對(duì)齊效果，很規(guī)整,上圖：“框”作為獨(dú)立模塊與其他內(nèi)容對(duì)齊； 右圖：“框”將文字和圖片包圍起來很規(guī)整。,2.2 框、圈用框展示引用觀點(diǎn)或案例,上圖：用“框”展示案例； 右圖：用“框”展示觀點(diǎn)。,2.2 框、圈圈的靈活運(yùn)用，藝術(shù)化排版,左圖：左邊框是從矢量圖中導(dǎo)出的PNG圖片，右邊的“粗框圈”和“同心圓”則是后來繪的圖，形成整體一致的效果。,右圖：用“圈”、“線”和“PNG人像”完美地融合在一起。,PNG與JPEG

5、的區(qū)別？,2.3 面、色塊面設(shè)計(jì)出整體內(nèi)容頁(yè)的版面,在暗紅色的背景上面，設(shè)置兩層有透明度的白色的“面”，從而形成了左圖的邏輯區(qū)域效果。,2.3 面、色塊用色塊展示不同的模塊內(nèi)容,1,不同顏色，不同章節(jié)。,2,相同顏色，并列展示。,左圖：色塊覆蓋色塊的效果,2.3 面、色塊色塊和圖形形成模塊區(qū)域效果，很規(guī)整,要注意色塊的顏色和圖片的顏色是接近的。,2.3 面、色塊用色塊展示觀點(diǎn)、案例、點(diǎn)綴,1,灰色背景的色塊上展示故事,2,帶有透明度紅色色塊上放上人名,3,小色塊的點(diǎn)綴,4,色塊展示觀點(diǎn),題外話：這頁(yè)幻燈片的顏色： 淺綠色主色調(diào) 紅色標(biāo)注觀點(diǎn) 黑色 故：一頁(yè)或整個(gè)幻燈片以三種顏色為主。,2.3

6、面、色塊色塊設(shè)計(jì)標(biāo)題欄、過渡頁(yè)、標(biāo)識(shí)、頁(yè)碼等,色塊展示頁(yè)碼,色塊展示頁(yè)面標(biāo)識(shí),過渡頁(yè)設(shè)計(jì),標(biāo)題欄設(shè)計(jì),章節(jié)過渡效果,2.3 面、色塊具有透明效果色塊和圖形的搭配效果,2.3 面、色塊色塊與圖形搭配運(yùn)用形成Win8風(fēng)格,2.3 面、色塊母色塊放上子色塊形成的邏輯效果,母色塊,子色塊,2.4 圖形,2.4 圖形,如何實(shí)現(xiàn)左邊圖形？,請(qǐng)思考,2.4 圖形,2.4 圖形,請(qǐng)思考,2.4 圖形,如何實(shí)現(xiàn)下圖的設(shè)計(jì)？,請(qǐng)思考,2.4 圖形,2.4 圖形,2.4 圖形 的各種變形后并組合的效果,如何實(shí)現(xiàn)上圖的效果？,請(qǐng)思考,2.4 圖形簡(jiǎn)單的繪圖技巧,按住Shift ，選線時(shí)可以畫出筆直的線，選矩形時(shí)可以畫

7、出正方形，選橢圓時(shí)，可以畫出正圓。 選擇某圖后，單擊右鍵，選擇“鎖定繪圖模式”，可以連續(xù)使用該圖。 可以通過先畫弧，再設(shè)計(jì)圓弧的末端箭頭，來繪出彎曲箭頭。 可以通過形狀輪廓箭頭來靈活設(shè)計(jì)線的箭頭。,你也來試試,如何將一個(gè)弧線或者直線，按照你的想法設(shè)計(jì)箭頭,2.4 圖形簡(jiǎn)單的繪圖技巧,如下圖，圖片可以裁剪為各種個(gè)性化的形狀，適合多圖排版時(shí)的靈活運(yùn)用。 方法：雙擊圖片 裁剪 裁剪為形狀,小技巧,正方形的圖片可以裁剪為正圓形圖片哦,你也試試,2.4 圖形簡(jiǎn)單的繪圖技巧,下圖是SmartArt中的遞進(jìn)關(guān)系圖表，取消組合后，設(shè)計(jì)成并列關(guān)系圖表，并重新著色、分別添加動(dòng)畫效果。,文字排版,圖形排版,第三章

8、具體設(shè)計(jì),標(biāo)題設(shè)計(jì),3.1 文字排版字少時(shí)的排版,字少時(shí)的排版：錯(cuò)落有致、突出重點(diǎn)。,3.1 文字排版字多時(shí)的排版,字多時(shí)的排版：合理布局、規(guī)整勻稱。,3.1 文字排版文字的圖表化處理,無論字少、字多，盡可能：圖表化處理。,3.2 圖文排版單圖排版,單圖排版的要點(diǎn)：小圖點(diǎn)綴、中圖排列美、大圖沖擊力。,3.2 圖文排版雙圖排版,雙圖排版的要點(diǎn)：并列或?qū)ΨQ。,3.2 圖文排版多圖排版,多圖排版的要點(diǎn)：講究布局排列之美。,3.3 標(biāo)題設(shè)計(jì)簡(jiǎn)潔式標(biāo)題,簡(jiǎn)潔式標(biāo)題：簡(jiǎn)潔，基本無修飾。,3.3 標(biāo)題設(shè)計(jì)點(diǎn)綴式標(biāo)題,點(diǎn)綴式標(biāo)題：簡(jiǎn)單點(diǎn)綴，不一樣的效果。,點(diǎn)綴式標(biāo)題樣式非常多，請(qǐng)大家再舉幾例，,3.3 標(biāo)題設(shè)

9、計(jì)背景式標(biāo)題,背景式標(biāo)題：以色塊作為背景，時(shí)尚流行。,圖形集錦,3.4 經(jīng)典案例,圖表集錦,并列關(guān)系圖表,3.4 經(jīng)典案例,第一步,第二步,第三步,第四步,建立獎(jiǎng)懲制度，如員工獎(jiǎng)懲管理辦法。,按照公示等民主程序頒布制度。,員工學(xué)習(xí)員工獎(jiǎng)懲管理辦法并簽字。,開始漸進(jìn)性懲處。,圖表集錦,遞進(jìn)關(guān)系圖表,3.4 經(jīng)典案例,循環(huán)關(guān)系圖表,圖表集錦,3.4 經(jīng)典案例,數(shù)字信息圖表,圖表集錦,70后非婚人口 男是女的2倍以上,80后非婚人口 男女比例約為4:3,3.4 經(jīng)典案例,時(shí)間線,圖表集錦,六十歲以后，應(yīng)該能夠退休了吧！,3.4 經(jīng)典案例,信息圖表的復(fù)制,圖表集錦,份子錢,油錢等,57%,43%,每月

10、固定支出約9000元 （1天300）,你也來試試,如何設(shè)計(jì)出右圖？,現(xiàn)在各種信息圖表非常流行，比如騰訊的新聞百科中有各種漂亮的信息圖表。我們?cè)诎俣然蛘吖雀栎斎胄畔D表也可以找到許多時(shí)髦的圖表。 下圖的圖表是怎么模仿的呢？實(shí)際上就是兩個(gè)弧形拼起來就好了，大家可以拆開右邊的圖琢磨一下。,信息圖表的復(fù)制,圖表集錦,你也來試試,40.9%,37.7%,50%,模塊一,模塊二,模塊三,這種圓弧又是如何繪制出來的？,靈感設(shè)計(jì),圖表集錦,觀念 類課程,技術(shù) 類課程,觀念態(tài)度類課程要有很強(qiáng)的理論性與思想性，有清晰的邏輯主線；,突出課程的核心原理，解析要到位，并通過一系列的引導(dǎo)方法與訓(xùn)練手段，實(shí)現(xiàn)課程目標(biāo)的要求

11、。,靈活擺放,圖表集錦,小技巧,在實(shí)體圓外面再增加一個(gè)圓圈，瞬間美了好多哦,內(nèi)部壓力,1）不能自我肯定： 自我價(jià)值感較低、非常在意別人的看法、敏感于別人的評(píng)語(yǔ)、常不喜歡自己、常認(rèn)為自己被傷害、常怨天尤人、怨恨自己不如人。,靈活擺放,圖表集錦,2）追求完美： 標(biāo)準(zhǔn)定得很高、常覺時(shí)間不夠用、選擇犧牲休息、休閑的時(shí)間，導(dǎo)致長(zhǎng)期失眠、缺乏與家人相處的時(shí)間、終年處于緊張狀態(tài)。,我們?cè)谠O(shè)計(jì)圖表的過程中，可以根據(jù)版面的需求，靈活地引入圖片，讓表達(dá)更直觀！,字體,顏色,標(biāo)題字體：華康儷金黑W8 + 微軟雅黑 正文字體：微軟雅黑（強(qiáng)調(diào)處加粗） 字體大?。赫?6號(hào)，標(biāo)題或正文強(qiáng)調(diào)字體變大,【正文】：一般用灰色，根據(jù)不同的背景，選擇不同的深淺。如果背景是深色，則正文是白色。 【強(qiáng)調(diào)】：強(qiáng)調(diào)正面觀點(diǎn)，用主風(fēng)格色，反面觀點(diǎn)，用紅色或者副色。,