本节简介：排版的主要目的在于梳理网页信息层级结构关系，其中包括文字色彩、大小、图文混排以及图标等方面的应用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
网页的排版其实是梳理内容的结构。以淘宝主页为例，左侧导航：栏目标题体现层级关系（字体、色块、图 标区别）、标题加小图标、方框。右侧登陆按钮比注册、开店按钮面积稍大，旧版本登陆还有小人图标，这 些细微差距是为了强调登陆按钮。设计师要注意这些小细节。
排版：例子淘宝页 内容信息结构梳理（色彩区分、文字大小，图标） 内容过度（色块、图标） 局部吸引分主次 信息量大时需要视觉对比（图片，图标，大小，颜色等） 腾讯新闻：视觉间隔和对比 （字体粗细，色彩，加图等）
排版：例子淘宝页 内容信息结构梳理（色彩区分、文字大小，图标） 内容过度（色块、图标） 局部吸引分主次 信息量大时需要视觉对比（图片，图标，大小，颜色等） 腾讯新闻：视觉间隔和对比 （字体粗细，色彩，加图等）
多行文字列表，要有所区别，如换色，或拉开间距，或加图片。否则阅读起来会很累。网页文字信息较多时，需要用小图标，小色块来区别，减轻视觉疲劳
排版的主要目的在于梳理网页信息层级结构关系，其中包括文字色彩、大小、图文混排以及图标等方面的应用。
在文字，图片众多的情况下，可以将其中某一个突出，吸引眼球。
网页的层级关系——充话费并非是最重点的，这个放大图标有一个很重要的目的就是将目光吸引带这个区域上来，如果整体都是一样的大小，其一会显得比较散，其二就是以上这特点了。
多行文字列表，要有所区别，如换色，或拉开间距，或加图片。否则阅读起来会很累。网页文字信息较多时，需要用小图标，小色块来区别，减轻视觉疲劳
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
