本節簡介：了解版面中的——布局之美、圖形運用、字體設計的基本概念；通過小部分案例的講解深入理解概念。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
【具體設計】1.文字排版；2.圖形排版；3.標題設計；（1）最多只能用三個字體（錯落有致，突出重點）；（2）分清主次，先后出擊（合理布局，規整勻稱）；（3）少就是多（無論內容多少，少即是多）；（4）把字體當圖形設計；（5）讓文字有親和力；（6）動靜有致；（7）明暗處理；（8）用眼睛測量；（9）制作素材；（10）對稱是禍害
2.框、圈：“框”更清晰的展示不同模板的內容；“框”作為獨立模塊與其他內容對齊；“框”將文字和圖片包圍起來很規整 ；用“圈”將重點內容排版出來。
【布局之美】：距離之美（邊距、行距、段距）；對齊之美（邊距對齊、模塊對齊、等距分布）；對稱之美（上下對稱、左右對稱）；留白之美（讓畫面有種透氣感，既要彰顯意境美，又要畫面不失重）。
【具體設計】1.文字排版；2.圖形排版；3.標題設計；（1）最多只能用三個字體（錯落有致，突出重點）；（2）分清主次，先后出擊（合理布局，規整勻稱）；（3）少就是多（無論內容多少，少即是多）；（4）把字體當圖形設計；（5）讓文字有親和力；（6）動靜有致；（7）明暗處理；（8）用眼睛測量；（9）制作素材；（10）對稱是禍害
3.面、色塊：（1）.面設計出整體內容頁的版面：在有顏色的背景上面，設置兩層有透明度的白色的“面”，從而形成邏輯區域效果；（2）.用色塊展示不同的模塊內容：不同顏色表示不同章節，每個章節使用相同顏色并列展示；（3).色塊和圖形形成模塊區域效果，很規整：要注意色塊的顏色和圖片顏色是接近的； (4）.色塊與圖形搭配運用形成win8風格
2.框、圈：“框”更清晰的展示不同模板的內容；“框”作為獨立模塊與其他內容對齊；“框”將文字和圖片包圍起來很規整 ；用“圈”將重點內容排版出來。
【布局之美】：距離之美（邊距、行距、段距）；對齊之美（邊距對齊、模塊對齊、等距分布）；對稱之美（上下對稱、左右對稱）；留白之美（讓畫面有種透氣感，既要彰顯意境美，又要畫面不失重）。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
