浅谈网站建设时的版面布局和色彩搭配

网页中最难处理的也就是色彩搭配的问题了。如何运用最简单的色彩表达最丰富的含义,体现企业形象是网页设计人员需要不断学习、探索的课题。如何进行色彩搭配是一门学问,下面的一些方法是在实践过程中的体会,希望能够为您起到一定的参考作用。
1、使用过渡色:过渡色能够神奇地将几种不协调的色彩统一起来,在网页中合理地使用过渡色能够使你的色彩搭配技术更上一层楼。过渡色包括几种形式:两种色彩的中间色调、单色中混入黑、白、灰进行调和以及单色中混入相同色彩进行调和等等,您可以自己尝试调配,在以后的更新中,我会专题介绍如何使用过渡色。
2、运用对比色或互补色:所谓对比色,是指色相环相距较远,大约在100°左右,视觉效果鲜亮、强烈,而互补色则是色相环上相距最远的连种色彩,即相距180°,其对比关系最强烈、最富有刺激性,往往使画面十分突出,如:,这种用色方式容易塑造活泼、韵动的网页效果,特别适合体现轻松、积极的素材的网站,缺点是容易造成色彩的花,使用中注意色彩使用的度。
值得注意的是,以上两种用色方式在实际应用中要注意主体色彩的运用,即以一种或两种色彩为主,其它色彩为辅,不要几种色彩等量使用,以免造成色彩的混乱。
3、运用相同色系色彩:所谓相同色系,是指几种色彩在360°色相环上位置十分相近,大约在45°左右或同一色彩不同明度的几种色彩,如:,这种搭配的优点是易于使网页色彩趋于一致,对于网页设计新手有很好的借鉴作用,这种用色方式容易塑造网页和谐统一的氛围,缺点是容易造成页面的单调,因此往往利用局部加入对比色来增加变化,如局部对比色彩的图片等。这种方法不失为一种设计的好方法。
一般来说,企业网站首页的布局比较灵活,着重设计,这里我所说的布局主要是指内页的版面布局。中、小型企业网站的内页布局一般比较简单,即内页的一栏式版面布局,从排版布局的角度而言,我们还可以设计成等分两栏式、三栏式、多栏式,不等分两栏式、三栏式、多栏式等等,但因为浏览器宽幅有限,一般不宜设计成三栏以上的布局。
在版面布局中主要是考虑导航、必要信息与正文之间的布局关系。比较多的情况是采用顶部放置必要的信息,如公司名称、标志、广告条以及导航条,或将导航条放在左侧而右侧是正文等等,这样的布局结构清晰、易于使用。当然,您也可以尝试这些布局的变化形式,如:左右两栏式布局,一半是正文,另一半是形象的图片、导航;或正文不等两栏式布置,通过背景色区分,分别放置图片和文字等等。在设计中注意多吸取好的网站设计的精髓。 

Read More

网站设计风格和色彩搭配经验

在多年的网站设计中,总结了一些网站风格与色彩搭配的方法,希望对大家有所帮助。
一、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网站给人们留下的不同感受。
在这里,我提供给大家一些参考经验:
将你的标志logo,尽可能的放在每个页面上最突出的位置。
突出你的标准色彩。
总结一句能反映贵站精髓的宣传标语!
相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!
 
二、网页色彩的搭配
无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。
关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。
2.用两种色彩。先选定一种色彩,然后选择它的对比色。
3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
在网页配色中,还要切记一些误区:
1.不要将所有颜色都用到,尽量控制在三种色彩以内。
2.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。 

Read More

网站设计中的色彩搭配

  在网站社设计中,合理的色彩搭配可以使浏览者看着赏心悦目,清晰自然,本文就来谈谈网站设计中的色彩搭配注意问题和色彩搭配的原则。
  一.色彩搭配应注意的问题;
  1.避免使用单色。
  一个文章只使用一种色调,网站访问者会感到单调。
  2.可以考虑临近色。
  使用邻近色可以使网站颜色过渡自然,同时又可以看起来协调。
  3.使用对比色
  使用对比色可以产生强烈的视觉效果,使网站重点更突出。在网站设计中可以起到画龙点睛的作用。
  4.网站背景色的使用
  网站背景色的颜色不易过深,一般应采用比较淡雅的颜色。同时背景色的颜色要和网站的文字对比明显。
  5.网站色彩数量
  一般来说,网站的色彩数量不易过多,最好不要超过3中。
  二、网站色彩搭配应注意以下原则
  1.搭配合理
  网站的不同颜色搭配看起来和谐,同时又能产生不错的视觉效果。不要使用过于刺眼的颜色,这样容易造成视觉疲劳。
  2.有自己的特色
  网站的颜色搭配最好能表现出自己的鲜明个性。
  3.有一定视觉冲击力
  您的网站能让访客产生眼前一亮的感觉。看后就产生印象。这是一种至高的境界。 

Read More

