网页制作排版层次结构的几个技巧-上海煜傲信息技术有限公司www.happyjz.com

网页制作排版层次结构的几个技巧

发布者：good003 发布时间：2019/5/19 19:12:14 阅读：370次

网页制作如果不能把素材放在合适的位置上，那么视觉层次结构就会出现问题，当把内容塞线条，粗体字母和斜体搭配的页面时，肯定会有一个层次很怪的结果，好看的页面需要认真排版。

网站制作排版层次结构的几个技巧

要创建成功的排版层次结构，了解页面上所需的元素及其相对的重要性，传统上，书籍分为部分，章节和段落，每个都有自己的排版规则，在当今以网站为中心的网络中，章节现在存在于单个页面上，目录在导航栏中进行组织，段落内容显示在内容页面里面。

如果查看网站上的页面，会排版层次结构，页面标题，引导段落和内容各个部分之间有明显的区别。精心制作的页面的阅读体验流畅，需要分段与段落分开，段落是由新行或缩进分隔的一小段写作，处理特定主题的段落带有标题。对于访客眼睛，阅读体验截然不同，没有区分各个部分和段落，行间距相同，使页面感觉很长，这就是排版层次结构的细分。各部分之间的呼吸空间为内容提供了易于阅读性，段落之间的间距经过调整减少干扰，这些页面设计更加和谐，阅读体验更好。

通过改变字体大小，字体，颜色和布局来创建排版层次结构，尺寸，颜色，位置，字体，只是可以创建排版层次结构的一些属性，组合将使内容焕然一新，使章节标题更容易阅读，有助于引导用户注意整个页面。

在确定排版之前，选择标题样式，使用相同字体或不同颜色的版本，对于正文使用更大的字体类型。16像素是默认情况下浏览器显示的文本大小。文本大小的浏览器显示一开始很大，但用户习惯使用，所有浏览器都选择这个作为默认文本大小。12px字体适合移动端屏幕小的手机上，自然阅读方向是从左到右，从上到下，大脑更快地感知和处理图像，首先看到图像，然后自然地继续阅读在下面的文本。

当在图像上方放置描述时，如果没有额外的信息，访客的大脑就无法处理信息，从而导致糟糕的阅读体验，设置层次结构，可以在布局中使用其他元素类型，不要超过页面标题，章节标题和段落文本。但如果项目涉及更复杂的排版层次结构，最好先做一个模型，通过设置一个类似的文件来测试内容块。

微信二维码

地址：上海徐汇区斜土路2601嘉汇广场 24小时咨询电话：18221602378