网页设计中的对比原则与接近性原则
发布时间：2010-03-30 14:51:00
一、 网页设计中的对比原则
一件网页设计作品由许多元素构成，它们的重要性各不相同，其中一些元素的重要性要高于其它元素。一些相互关联，而另一些则没有任何联系。棘手的是如何有效地和可视化地表达这些元素，这正是对比原则发挥作用之处。
对比产生在两个或多个元素之间，设计者可以利用对比对用户产生直接的视觉吸引。想象一下，如果页面上所有的元素都是同样的样式，那么整个页面将是无序的，页面结构也没有流动性和层级性。内容阅读起来将变得非常困难。这使得对比原则成为页面web设计中一个必要的方法。
这篇文章中我们将看看如何使用对比在颜色、大小和对齐方式三个方面创建一些不同之处。
颜色对比
许多人一想到对比便立刻想到颜色。尽管对比原则并不仅仅限于颜色对比，但它对于用户识别各种元素的确大有帮助。
现在几乎所有的页面一般都包括头部、内容区域和底部。这三部分是完全不同的，它们在视觉上应当区分明确，使用背景颜色产生对比是一个不错的方法。
站点Church Media Group就是一个非常好的例子。它的头部和底部均采用了深色背景，而内容区则采用白色背景。这使内容区域和其他部分截然分开，并且使其重要性更加突出。如果仔细观察，我们会发现在内容区还有另外一层的背景对比。内容区上半部分的特色产品区用了亮蓝色的背景，而它和内容区其他部分的对比则并不强烈，这就告诉我们这两部分是相互关联的。
Phil Renaud's portfolio 使用了一个独特的布局和色系。他使用了金黄色来使左侧的导航和其他部分的棕色产生对比。
文字也可以使用颜色产生对比。Billy Tamplin 在这方面有一个非常棒的作品，它分别给页面标题、副标题和段落文本使用不同的颜色。对于博客风格的布局，在文章标题和内容文本之间创建对比是非常重要的。它可以使用户在拖动滚动条时很容易地看到文章的起始部分。
0
投稿猜你喜欢
- 数据库查询优化的实用技巧：本文中，abigale代表查询字符串，ada代表数据表名，alice代表字段名。技巧一：问题类型：ACCESS数据
- （一）行号显示和排序 1.SQL Server的行号 A.SQL 2000使用identity(int,1,1)和临时表，可以显示行号 SE
- 讲这个方法之前，我们应该先了解下插入节点时浏览器会做什么。在浏览器中，我们一旦把节点添加到document.body（或者其他节点）中，页面
- 西贝做了许久的交互设计工作，每年的目标都有不同，却发现今年没有什么提高和改进的地方。也许是自己没有回头总结，总是被这样那样的借口推脱。最近休
- Oracle 数据库启动Oracle shutdown的时候突然断电，导致使用sql/plus启动时无法连接到数据库，具体描述为： conn
- 首先建一个access 数据库，库中有一个URLINDEX表，其中URL和Keywords字段分别添加了索引，如下：URL &nb
- 1、动态sql， 即动态参数：在存储过程中，想要直接用表名变量做参数，动态执行sql，不能直接写<P>create proced
- 1、简单的按钮js事件 用于判断和显示提示 <script type="text/javascript&
- 从PJBlog 2.7开始，验证码的功能就很好很强大了，但是同时也给手工输入带来了不小的麻烦——经常输错。之前我写了一个《自己写的一个PJB
- MySQL Group By用法我们现在回到函数上。记得我们用 SUM 这个指令来算出所有的 Sales (营业额)吧!如果我们的需求变成是
- 经常看见MOP上有人贴那种动态的图片，就是把一个字符串作为参数传给一个 * 页，就会生成一个带有这个字符串的图片，这个叫做文字水印。像什么原
- HTML与CSS在Flash中的应用:不小心看到同事Den在弄个小东西：在Flash里使用HTML和CSS，代码是这样：var m
现在的互联网上已经有很多能帮助设计师们的各种在线生成器，比如:图标(icon)生成器、背景生成器、按钮生成器和标志生成器等。Balkhis曾- 工作时常遇到需要在其它地方拷贝样式，比如Firebug之类的，但是复制出来的样式是带有换行和空格的，对于我这种有点洁癖的人来说，经常会一个个
- 各位大哥： 在javascript中如何取整？比如： var
- 古巴比伦王颁布了汉摩拉比法典，刻在黑色的玄武岩，距今已经三千七百多年，你在橱窗前…熟悉吧？没错，这就是周董的爱在西元前歌词。前不久工作不是很
- “博客就像一本书”这话其实几个月前深圳FB时就有扯到，这也不是什么新概念，也许本身就应该是这样。打个比方，当你拿到一本未看过的书时，理论上你
- 如果你正在运行使用MySQL的Web应用程序，那么你把密码或者其他敏感信息保存在应用程序里的机会就很大。保护这些数据免受黑客或者窥探者的获取
- 一：从版本3.23升级到4.104.10新特性：支持事务处理和存储过程升级过程的注意事项：1:升级采用直接复制安装文件的方法，简单实用，但要
- 用下列代码即可:<％On error resume nextSet session=Creat
