页面布局的简单规则

原创 2004年09月29日 16:05:00

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

·用对比来吸引读者的注意力。
  通过对比来抓住读者的注意力,例如,你可以让标题在黑色背景上反白,并且用大的粗体字(比如黑体),这与下面的普通字体(比如宋体)行成对比。另一个方法是在某段文本的背后使用一种被景色。

·在文本周围留出空白以便更容易阅读,布局更优美。
  留白是一种美德。满屏幕密密麻麻的字会让人头晕眼花,适当地留出边距及行距,让阅读变得轻松些。

·保持简单。
  避免只是为了试验一种技术或新技巧而采用它们,把会使人分心的东西减到最少。
  不要期望人们会下载插件,很多人会因此转到别的地方去。
  应该将注意力集中在提供信息方面,而不是使页面看起来令人惊叹而信息却被淹没在动画闪烁、闪烁的文本和其他花招的迷雾里。

·只要可能,就要避免滚动。
  用户在浏览新页面时,常常大致扫一眼页面的内容区域,而不理会导航菜单条(这就是说,那种大尺度的flash头部除了好看,是没有用的!)。如果页面看起来和用户的需要无关,那么两三秒后用户总会点击“后退”按钮。

·不要使用闪烁的文本。
  除了在一些及其少见的情况下,闪烁的文本会使用户厌。
  动画文本也是这样的,一定要非常有节制地使用。

·尝试使用文本的布局协助导航。
  如果我们的页面里包含几十个链接,那么,就要把这些连接分类,并且用不同的标题和颜色块来区分它们。

·心里时刻想着站点的观众。
  哪种人会访问这个站点?他们为什么要来访问,他们的主要知识背景是什么?页面的设计和布局需要反映这些群体的不同需求。

·使用页面布局突出人们将要寻找的标题。
  一旦你了解了客户群体的需要,就可以分析出他们最希望看到的标题,并且利用页面布局使这些标题突出出来。当然,作一个客户调查,是很好地掌握他们关心内容的方法。


部分资料摘录自:XHTML初级编程

版权声明:本文为博主原创文章,未经博主允许不得转载。

简单的CSS网页布局

一列布局小案例 body{margin:0;padding:0} .main{width:700px;height:200px;background:#F06;margin:0 auto} .top{...
  • qq_36370731
  • qq_36370731
  • 2017年05月21日 15:38
  • 150

简易的后台管理页面布局(二)

这里做了一个简易的模板,用到了一个获取图标的小工具,可以到这个网站下载:http://fontawesome.io/ 色彩搭配也许不好看,我不是专门搞这个的。 由于时间原因没有写入JS,可以自己加入...
  • qq_41144008
  • qq_41144008
  • 2017年12月14日 08:41
  • 185

摘抄:JAVA编写规则 基本篇

本文介绍的JAVA规则的说明分为5个级别,级别1是最基本也是最重要的级别,在今后将陆续写出其他的规则。遵守了这些规则可以提高程序的效率、使代码有更好的可读性等。(1) 避免使用NEW关键字来创建Str...
  • soleghost
  • soleghost
  • 2006年06月08日 18:45
  • 1012

Spring Data JPA 简单查询--方法定义规则(详解)

在DAO层中,把dao接口继承自JpaRepository接口,或者其它接口(如下),在接口中可以通过定义方法名的形式来实现查询。来看看Spring Data JPA提供的接口,也是Spring Da...
  • beta_xiyan
  • beta_xiyan
  • 2017年08月03日 17:53
  • 395

简单的注册页面布局

  • ayLiuXianSheng
  • ayLiuXianSheng
  • 2018年01月18日 19:00
  • 10

flex简单的页面布局

这个栗子里面的含金量自己去挖掘,拖动看在不同的分辨率下的显示,思考为啥会出现这种情况。有点儿意思。哈哈哈哈哈哈哈哈~~ https://jsbin.com/pigacukubu/edit...
  • u013565133
  • u013565133
  • 2017年10月18日 19:37
  • 55

简单的登录页面布局

  • ayLiuXianSheng
  • ayLiuXianSheng
  • 2018年01月18日 18:59
  • 39

【android基础学习之八】——页面布局

声明:学习的书籍《Android应用开发揭秘》,这里记录学习该书籍的日志,引用的相关代码与总结描述,没有商业的用途,完全是自我学习的一个记录,刚刚学习不可避免会出现很多问题,若是有错误还请大家多多批评...
  • yinyuan1987
  • yinyuan1987
  • 2011年11月01日 10:07
  • 14068

规则引擎以及blaze 规则库的集成初探之三——Blaze规则引擎和SRL(转自JavaEye jefferson)

    在上面介绍利用JSR94的api使用的章节中,我们使用的具体引擎的实现是一个商业产品,如果想了解Drools的使用,这里有一份入门的参考文章:http://blog.csdn.net/tige...
  • sunzhiqiang1984
  • sunzhiqiang1984
  • 2010年04月26日 10:11
  • 712

asp.net从零开始---002--前端页面布局

前端就是给人看的界面,后台人员不仅要知道后台代码的编写,更要知道前端的布局。有时候要比前端人员知道的还要多,因为有可能前端人员是个21天精通ps的大师级人物。这时候你可以自己写前端。1.CSS CSS...
  • lw_zhaoritian
  • lw_zhaoritian
  • 2016年08月03日 12:49
  • 3450
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:页面布局的简单规则
举报原因:
原因补充:

(最多只允许输入30个字)