本節簡介：排版的主要目的在于梳理網頁信息層級結構關系，其中包括文字色彩、大小、圖文混排以及圖標等方面的應用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
排版的目的：內容信息結構的梳理。梳理信息的層級關系：色彩區分，文字大小，圖標差異化制作
淘寶首頁：充話費部分大塊的分割（‘類似于標題’），吸引視線。如果都是小圖標有點碎。
文字和添加圖標更加的突出。頁面更加的豐富。騰訊網的層級關系：從上到下、從大到小梳理。
梳理信息層級關系：色彩區分、文字大小、圖標差異化制作
網頁的層級關系的制作，也是網頁細節的制作。色塊面積、圖標的大小、鏤空的大小。
排版時，文字大小不同，行間距不同，粗細不同，加圖標，放大某一個圖標，加圖片，都能使這個區域與其它區域產生區別，也易于瀏覽。
對文字信息進行排版時，可以利用間距，文字加粗，顏色加深，字體加大來區分。
圖標多且排版密集的時候 可以適當放大一個圖標 拿準視覺
登錄等比較重要的項目可以比其他的更特別一些，加圖標或者按鈕比其他的寬度多一點
五到六行就標注重一些，用間距做區分，字的行距，粗細做區分。信息排列。怎么做細節。信息展現類。
如果全是文字沒有圖，會引發視覺疲勞，視覺對比非常重要，內容比較多，一眼看不到想要的，圖標，圖，顏色，大小拉開。
這種細節會豐富，層級關系更明顯。很小很碎的容易分散。統一感。視覺引導，學會分析為什么別人那么排版
合理使用圖標。梳理信息結構排列（層級關系）-網頁細節。色塊。對重要層級的篩選，做設計關注細節。做的專業。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
