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

  宏点网络(兰州宏点信息技术有限责任公司)专业从事甘肃网站建设、网站制作、网页设计,网站推广服务,依托甘肃网站建设、兰州网站建设制作为企业提供网站推广网络营销策划服务。

  甘肃网站建设(兰州网站建设)网页设计中的对比原则

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

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

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

  甘肃网站建设(兰州网站建设)颜色对比

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

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

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

  有的甘肃网站建设(兰州网站建设)使用了一个独特的布局和色系。他使用了金黄色来使左侧的导航和其他部分的棕色产生对比。

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

  甘肃网站建设(兰州网站建设)大小对比

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

  正如可为文字标题应用颜色来创建对比一样,使用大小也可以。用Big headings为站点内容创建层次是一个很好的方法,有些甘肃网站建设(兰州网站建设)使用了大标题来吸引访问者的注意,并且吸引他们阅读下面字号稍小的一些段落。

  甘肃网站建设(兰州网站建设)对齐方式对比

  好的甘肃网站建设(兰州网站建设)对齐方式在高质量的web设计中发挥着很大的作用。当把东西对齐放置时,它们看起来会很舒服。但我认为这恰恰是用不同的对齐方式创建对比的困难之处,并且应谨慎使用。不过如果使用得当则能创建非常有效的分割效果。

  甘肃网站建设(兰州网站建设)在每个标题下面的内容块应用了很大的外边距,和大字号的标题一起创建了明显的对比。如果要采用这种方式,务必要使对比显得明显一些,否则就会看起来像是错误地进行了设计。

  把大段的内容居中放置是排版布局中的禁忌,它使内容很难阅读。然而不要怕把居中的标题和左对齐的内容段落放在一起,因为这是应用对齐方式创建对比的另一种很好的方式。如果和衬线字体一起放置,可以使你的布局呈现一个非常经典的外观。

  另一些甘肃网站建设(兰州网站建设)为每个内容块使用居中标题和左对齐的段落,标题的字号相对于段落字号不是很大,但这使两者截然分开。

  Now Go and Be Different

  学习在设计作品中创建合适的对比和掌握其他设计原则的一样的,都需要实践。花点时间来学习优秀的设计作品,并看看他们是如何运用对比原则的。记住对比是关于事物之间的区别的。如果两个元素在其性质上区别很大,那么一定要使其外观的区别也很明显。
作者:宏点网络
来源:hongdianwangluo.com

兰州宏点信息技术有限责任公司,简称宏点网络,品牌网站与互联网应用服务商,成立于2001年8月28日。宏点网络致力于为成长中的政企客户提供互联网应用开发和配套服务。我们从事甘肃兰州中小企业网站建设、网页设计,各级政府站群、各类学校站群、大中型国企站群项目的实施,微信小程序开发和微信公众号开发以及苹果iOS的APP开发和安卓Android的APP开发等业务。
历史
400-6808-205
全国24小时客服专线