网站知识

网页布局技巧

来源:实搜网络   2017-02-16

 

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

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

       1、颜色对比

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

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

       2、大小对比

       在Web设计中另一种创建对比的方法就是让元素的大小产生不同,是其中一些元素的尺寸比其它的大。

       当你无法使用颜色对比时,可以考虑使用大小对比。

       正如可为文字标题应用颜色来创建对比一样,使用大小也可以。

       3、对齐方式对比

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

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


实搜网络为您提供网络推广网络营销网站建设SEO优化微信开发网站托管等服务,服务热线:0311-66697360