《学习网站的设计与开发》第三章页面排版与布局.ppt

学习网站的设计与开发 郁晓华 主编 第三章 页面排版与布局 版面布局设计过程 网页信息量和结构样式 网页色彩 页面布局技术 一、页面的版面布局 指以最合适浏览的方式将图片和文字排放在页面的不同位置，使得视觉效果与使用效果最佳。 确定如何把功能模块安排到页面上（主次模块问题） 可画出页面的结构草图 一、页面的版面布局 版面布局是一个创意的过程，分3个阶段 方案设计：创意阶段，画出页面的结构草图 初步设计：确定功能模块摆放，涉及主次模块问题 定案设计：调整，对初步的布局进行精细化、具体化 白色背景，可加些色块 版面零散，可用线条和符号串联 文字过多，可插图片平衡 表格太规矩，可改用导角 二、网页信息量和结构样式 页面的空间构成（日本视觉设计研究所 ）：标题空间、欢迎空间和目录信息空间 二、网页信息量和结构样式 信息量的5种类型 页面结构的5种样式 1.信息量的5种类型 检索型： 以文字信息为主体，图片少于5% 将表示欢迎的信号控制在最低限度，如小图片、配色讲究 但可以通过增加空白表现自由感和高贵感 准检索型： 文字与图像的比例为2:1 稍微增加图形、色彩要素使主页气氛开放 1.信息量的5种类型 均衡型： 欢迎空间与目录信息各占一半 与任何排版样式都可以进行自由的组合 印象主体型： 以图片为主体，产生画面的宽裕感，传达优雅、自由的气氛 配色以同色系为基调，有节制使用对比色 目