本节简介:排版的主要目的在于梳理网页信息层级结构关系,其中包括文字色彩、大小、图文混排以及图标等方面的应用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
层级关系是体现细节的关键!根据级别的情况而定,图标大小的运用可以展示层级关系,太多相似的图形体现不了重点!
页面排版的时候,要注意色彩的搭配,同时,内容与内容间要调整好。字体加粗、间隔拉开、添加适当的小图标都是很好的办法。
梳理信息层级关系可以从色彩区分、文字大小和图标差异化制作入手。
1、信息结构梳理(文字色彩、大小、图文混排以及图标等) 2、大量文字信息要做适当的视觉间隔(大致5-6条做一下间隔,拉开距离或文字变大或图片间隔等)
淘宝左侧面板下面字体是12像素 小图标的作用是突出标题 还可以平衡文字 当字多的时候用颜色做区分要不显得密密麻麻的
如何表现信息结构清晰 排版的主要目的在于梳理网页信息层级结构关系。如何表现:(色彩,字体大小,图标)大小对比,有无图标,图标是否镂空,视觉对比,浏览顺序:从上到下,从大到小;
内容信息梳理非常合理,内容过渡和梳理自然以及合理使用图标(层级关系明显) 统一样式,栏目突出,标题突出,吸引用户眼球(内容层级明显)