搜索:
首页 >> 网页设计 >> 前端设计 >> 网页设计中的对比原则与接近性原则

网页设计中的对比原则与接近性原则

2010-3-30 asp之家 网友评论投递文章

一、 网页设计中的对比原则

一件网页设计作品由许多元素构成,它们的重要性各不相同,其中一些元素的重要性要高于其它元素。一些相互关联,而另一些则没有任何联系。棘手的是如何有效地和可视化地表达这些元素,这正是对比原则发挥作用之处。

对比产生在两个或多个元素之间,设计者可以利用对比对用户产生直接的视觉吸引。想象一下,如果页面上所有的元素都是同样的样式,那么整个页面将是无序的,页面结构也没有流动性和层级性。内容阅读起来将变得非常困难。这使得对比原则成为页面web设计中一个必要的方法。

这篇文章中我们将看看如何使用对比在颜色、大小和对齐方式三个方面创建一些不同之处。

颜色对比

许多人一想到对比便立刻想到颜色。尽管对比原则并不仅仅限于颜色对比,但它对于用户识别各种元素的确大有帮助。

现在几乎所有的页面一般都包括头部、内容区域和底部。这三部分是完全不同的,它们在视觉上应当区分明确,使用背景颜色产生对比是一个不错的方法。

站点Church Media Group就是一个非常好的例子。它的头部和底部均采用了深色背景,而内容区则采用白色背景。这使内容区域和其他部分截然分开,并且使其重要性更加突出。如果仔细观察,我们会发现在内容区还有另外一层的背景对比。内容区上半部分的特色产品区用了亮蓝色的背景,而它和内容区其他部分的对比则并不强烈,这就告诉我们这两部分是相互关联的。

Phil Renaud's portfolio 使用了一个独特的布局和色系。他使用了金黄色来使左侧的导航和其他部分的棕色产生对比。

文字也可以使用颜色产生对比。Billy Tamplin 在这方面有一个非常棒的作品,它分别给页面标题、副标题和段落文本使用不同的颜色。对于博客风格的布局,在文章标题和内容文本之间创建对比是非常重要的。它可以使用户在拖动滚动条时很容易地看到文章的起始部分。

Tags:网页设计  对比  原则 
站长工具
Google 相关搜索查询:
相关文章
loading 请稍等,评论加载中...

学习Asp到Asp之家(Aspxhome.com)

闽ICP备09044667号-4