当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页布局设计的简单原则

HTML/XHTML教程
ie7打开页面有源文件但页面空白问题的解决方法
firefox支持webdings字体的方法
HTML 相对路径和绝对路径区别分析
ie6 失真问题
关闭IE启用图片工具列
HTML5 Canvas 起步(1) - 基本概念
网页表单元素Input的高级用法11例
漂亮样式表在XHTML+CSS网页制作中的应用
html ReadOnly 和 Enabled 区别
如何正确地在XHTML文档中使用JavaScript和CSS
IE6 为什么最多人使用
给网站添加 favicon的技巧 网址前面的小图标
什么是 WML?
WML 标签汇总
HTML相对路径 上级目录及下级目录的写法
html 自定义标签使用实现方法
Firefox下英文字母不换行的解决方案
HTML 文本转义小窍门
设置IE8使用IE7的样式的代码
HTML 标记一定不要忘记关闭

HTML/XHTML教程 中的 网页布局设计的简单原则


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 103 ::
收藏到网摘: n/a


                         本文整理了一些网页布局设计的简单原则,希望对网页设计者有一些用处。              本文整理了一些网页布局设计的简单原则,希望对网页设计者有一些用处。
・重复:在整个站点中重复实现某些页面设计风格。
重复的成分可能是某种字体、标题logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。
颜色作为重复成分也很有用:为所有标题设置某种颜色,或者在标题背后使用精细的背景。

・用对比来吸引读者的注意力。
通过对比来抓住读者的注意力,例如,你可以让标题在黑色背景上反白,并且用大的粗体字(比如黑体),这与下面的普通字体(比如宋体)行成对比。另一个方法是在某段文本的背后使用一种被景色。
・在文本周围留出空白以便更容易阅读,布局更优美。
留白是一种美德。满屏幕密密麻麻的字会让人头晕眼花,适当地留出边距及行距,让阅读变得轻松些。
・保持简单。
避免只是为了试验一种技术或新技巧而采用它们,把会使人分心的东西减到最少。
不要期望人们会下载插件,很多人会因此转到别的地方去。
应该将注意力集中在提供信息方面,而不是使页面看起来令人惊叹而信息却被淹没在动画闪烁、闪烁的文本和其他花招的迷雾里。
・只要可能,就要避免滚动。
用户在浏览新页面时,常常大致扫一眼页面的内容区域,而不理会导航菜单条(这就是说,那种大尺度的flash头部除了好看,是没有用的!)。如果页面看起来和用户的需要无关,那么两三秒后用户总会点击“后退”按钮。
・不要使用闪烁的文本。
除了在一些及其少见的情况下,闪烁的文本会使用户厌。
动画文本也是这样的,一定要非常有节制地使用。
・尝试使用文本的布局协助导航。
如果我们的页面里包含几十个链接,那么,就要把这些连接分类,并且用不同的标题和颜色块来区分它们。
・心里时刻想着站点的观众。
哪种人会访问这个站点?他们为什么要来访问,他们的主要知识背景是什么?页面的设计和布局需要反映这些群体的不同需求。
・使用页面布局突出人们将要寻找的标题。
一旦你了解了客户群体的需要,就可以分析出他们最希望看到的标题,并且利用页面布局使这些标题突出出来。当然,作一个客户调查,是很好地掌握他们关心内容的方法。