本节简介:排版的主要目的在于梳理网页信息层级结构关系,其中包括文字色彩、大小、图文混排以及图标等方面的应用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
排版的目的:内容信息结构的梳理。梳理信息的层级关系:色彩区分,文字大小,图标差异化制作
淘宝首页:充话费部分大块的分割(‘类似于标题’),吸引视线。如果都是小图标有点碎。
文字和添加图标更加的突出。页面更加的丰富。腾讯网的层级关系:从上到下、从大到小梳理。
梳理信息层级关系:色彩区分、文字大小、图标差异化制作
网页的层级关系的制作,也是网页细节的制作。色块面积、图标的大小、镂空的大小。
排版时,文字大小不同,行间距不同,粗细不同,加图标,放大某一个图标,加图片,都能使这个区域与其它区域产生区别,也易于浏览。
对文字信息进行排版时,可以利用间距,文字加粗,颜色加深,字体加大来区分。
图标多且排版密集的时候 可以适当放大一个图标 拿准视觉
登录等比较重要的项目可以比其他的更特别一些,加图标或者按钮比其他的宽度多一点
五到六行就标注重一些,用间距做区分,字的行距,粗细做区分。信息排列。怎么做细节。信息展现类。
如果全是文字没有图,会引发视觉疲劳,视觉对比非常重要,内容比较多,一眼看不到想要的,图标,图,颜色,大小拉开。
这种细节会丰富,层级关系更明显。很小很碎的容易分散。统一感。视觉引导,学会分析为什么别人那么排版
合理使用图标。梳理信息结构排列(层级关系)-网页细节。色块。对重要层级的筛选,做设计关注细节。做的专业。