返回    建站常识 > 正文

“对比”原则在网站建设中的使用

浏览次数:740次 添加时间:2010-10-20

  在网站建设中网页设计是由很多个不同的元素构成的,这些元素的重要性都不同,有些元素需要特别突出、有些元素彼此之间存在着联系,而另外的元素之间则一点关联性都没有。比较难办的是如何有效的在视觉上来传递元素之间的关系。这就该用到对比原则了。

  对比就是两个或更多个元素之间的不同。通过对比,网站设计师就可以创造出视觉趣味性,同时引导用户的注意力。想象一下,如果网站页面上所有的元素都是一个模样,那就会觉得这些内容没有组织,没有"(视线)流",没有明确的结构,也很难去理解和接受。因此在网站建设的网页设计中,对比是很重要的一部分。

  下面我们就如何通过颜色、尺寸、对齐方式这三个方面的对比原则来设计出更优秀的网页。


一、网站建设中的颜色对比

  大多数人听到“对比”这个词,他们首先想到的就是颜色。尽管对比原则中不只包含颜色,但是颜色对于帮助用户识别页面中不同的元素有很大的帮助。

  一般网站页面都包含页头,内容区,页脚。那么我们就需要从视觉上清晰的区分中这三个不同的部分。很好的方法就是: 使用不同的背景色。

  页头和页脚可以使用较深的背景色,内容区用白色。通过这种差异,可以很明显的突出内容,并表现出它的重要性。如果我们想深入点,那么在内容区域也可用不同的背景色对比:但这里的颜色对比一定不要反差过大,这样不太明显的对比表示出这两个部分是有关联的。

    另外在网站建设的页面文本之间也可以使用颜色来形成对比。象标题,副标题,文章段落可以分别使用不同的颜色,将各部分合理的区分并建立视觉结构,最终可以获得很好的效果。如果作为博客的界面来,在文章标题和主体内容之间建立对比是很重要的。这样在用户滚动页面的时候,就可以让他们清楚的看到文章的从哪开始和到哪结束。


二、网站建设中的尺寸对比

  在网站建设的页面设计中另外一种对比方式就是不同的元素使用不同的尺寸。换句话说,让一部分内容比其他的更大。

  在不能依靠颜色的时候,通过尺寸建立对比则变得非常重要。如果一个网站建设的设计页面配色很少,可以建立三列布局的结构,设计师可以在中间列使用了大得多的宽度-比左侧和右侧列的两倍还大。让用户一眼就能看出来,中间那列是页面中最重要的部分。


    正如标题可以使用颜色来建立对比,尺寸也可以。在网站建设的网页内容中,大标题是建立视觉结构很好的方法。非常多优秀的网站中,都使用大标题来吸引用户的注意力并且留住他们,这样用户就会阅读下面那些稍小的段落中更多内容。


三、网站建设中对齐方式的对比

  在高品质网页设计中,好的对齐方式占了很大的比重。当物品排成一行时,通常看上去感觉更好。因此,我觉得使用不同的对齐方式来建立对比是较难的而且要更谨慎的使用。但是如果做的好的话是非常有效的。

  我们在网站建设的时候可以在网页标题下面的内容块左侧使用了一个很大的留白。再加上大尺寸的标题,就能形成一个很好的对比效果。如果你想使用不同的对齐方式,那么一定要将这种不同的尺度做大,否则最后会看起来像一个糟糕的设计中的失误。

    居中的大段文字是一个排版中的禁忌。因为会造成文本很难阅读。但是,可以尝试将左对齐的文本段落和居中对齐的标题混合起来。这是使用不同的对齐方式建立对比的另外一个好办法。再结合使用一种漂亮的衬线字体,这样也能获得很漂亮的效果。

  希望所有从事网站建设的同行们在做网站设计中建立合适的对比跟学习其他的设计准则一样–不断的去练习。并花些时间来研究那些优秀网站设计师的作品,看看他们是如何使用对比的。要记住,对比就是"不同"。如果两个元素实质上就是非常不同的,那么一定要让它们有明显的视觉差别。只要坚持在网站建设中不停的使用对比原则,那用不了多久我们就会感觉到自己的网站设计作品在质量和效果上将会有一个大的提高,甚至是飞跃。

 

手机地图   一键拨号:400-881-0901
@2013 南京逗点有限公司 www.nanjingweb.com