网站设计的色彩搭配

  网站设计中的色彩搭配非常重要。一个成功的网站往往取决于对色彩的应用和搭配。在平面效果图上,色彩的冲击力很强,很容易让人留下深刻的印象。
  色彩搭配的原则
  色彩搭配既是一项技术性工作,同时它也是一项艺术性很强的工作,因此,设计者在设计网页时除了考虑网站本身的特点外,还要遵循一定的艺术规律,从而设计出色彩鲜明、性格独特的网站。
  1.特色鲜明
  一个网站的用色必须要有自己独特的风格,这样才能显得个性鲜明,给浏览者留下深刻的印象。
  2.搭配合理
  网页设计虽然属于平面设计的范畴,但它又与其它平面设计不同,它在遵从艺术规律的同时,还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样容易造成视觉疲劳。
  3.讲究艺术性
  网站设计也是一种艺术活动,因此它必须遵循艺术规律,在考虑到网站本身特点的同时,按照内容决定形式的原则,大胆进行艺术创新,设计出既符合网站要求,又有一定艺术特色的网站。
  色彩搭配要注意的问题
  1.使用单色
  尽管网站设计要避免采用单一色彩,以免产生单调的感觉,但通过调整色彩的饱和度和透明度也可以产生变化,使网站避免单调。
  2.使用邻近色
  所谓邻近色,就是在色带上相邻近的颜色,例如绿色和蓝色,红色和黄色就互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱,易于达到页面的和谐统一。
  3.使用对比色
  对比色可以突出重点,产生了强烈的视觉效果,通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调,对比色作为点缀,可以起到画龙点睛的作用。
  4.黑色的使用
  黑色是一种特殊的颜色,如果使用恰当,设计合理,往往产生很强烈的艺术效果,黑色一般用来作背景色,与其它纯度色彩搭配使用。
  5.背景色的使用
  背景色一般采用素淡清雅的色彩,避免采用花纹复杂的图片和纯度很高的色彩作为背景色,同时背景色要与文字的色彩对比强烈一些。
  6.色彩的数量
  一般初学者在设计网页时往往使用多种颜色,使网页变得很“花”,缺乏统一和协调,表面上看起来很花哨,但缺乏内在的美感。事实上,网站用色并不是越多越好,一般控制在三种色彩以内,通过调整色彩的各种属性来产生变化。 

Read More

网站制作色彩搭配谈

  网站制作色彩搭配非常重要,网站制作人员色彩搭配应注意:
  1.色彩的鲜明性。网页的色彩要鲜艳,容易引人注目。
  2.色彩的独特性。要有与众不同的色彩,使得大家对你的印象强烈。(参考设计思考第二篇网站CI的标准色彩一节)
  3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。
  4.色彩的联想性。不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等。
  网站制作中色彩选择应考虑一下几个方面:
  1.明确网站的主题、服务对象及用色彩要表达的目的
  你必须要先弄明白该网站的主题和它的服务。以及你通过色彩希望达到的目的。如网站的服务对象主要是儿童,其网页设计不仅采用卡通和声音等众多形式,还选择了非常鲜艳活泼的色彩。
  2.确定网页的主色调
  根据网站的主题、服务对象及用色目的,给网站的网页选一个主色调,以形成一定风格。整个网页最好只有一个主色调。主调色彩一般可用公司的标准色,这符合公司的形象战略,可以提升公司形象。有关健康的题材可以采用绿色,因为绿色代表蓬勃的生命力。应注意的是,在浏览的允许的范围内选择一种主色调。
  3.根据主调色选择辅助色彩
  辅色是指页面中相对较小面积使用的色彩。它是主色的衬托,使用恰当的能起到画龙点睛的作用。通常常应用于图标、文字、表格、线条、输入框及超链接。主调色确定后,可选一至两种辅助色配合使用,整个网页的色彩最好控制在三色之内。如果整个网页贞采用单色调,即只用一种色相,其辅助色只是在明度和纯度上作调整,间用中性色。采用单色调,易形成一种种风格,在网页的局部要采用少量小面积的对比色以达到丰富页面的效果,网页的辅助色用主调色的邻近色,也可用对比色。 

Read More

网站设计中的风格与用色彩搭配谈

  网站设计的用色合适会形成强大的视觉冲击力,网站风格把握合适会使网站产生浑然一体之感。优秀的网站是网站风格与色彩恰到好处的结晶。本文来谈谈网站的风格与色彩的运用:
  一、网站的整体风格把握
  网站的整体风格是设计师在长期的积累中形成的。就像下象棋,基本的就那么几招,但是应用起来却千变万化,这就是网站的设计的魅力。任何的两个人都不可能设计出完全一样的网站风格。网站风格设计的一些建议:
  1.考虑网站的logo用色。
  2.考虑网站的作用于目的。
  3.考虑网站的使用人群特点:使用习惯、年龄等。
  4.网站所在的行业特点
  二、网页色彩的使用
  1.网站首先应有一个主色调。
  2.辅助色调与主色调的搭配不能过渡太大。
  3.网站的颜色应控制在三到五中比较合适。
  4.在背景色的使用上不易太亮或者颜色太深。颜色以温和比较合适。这样用户不容易视觉疲劳。
  以上是网站设计的一些经验之谈。网站设计风格每个人都有自己的一套。除了在一些特定的状态下,网站的基础风格是基本上应该遵循的。 

Read More