当前位置:首页 > 网页美工设计

颜色对比在网页设计中的应用

   现在几乎所有的页面一般都包括头部、内容区域和底部。这三部分是完全不同的,它们在视觉上应当区分明确,使用背景颜色产生对比是一个不错的方法。如果页面上所有的元素都是同样的样式,那么整个页面将是无序的,页面结构也没有流动性和层级性。内容阅读起来将变得非常困难。这使得对比原则成为页面web设计中一个必要的方法。如何使用对比在颜色、大小和对齐方式三个方面创建一些不同之处呢?

  颜色对比

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

  大小对比

  在Web设计中另一种创建对比的方法就是让元素的大小产生不同,是其中一些元素的尺寸比其它的大。当你无法使用颜色对比时,可以考虑使用大小对比。Taxi在布局上做了很多而只使用了很少的颜色。所以为了在三个栏目之间创建出层次,设计者为中间一栏使用了比左右两栏大了很多的宽度,这使得用户很明显地认为中间一栏是整个页面最重要的部分。正如可为文字标题应用颜色来创建对比一样,使用大小也可以。

  对齐方式对比

  好的对齐方式在高质量的web设计中发挥着很大的作用。当把东西对齐放置时,它们看起来会很舒服。但我认为这恰恰是用不同的对齐方式创建对比的困难之处,并且应谨慎使用。不过如果使用得当则能创建非常有效的分割效果。把大段的内容居中放置是排版布局中的禁忌,它使内容很难阅读。然而不要怕把居中的标题和左对齐的内容段落放在一起,因为这是应用对齐方式创建对比的另一种很好的方式。如果和衬线字体一起放置,可以使布局呈现一个非常经典的外观。

  网页设计学习在设计作品中创建合适的对比和掌握其他设计原则是一样的,都需要实践。

不知道学什么,免费为您解答所有疑惑
姓名不能为空
手机号码不能为空

上一篇:网页设计中的颜色如何搭配?

下一篇:网页设计中色彩怎么选择?

返回首页

在线咨询

在线报名

电话报名