网页排版与布局

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

  • 1
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值