1、PPT模板下載：,距離之美,對齊之美,第一章 布局之美,對稱之美,留白之美,邊距,1.1 距離之美,1,行距,2,段距,3,1.2 對齊之美,模塊對齊,2,邊界對齊,1,等距分布,3,1.3 對稱之美,左右對稱,上下對稱,1.4 留白之美,留白直接地說就是留下一片空白。留白真的是難以言說的一種表達方式，因為留白更接近于一種意境。我也說不清楚。我是怎么留白的呢？我覺得留白既要彰顯意境美，又要畫面不失重，即是說，畫面整體的重心要穩(wěn)。,線,框、圈,第二章 圖形運用,面、色塊,圖形,2.1 線線在標題欄中的應用,虛線效果,1,實線效果,2,PPT下載：,2.1 線線在內(nèi)標題設計上的應用,實線效果（雙下

2、劃線）,2,虛線效果,1,2.1 線線在正文中的區(qū)域分割作用,線在正文中的區(qū)域分割作用,2.1 線線在正文中的邊界作用,用“線”勾勒出畫面中模塊內(nèi)容的邊界，形成規(guī)矩、整齊的感覺。,2.1 線線在正文中對稱和裝飾作用,2.1 線線在圖表中的連接作用,圖表中線的作用不僅僅是連接，而且可以展現(xiàn)出設計的美感。,2.1 線,請從左圖中找到線的用法，至少三種哦：）,2.2 框、圈框的模塊化作用,用“框”更清晰的展示不同模塊的內(nèi)容。,2.2 框、圈框形成的對齊效果，很規(guī)整,上圖：“框”作為獨立模塊與其他內(nèi)容對齊； 右圖：“框”將文字和圖片包圍起來很規(guī)整。,2.2 框、圈用框展示引用觀點或案例,上圖：用“框”

3、展示案例； 右圖：用“框”展示觀點。,2.2 框、圈圈的靈活運用，藝術化排版,左圖：左邊框是從矢量圖中導出的PNG圖片，右邊的“粗框圈”和“同心圓”則是后來繪的圖，形成整體一致的效果。,右圖：用“圈”、“線”和“PNG人像”完美地融合在一起。,2.3 面、色塊面設計出整體內(nèi)容頁的版面,在暗紅色的背景上面，設置兩層有透明度的白色的“面”，從而形成了左圖的邏輯區(qū)域效果。,2.3 面、色塊用色塊展示不同的模塊內(nèi)容,1,不同顏色，不同章節(jié)。,2,相同顏色，并列展示。,左圖：色塊覆蓋色塊的效果,2.3 面、色塊色塊和圖形形成模塊區(qū)域效果，很規(guī)整,要注意色塊的顏色和圖片的顏色是接近的。,2.3 面、色塊用

4、色塊展示觀點、案例、點綴,1,灰色背景的色塊上展示故事,2,帶有透明度紅色色塊上放上人名,3,小色塊的點綴,4,色塊展示觀點,2.3 面、色塊色塊設計標題欄、過渡頁、標識、頁碼等,色塊展示頁碼,色塊展示頁面標識,過渡頁設計,標題欄設計,章節(jié)過渡效果,2.3 面、色塊具有透明效果色塊和圖形的搭配效果,2.3 面、色塊色塊與圖形搭配運用形成Win8風格,2.3 面、色塊母色塊放上子色塊形成的邏輯效果,母色塊,子色塊,2.4 圖形,2.4 圖形,如何實現(xiàn)左邊圖形？,請思考,2.4 圖形,2.4 圖形,請思考,2.4 圖形,如何實現(xiàn)下圖的設計？,請思考,2.4 圖形,2.4 圖形,2.4 圖形 的各種

5、變形后并組合的效果,如何實現(xiàn)上圖的效果？,請思考,文字排版,圖形排版,第三章 具體設計,標題設計,3.1 文字排版字少時的排版,字少時的排版：錯落有致、突出重點。,3.1 文字排版字多時的排版,字多時的排版：合理布局、規(guī)整勻稱。,3.1 文字排版文字的圖表化處理,無論字少、字多，盡可能：圖表化處理。,3.2 圖文排版單圖排版,單圖排版的要點：小圖點綴、中圖排列美、大圖沖擊力。,3.2 圖文排版雙圖排版,雙圖排版的要點：并列或?qū)ΨQ。,3.2 圖文排版多圖排版,多圖排版的要點：講究布局排列之美。,3.3 標題設計簡潔式標題,簡潔式標題：簡潔，基本無修飾。,3.3 標題設計點綴式標題,點綴式標題：簡單點綴，不一樣的效果。,點綴式標題樣式非常多，請大家再舉幾例，或者