网页色彩搭配原则和方法

在选择网页色彩时,除了考虑网站本身的特点外,还要遵循一定的艺术规律,从而设计出精美的网页。网页配色很重要,网页颜色搭配是否合理会直接影响到浏览者的情绪,好的色彩搭配会给浏览者带来很强的视觉冲击力,不恰当的色彩搭配则会让浏览者浮躁不安。

    1、色彩的搭配原则
  
    在选择网页色彩时,除了考虑网站本身的特点外,还要遵循一定的艺术规律,从而设计出精美的网页。
  
   (1)色彩的鲜明性
 
    如果一个网站的色彩鲜明,很容易引人注意,会给浏览者耳目一新的感觉。
  
   (2)色彩的独特性
 
    要有与众不同的色彩,网页的用色必须要有自己独特的风格,这样才能给浏览者留下深刻的印象。
  
   (3)色彩的艺术性

确定网页布局类型需注意事项及方法

在确定网页布局类型的时候,最重要的注意事项是网站的内容机构和性质。
 
    通过网页要表达的内容确定信息类型及层次机构将直接影响网页布局和导航结构,这也是在确定网页布局类型时必须要考虑的事项。网页布局必须通过设计向使用者提供便利的使用环境和很强的实用性。

    内容性质是考虑有效的表现策略和方法时要注意的事项。内容性质不会对网页布局结构和形态带来直接影响;不过,在确立设计理念的过程中,内容性质是可以检验并判断普通、独特、实验等网页布局形态的设计是否适合网页外观风格的标准。

网页布局结构的标准——信息架构

信息架构好比是水果店里的水果摆放的方式。水果店按照不同品种和价格摆放水果,也就是说,摆放水果的时候,首先按照种类将水果分为橘子、苹果、李子、西瓜等。然后以水果的大小、品种、质量为基准,依照价格对水果进行分类。这种最常见的水果摆放方式有助于顾客挑选想要的水果。顾客进入水果店后,水果的品种和质量一目了然;如果水果混杂在一起的话,顾客就要花费很多时间辨别水果的品种和质量,也不容易确认不同大小或质量的水果价格的差别。另外,通过这种摆放方式还可以激发顾客的购物欲,摆放整齐、色彩鲜艳、散发着浓浓香气的新鲜水果,绝对能给顾客带来强烈的视觉、味觉冲击,激发顾客的购买欲。在不同季节里,商家还把最多的当季水果摆放在显眼的地方,这也是考虑到人们在不同季节有着不同的喜好而实行的销售策略。

网页配色的三条基本原则

网页配色并不是一件很容易做好的事情,它可以说是一项技术性的工作,同时它也是一项非常具有艺术性的工作。如果没有对颜色的认识和视觉的把握能力,是没有办法做好网页配色的。除了上述能力外,设计者在进行网页配色时还需要考虑网站本身的特色,并遵循一定的艺术规则,才可以让网页的色彩具有独特的吸引力。下面提供几个网页配色的基本原则,为读者在实际配色中起到指导作用。

    为什么说网页配色可以提高网站的知名度呢?因为网页设计首先是属于一种平面设计,在排除立体图形、动画效果外,在二维空间中,颜色的冲击力给人的感觉是最强烈的,所以一个网站配色做得好,自然会给人留下很好的印象,也更加容易让人记住。

网页布局的连贯性和多样性

这种整体性是通过网页布局(Layout)和视觉效果(Visual Effect)体现出来的。网页布局的连贯性要能提供网站的体验形象,也就是让使用者能够通过所有页面都是用的网站导航、公司标志、标题、子菜单、内容的排列及位置的连贯性等来进行网上冲浪;这种体验形象的提供,便于使用者浏览网站。

    网上冲浪就如同在到处是方向标志的未知世界里漫游一样,用户可以选择的道路和内容是无穷无尽的,为了让用户搞清楚自己停留的地方是哪里、位置是哪里,网站的整体性就显得非常重要。

