来学吧—CCTV《超越》栏目教育培训行业合作伙伴, 专注于产品经理人才的培养9年. 乐产功场®培养产品经理的黄埔军校. 联系我们 优势解读 课程设置 关于我们

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

http://laixueba.com 2012/9/29 17:17 来源:大众网络报
设计网站需要考虑的因素非常之多,从前期网站开始时的定位、设定网站框架、整理资料,到具体制作中的设计环节,再到最后的调试、发布、宣传,这是一个环环相扣的过程。在此我们仅仅从设计师的角度来整体把握如何设计成功的网站。
文章来自于【来学吧】http://laixueba.com/ux/view.asp?ArticleID=104

  在一般人眼中,“网站”几乎就代表着“互联网”。网站本身的价值正在被人们不断的发现,不断的认可。“如何设计一个成功的网站?”已成为越来越多的网页设计师所思考、关注的问题。本人从事商业网站建设已经有两年以上的经验,在此只想抛砖引玉,提出自己的一些想法,欢迎高手指点!

  设计网站需要考虑的因素非常之多,从前期网站开始时的定位、设定网站框架、整理资料,到具体制作中的设计环节,再到最后的调试、发布、宣传。这是一个环环相扣的过程。在此我们仅仅从设计师的角度来整体把握我们这次想讨论的主题——如何设计成功的网站!由于篇幅有限,我们仅仅讨论设计网站时重要的两大部分:整体风格和色彩搭配。

一、确定网站的整体风格

  网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。

  风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网站给人们留下的不同感受。

  在这里,我提供给大家一些参考经验:

  1.将你的标志logo,尽可能的放在每个页面上最突出的位置。
  2.突出你的标准色彩。
  3.总结一句能反映贵站精髓的宣传标语!
  4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!

二、网页色彩的搭配

  无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。

  关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。

  1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。
  2.用两种色彩。先选定一种色彩,然后选择它的对比色。
  3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。

  在网页配色中,还要切记一些误区:

  1.不要将所有颜色都用到,尽量控制在三~五种色彩以内。
  2.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

新浪微博