原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
网页设计的布局原理
关于网页设计的布局
Something about web design
赵琰 2016
网页设计的常用布局
常用的设计布局分为：
1. “国”字型布局
2. “T”字型布局
3. 标题正文型布局
4. 左右框架布局
5. 变化布局
网页设计的常用布局
1. “国”字型布局
页头横条：网站Logo+导航栏+Banner广告 用于主页设计
特点：页面容纳内容多，信息量大
左侧： 右侧：
导航菜单 网站主要内容 友情链接
其他 其他
页脚横条：版权信息+联系方式+其他
网页设计的常用布局
1. “国”字型布局
网页设计的常用布局
视觉优先级: 位置
规律：
左上部和中上部为 『最佳视域』
33% 28%
网站Logo、商品名、主题等重要信息放在最佳视域区
23% 16%
摘自罗琦 宫晓东《网页界面设计艺术》
网页设计的常用布局
2. T型布局
页头横条：网站Logo+导航栏+Banner广告 优点：页面结构清晰，主次分明
缺点：规矩呆板，如把握不好，容易让
人看了乏味
左侧：
导航菜单 网站主要内容
其他
网页设计的常用布局
2. T型布局
网页设计的常用布局
2. T型布局
网页设计的常用布局
3. 标题正文型布局
标题 通常用于文章页面，注册页面
特点：简洁明快，干扰信息少，较为正规
正文详细内容
网页设计的常用布局
3. 标题正文型布局
网页设计的常用布局
4. 左右框架布局
标题 大型论坛和企业常用
左框架页
面：导航栏 右框架页面：
链接+网站 网站主要内容
logo+其他
网页设计的常用布局
4. 左右框架布局
网页设计的常用布局
5. 变化式布局: (1)通栏布局
网站Logo 导航
二级导航
Banner
进入
内容一 内容二 内容三
页脚横条：版
文档评论（0）