400-6528-168
News
网站建设、网站制作、网站设计等相关资讯

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

日期:2019-04-22 09:17:41 访问: 作者:网建科技
       网站制作时如果不能把素材放在合适的位置上,那么视觉层次结构就会出现问题,当把内容塞线条,粗体字母和斜体搭配的页面时,肯定会有一个层次很怪的结果,好看的页面需要认真排版。

网站制作排版层次结构的几个技巧
 
        要创建成功的排版层次结构,了解页面上所需的元素及其相对的重要性,传统上,书籍分为部分,章节和段落,每个都有自己的排版规则,在当今以网站为中心的网络中,章节现在存在于单个页面上,目录在导航栏中进行组织,段落内容显示在内容页面里面。
 
        如果查看网站上的页面,会排版层次结构,页面标题,引导段落和内容各个部分之间有明显的区别。精心制作的页面的阅读体验流畅,需要分段与段落分开,段落是由新行或缩进分隔的一小段写作,处理特定主题的段落带有标题。对于访客眼睛,阅读体验截然不同,没有区分各个部分和段落,行间距相同,使页面感觉很长,这就是排版层次结构的细分。各部分之间的呼吸空间为内容提供了易于阅读性,段落之间的间距经过调整减少干扰,这些页面设计更加和谐,阅读体验更好。
 
        做网站设计的时候通过改变字体大小,字体,颜色和布局来创建排版层次结构,尺寸,颜色,位置,字体,只是可以创建排版层次结构的一些属性,组合将使内容焕然一新,使章节标题更容易阅读,有助于引导用户注意整个页面。
 
        在确定排版之前,选择标题样式,使用相同字体或不同颜色的版本,对于正文使用更大的字体类型。16像素是默认情况下浏览器显示的文本大小。文本大小的浏览器显示一开始很大,但用户习惯使用,所有浏览器都选择这个作为默认文本大小。12px字体适合移动端屏幕小的手机上,自然阅读方向是从左到右,从上到下,大脑更快地感知和处理图像,首先看到图像,然后自然地继续阅读在下面的文本。
 
        当在图像上方放置描述时,如果没有额外的信息,访客的大脑就无法处理信息,从而导致糟糕的阅读体验,设置层次结构,可以在布局中使用其他元素类型,不要超过页面标题,章节标题和段落文本。但如果项目涉及更复杂的排版层次结构,最好先做一个模型,通过设置一个类似的文件来测试内容块。