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

HTML/XHTML教程
网页设计师如何应对客户无理要求
打开网页速度提升的简单而有效的方法
让IE8启动IE7兼容模式的简便代码
HTML的sub,sup标签制作电子商务网站中的价格
IE9关键字:硬件渲染,新的JS引擎,CSS,标准
让IE支持HTML5办法
HTML教程:HTML的10个表格相关标记
HTML教程:网页页面切换的各种效果
网页制作掌握的最常用的HTML标记
应该怎样把HTML结构化
XHTML基础教程:xhtml的块级标记
网页页面实现自动刷新的3种代码
网页制作教程:TD也可以溢出隐藏显示
网页设计教程:TabIndex元素
微软:IE9与HTML 5的关系
HTML设备标识符可以让用户使用网页与摄像头等硬件设备打交道
HTML5和CSS3的一些新变化
超级链接标记A的TARGET属性详解
语义化的网页:XHTML语义化标记
理论知识:PSD模板切成HTML的正确操作

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


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


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

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