网页排版与布局

40 阅读 0 评论 27 点赞

我是靠谱客的博主怕孤独电源，最近开发中收集的这篇文章主要介绍网页排版与布局，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一网站的层次结构
制作便于浏览页面的一个大敌就是视觉干扰,它包含两类:
a,混乱页面主次不清,所有东西都引人注目
b,背景干扰
1.把页面分割成清晰明确的不同区域很重要,因为可以使用户迅速判断出哪些区域应重点看,哪些可以放心地忽略.
2.创建清晰直观的页面层次结构;越重要越要突出;逻辑相关的内容视觉上也应该相关
3.用嵌套的方式形象地显示从属关系
在这里插入图片描述
二网页的布局形式
整个页面可以分为几个部分,每个部分有不同的功能,也能体现不同的形式,中间的部分一般是最大的,因为它承载着主要的信息,使用者主要就是看中间这个部分的内容,
游戏网网站夜微凉出新意把整个页面进行任意划分,特别是个人网页,例如把整个页面评分为左右两个部分,但是这样会让人不着重点,还有的框架用的太多,影响力页面的整体性…
1.骨骼型
网页版式的骨骼型是一种规范的,理性的分割方法,类似于报刊的版式.
常见的骨骼型有竖向通栏,双栏,三栏,四栏和横向的通栏,双栏,三栏和四栏等.一般以竖向分栏为多.这种版式给人以和谐,理性的美.几种分栏方式结合使用,既理性,条理,又活泼而富有弹性.