PPT 排版技巧(布衣公子作品)20130520版@teliss

1、PPT 技巧 PPT 技能分享系列三 排版 布局之美 圖形運用 具體設計 第一章 第二章 第三章 2 Contents Page 目錄頁 Transition Page 過渡頁 3 距離之美 對齊之美 第一章 布局之美 對稱之美 留白之美 布局之美 4 圖形運用具體設計布局之美 邊距 1.1 距離之美 1 行距2 段距3 布局之美 5 圖形運用具體設計布局之美 1.2 對齊之美 模塊對齊2 邊界對齊1 等距分布3 布局之美 6 圖形運用具體設計布局之美 1.3 對稱之美 左右對稱 上下對稱 布局之美 7 圖形運用具體設計布局之美 1.4 留白之美 留白直接地說就是留下一片空白。留白真的是難以言

2、說的一種表達方式，因為留白更接近于一種意境。我也說不清 楚。我是怎么留白的呢？我覺得留白既要彰顯意境美，又要畫面不失重，即是說，畫面整體的重心要穩(wěn)。 Transition Page 過渡頁 8 線 框、圈 第二章 圖形運用 面、色塊 圖形 布局之美 9 圖形運用具體設計圖形運用2.1 線線在標題欄中的應用 虛線效果1 實線效果2 布局之美 10 圖形運用具體設計圖形運用2.1 線線在內(nèi)標題設計上的應用 實線效果（雙下劃線）2 虛線效果1 布局之美 11 圖形運用具體設計圖形運用2.1 線線在正文中的區(qū)域分割作用 線在正文中的區(qū)域分割作用 布局之美 12 圖形運用具體設計圖形運用2.1 線線在正

3、文中的邊界作用 用“線”勾勒出畫面中模塊內(nèi)容的邊界，形成規(guī)矩、整齊的感覺。 布局之美 13 圖形運用具體設計圖形運用2.1 線線在正文中對稱和裝飾作用 布局之美 14 圖形運用具體設計圖形運用2.1 線線在圖表中的連接作用 圖表中線的作用 不僅僅是連接， 而且可以展現(xiàn)出 設計的美感。 布局之美 15 圖形運用具體設計圖形運用 2.1 線 請從左圖中找到 線的用法，至少 三種哦：） 布局之美 16 圖形運用具體設計圖形運用2.2 框、圈框的模塊化作用 用“框”更清晰的展示不同模塊的內(nèi)容。 布局之美 17 圖形運用具體設計圖形運用2.2 框、圈框形成的對齊效果，很規(guī)整 上圖：“框”作為獨立模塊與其

4、他內(nèi)容對齊； 右圖：“框”將文字和圖片包圍起來很規(guī)整。 布局之美 18 圖形運用具體設計圖形運用2.2 框、圈用框展示引用觀點或案例 上圖：用“框”展示案例； 右圖：用“框”展示觀點。 布局之美 19 圖形運用具體設計圖形運用2.2 框、圈圈的靈活運用，藝術化排版 左圖：左邊框是從矢量圖中導出的PNG圖片， 右邊的“粗框圈”和“同心圓”則是后來繪的 圖，形成整體一致的效果。 右圖：用“圈”、“線”和“PNG人像”完美 地融合在一起。 布局之美 20 圖形運用具體設計圖形運用2.3 面、色塊面設計出整體內(nèi)容頁的版面 在暗紅色的背景 上面，設置兩層 有透明度的白色 的“面”，從 而形成了左圖的 邏

5、輯區(qū)域效果。 布局之美 21 圖形運用具體設計圖形運用2.3 面、色塊用色塊展示不同的模塊內(nèi)容 1 不同顏色， 不同章節(jié)。 2 相同顏色， 并列展示。 左圖：色塊覆 蓋色塊的效果 布局之美 22 圖形運用具體設計圖形運用2.3 面、色塊色塊和圖形形成模塊區(qū)域效果，很規(guī)整 要注意色塊的顏色和圖片的顏色是接近的。 布局之美 23 圖形運用具體設計圖形運用2.3 面、色塊用色塊展示觀點、案例、點綴 1 灰色背景的色 塊上展示故事 2 帶有透明度紅 色色塊上放上 人名 3 小色塊的點綴 4 色塊展示觀點 布局之美 24 圖形運用具體設計圖形運用2.3 面、色塊色塊設計標題欄、過渡頁、標識、頁碼等 色塊

6、展 示頁碼 色塊展示頁面標識 過渡頁 設計 標題欄 設計 章節(jié)過 渡效果 布局之美 25 圖形運用具體設計圖形運用2.3 面、色塊具有透明效果色塊和圖形的搭配效果 布局之美 26 圖形運用具體設計圖形運用2.3 面、色塊色塊與圖形搭配運用形成Win8風格 布局之美 27 圖形運用具體設計圖形運用2.3 面、色塊母色塊放上子色塊形成的邏輯效果 母色塊 子色塊 布局之美 28 圖形運用具體設計圖形運用2.4 圖形 布局之美 29 圖形運用具體設計圖形運用2.4 圖形 如何實現(xiàn)左邊圖形？請思考 布局之美 30 圖形運用具體設計圖形運用2.4 圖形 布局之美 31 圖形運用具體設計圖形運用2.4 圖形

7、 請思考與 有啥區(qū)別？ 布局之美 32 圖形運用具體設計圖形運用2.4 圖形 如何實現(xiàn)下圖的設計？請思考 布局之美 33 圖形運用具體設計圖形運用2.4 圖形 布局之美 34 圖形運用具體設計圖形運用2.4 圖形 布局之美 35 圖形運用具體設計圖形運用2.4 圖形 的各種變形后并組合的效果 如何實現(xiàn)上圖的效果？請思考 Transition Page 過渡頁 36 文字排版 圖形排版 第三章 具體設計 標題設計 布局之美 37 圖形運用具體設計具體設計3.1 文字排版字少時的排版 字少時的排版：錯落有致、突出重點。 布局之美 38 圖形運用具體設計具體設計3.1 文字排版字多時的排版 字多時的

8、排版：合理布局、規(guī)整勻稱。 布局之美 39 圖形運用具體設計具體設計3.1 文字排版文字的圖表化處理 無論字少、字多，盡可能：圖表化處理。 布局之美 40 圖形運用具體設計具體設計3.2 圖文排版單圖排版 單圖排版的要點：小圖點綴、中圖排列美、大圖沖擊力。 布局之美 41 圖形運用具體設計具體設計3.2 圖文排版雙圖排版 雙圖排版的要點：并列或?qū)ΨQ。 布局之美 42 圖形運用具體設計具體設計3.2 圖文排版多圖排版 多圖排版的要點：講究布局排列之美。 布局之美 43 圖形運用具體設計具體設計3.3 標題設計簡潔式標題 簡潔式標題：簡潔，基本無修飾。 布局之美 44 圖形運用具體設計具體設計3.3 標題設計點綴式標題 點綴式標題：簡單點綴，不一樣的效果。 點綴式標題樣式非常 多，請大家再舉幾例， 或者到布衣公子的作 品中，找一些案例。 布局之美 45 圖形運用具體設計具體設計3.3 標題設計背景式標題 背景式標題：以色塊作為背景，時尚流行。 http:/ http:/ 感謝收看 請多指點 片尾廣告 一位平凡80后的職場與情感歷程 我將畢業(yè)后的第一個十年稱之