怎样才是好的网页设计(下)

网页设计是一个比较特殊的设计方向,除了美观合适的设计之外,还要负担网页设计所固有的功能性设计、体验性设计。每个网页设计的最终目的是要让用户来浏览和使用的,这也是网页设计的价值体现。那么怎样才是好的网页设计呢?

    4、模块化和可修改性强

    一名优秀的网页设计师在最初草稿设定的时候就应该把网页的内容规划到位。所谓的到位,包括考虑网页的内容更新以及模块修改等内容。

    模块化不仅可以提高重复使用的可能性,也能统一网站风格,还可以降低程序开发的强度。这里就需要设计一些尺寸规范、模块化内容、规则化命名规范等内容。

网页布局的三种形态(上)

 网页设计师经常容易忽略网页布局形态要素,这是因为他们只重视基于网页布局结构的使用性,没有过多地考虑网页布局形态要素。但是,在构思网站时,网页布局形态也是一个非常有效的设计要素,它有助于网页设计师扩展思路、激发创意,因此完全有必要兼顾网页布局结构和网页布局形态为一体。通常网页布局形态主要有三种,分别是普通形态、独特形态、实验形态。
 
    一、普通形态

   “普通形态”就好比是过去的瓦房。瓦房的规模差别很大,但是外形基本上都是相似的。同样道理,网站的规模可能有很大的差异,但是它们的外观非常相似,这些网站可以称为“普通形态”。

网页设计布局浅析(二)

九宫格又叫三分法,由横竖各三个网格组成,焦点就是所谓的“热点区域”。三分法可以为设计带来活力与动感,是画面、构图和排版的导向。在构图的热点区域中安置关键的视觉元素,不仅可以将人们的注意力吸引到元素本身,还能为整体构图带来平衡。利用三分法来安排元素位置的做法,为设计引入了成比例的概念,可以帮助人们获得审美上的愉悦。

    1、大布局

    网页的布局基本上分为上中下、左中右、左右、上下与上下左右混合等几类。同时我们还要思考分辨率与网页大小的关系。现在大部分的显示器都是1024px×768px以上的分辨率了。那我们的宽度是不是一定也要相应变得宽一点呢?答案是合理的宽度对比。因为网页本身也会与浏览器产生视觉对比,如果塞得太满,势必不是很好看。留下空隙网面与留出来的空白也可形成一定的对比。

网页设计布局浅析(三)

九宫格又叫三分法,由横竖各三个网格组成,焦点就是所谓的“热点区域”。三分法可以为设计带来活力与动感,是画面、构图和排版的导向。在构图的热点区域中安置关键的视觉元素,不仅可以将人们的注意力吸引到元素本身,还能为整体构图带来平衡。利用三分法来安排元素位置的做法,为设计引入了成比例的概念,可以帮助人们获得审美上的愉悦。

    3、图片

    在处理图片的时候也会用到布局,比如文字放在什么地方,标志放在什么地方,这些都是布局的范畴。因此这里也要应用上述的概念,重要的核心不要放在正中或过于偏向角落。当然也会遇到重心的对象很大,基本占满了画面的情况。

网页配色的方法

网页配色涉及的方面很多,所以处理起来务必细心,并且需要进行多次的测试,以取得最佳的显示效果。下面提供几个关于网页的配色的方法,以提高读者在配色方面的能力。

    1)底色与图形要协调。

    目前,图像在网页中可以说是不可缺少的元素,而图形的色彩也影响着整个网页的色彩效果。特别是网页底色与图形色的搭配对网页的效果非常重要。

    一般来说,我们会使用图形作为页面主要元素,所以底色与图形之间必须有明显的对比,这样才可以非常鲜明地突出页面的内容,将图形的美感快速传递给访问者。如果底色跟图形色没有明显对比,甚至色彩效果还超过图形,就会喧宾夺主,掩盖了图形的效果。