资讯
当前位置:首页 - 资讯 - 网页设计
网站外观设计的基本要素
日期:2019-07-11 类型:网页设计

  网站外观设计的基本要素

  今天小编缎大家具体分析网站的外观应具有的基本要素。它们有以下几项内容:简洁、主色调、视觉效果、对比与调和、流畅、和谐

  1.简洁

  简洁是网页设计的重要原则,也是确定网站整体风格的依据之一网站建设的主要目的是为了进行信息交流,使信息更易于浏览者使用是十分重要的,除此以外的其他东西都处于从属的地位。YAHOO网站为我们提供了杰出的典范,如图2-17所示。它的中文网站首页非常的简洁、高效,值得认真体会。

图2.17.jpg

  图2-17中国雅虎主页

  2.主色调

  作为一个网站,应该有自己的主色调,并体现在每一个网页中。过于繁多和凌乱的颜色会使浏览者感到厌烦。

  网页的颜色搭配一般最好不超过3至5种,而且其中有一种为主色调,居主导地位.具体要根据网站的风格而定,比如是要体现热烈的、活跃的、大方的、清新的还是简洁的,还要配合内容,比如文学性网站可以做得大大方方,适合用单色,图案也应尽量简洁;体育网站要充满活力,建议使用暖色调,并且可以同时用两、三种颜色营造出一种热烈的气氛,采用一些不规则的图案。

  另外,背景图片要配合网页内容来使用,深色背景、大花图案一定要谨慎慎使用用,一般情况下尽量挑选图案简洁、颜色单一的图片,颜色不宜选用太亮的,要顾及到长时间观看会变得刺眼;在同一网站中不适宜频繁更换背景,以免每次换页都要花时间下载,采用相同的背景还可增加网页一致性,树立风格。

  我们可以从以下几个网站的色彩使用上得到一些启发。

  (1)中国瓷器

  该网站以白色为背景,营造出洁净、细膩、典雅的氛围,同时与色彩斑斓的瓷器形成强烈的反差,让人感觉到瓷器工艺品的精致和美丽,如图2-18所示。这种颜色搭配是展现色彩丰富的工艺品的一种和谐方式。

图2.18.jpg

  图2-18中国瓷器网站主页

  (2)古董仿制品

  这个网站采用灰白底色作衬托,似乎没有突出人们通常理解的古朴气质,但它有可能适用于中世纪欧洲的传统白色调。由于东西方文化有较大的差异,因此在设计传播中国文化的网站时,可能更宜选择那些体现东方古典风格的颜色,如图2-19所示。

图2.19.jpg

  图2-19古董仿制品网站主页

  (3)食品批发商

  当进入该站首页,首先感受到的是生机盎然的景象,色彩鲜艳的各类蔬菜给浏览者以新鲜的视觉冲击,由此引发购买欲望。它同时用淡淡的蔬菜图案作背景,时刻宣传公司的主要业务,同时延长感官上的刺激时间,如图2-20所示。

图2.20.jpg

  图2-20食品批发商网站主页

  3.视觉效果

  视觉效果对于网页而言是相当重要的创意成分,它主要体现在网页结构与排版上。好的网页结构是我们追求的目标。

  经过对许多成功网站的分析,我们发现,除了网页上面的标题部分和下面的结尾部分网页中间的主体部分一般都采用1:2,2:1或1:2:1的结构。像图2.21所示的阿里巴巴网站的网页就是采用1:2结构。

图2.21.jpg

  图2-21阿里巴巴网站主页

  下面我们介绍几个不同类型的网站,分析它们网页的结构。

  (1) 引擎网站一一搜狐

  如图2.22所示,基本上为1:2:1结构,而前面提到的YAHOO网站,则是2:1结构(参见图2.17)。

  图2,22搜狐网站主页

  (2)技术网站—(delphi程序员之家)

  如图2.23所示为1:2:1结构,没有多少花哨的图片,风格相当简朴。但内容十分丰富,设计搭配也很合理。

  图2.23程序员之家主页

  (3)专业网站一一(中国旅游网)

  如图2-24所示为1:2:1结构,页面相当朴实,显示了设计者的功底。

图2.24.jpg

  图2-24中国旅游网主页

  通过上述几个例子可以看出,网页中间的主体部分一般都采用1:2, 2:1或1:2:1的结构。这是最常见、最流行的网页结构方式,因为它可以方便地、有条理地组织网页的信息。当然,这并不意味着一定要采取这种结构方式,只要能够合理地组织信息、便于交流,那么采用其他更为灵活多变的结构方式也是可以的。

  4.对比与调和

  对比与调和是网页设计中一个十分重要的部分。对比是指在质或量方面相互差异甚大的两个要素同时在一起时,两者之间有相互作用的性质,彼此相互衬托。对比是为了使主题画面具有变化和生气而运用的方法。而调和是构成美的对象在部分与部分之间的相互关系。它无论是在质的方面还是在量的方面都没有矛盾,各部分所传达给人的感觉和意念不是相互分离或排斥,而是一个部分多样性的整体统一来表现美的状态。

  在网页设计中,达到好的效果要首先合理利用对比的因素,例如文体的排布,字体的大小、粗细、颜色,图片的宽窄,比例的反差、透明以及位置的放置等,最终的目的就是达到较为强烈的视觉效果:还要利用调和的因素,即构图的联系点,使网页整体感觉突出,不至于仅仅因为对比而造成割裂的感觉。只有做到对比和调和的相辅相成,才能使网页页面鲜明、突出,更好地表达出设计者的意图。

  5.流畅

  浏览者一般先很快通读一遍,而后开始阅读,对信息常常看许多遍,而不是一遍。他们的第一遍通读是看总体的形状和图案,尔后才开始阅读更深的内容。一个好的网页设计首先应将浏览者引到起点,然后以最佳的顺序带他们经过网页,从而获得最大的理解程度。记住,浏览者总是先看网页中大的、色彩丰富的、鲜明的部分,然后通常按从左到右和从上到下的顺序浏览。

  6.和谐统一

  网站的众多单独网页应该像和谐的整体,也即各页面的风格应该尽量统一。通过对单独元素(图形、字、空白)使用一定的尺寸、颜色、位置,并在网站的每张网页上使用同样的Logo相似风格的图标。

  这种统一性有助于引导浏览者浏览信息,并让他们了解所处的位置。同时,在图形与文本之间也存在一个和谐的问题。尽力使插图与原稿匹配。



  • 在线咨询
  • 咨询电话
  • 返回顶部
  • 0757-22138235
    13380830328