本节简介:排版的主要目的在于梳理网页信息层级结构关系,其中包括文字色彩、大小、图文混排以及图标等方面的应用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
加图标为了突出,层级关系表现:字的大小,颜色,加图标
提升用户体验,突出重点,吸引注意力,减缓视觉疲劳(尺寸/图文/色块对比),视觉间隔与区分
层级结构,信息逻辑排列清晰合理,不同层级区分要明显拉开,图标要精致,重点要突出出来,平衡也不要破坏
色块面积大小、图标粗细镂空给内容的呈现是有很大关系的
色块面积大小和图表粗细、大小或镂空对于内容的层级也有影响。
信息结构的梳理包括:颜色、字体大小层级、图标、字体粗细
信息排列细节:加粗,图文,颜色的设计是为了视觉间隔和对比的作用。
图,图标,大小,颜色的设计,都是对视觉对比,参照物的作用。
合理使用图标是美术过渡,自然,区分明显,层级关系做开体现细节。