本節簡介：排版的主要目的在于梳理網頁信息層級結構關系，其中包括文字色彩、大小、圖文混排以及圖標等方面的應用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
網頁的排版其實是梳理內容的結構。以淘寶主頁為例，左側導航：欄目標題體現層級關系（字體、色塊、圖 標區別）、標題加小圖標、方框。右側登陸按鈕比注冊、開店按鈕面積稍大，舊版本登陸還有小人圖標，這 些細微差距是為了強調登陸按鈕。設計師要注意這些小細節。
排版：例子淘寶頁 內容信息結構梳理（色彩區分、文字大小，圖標） 內容過度（色塊、圖標） 局部吸引分主次 信息量大時需要視覺對比（圖片，圖標，大小，顏色等） 騰訊新聞：視覺間隔和對比 （字體粗細，色彩，加圖等）
排版：例子淘寶頁 內容信息結構梳理（色彩區分、文字大小，圖標） 內容過度（色塊、圖標） 局部吸引分主次 信息量大時需要視覺對比（圖片，圖標，大小，顏色等） 騰訊新聞：視覺間隔和對比 （字體粗細，色彩，加圖等）
多行文字列表，要有所區別，如換色，或拉開間距，或加圖片。否則閱讀起來會很累。網頁文字信息較多時，需要用小圖標，小色塊來區別，減輕視覺疲勞
排版的主要目的在于梳理網頁信息層級結構關系，其中包括文字色彩、大小、圖文混排以及圖標等方面的應用。
在文字，圖片眾多的情況下，可以將其中某一個突出，吸引眼球。
網頁的層級關系——充話費并非是最重點的，這個放大圖標有一個很重要的目的就是將目光吸引帶這個區域上來，如果整體都是一樣的大小，其一會顯得比較散，其二就是以上這特點了。
多行文字列表，要有所區別，如換色，或拉開間距，或加圖片。否則閱讀起來會很累。網頁文字信息較多時，需要用小圖標，小色塊來區別，減輕視覺疲勞
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
