码迷,mamicode.com
首页 > Web开发 > 详细

网站色调如何确定,颜色怎么搭配?

时间:2015-07-02 22:22:19      阅读:289      评论:0      收藏:0      [点我收藏+]

标签:

  一般来说,网站设计的标准色彩不超过3种。标准色彩要用于网站的标志,标题,主菜单和主色块,要给人一整体统一的感觉。其中也可以采用一些其他的元素,但只能作为点缀和衬托,决不能喧宾夺主,适合作为网页的标准色的有:蓝色,黑白灰,黄橙色三大色系。色彩是人的视觉最敏感的东西。主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是“总体协调,局部对比”,也就是:主页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。

  用户在面对令人眼花缭乱的各种各样的网页时,有的令人感觉愉悦,可以让人停留很久。而有的则让人感到厌烦,不能吸引浏览者的目光,这样的网站,其点击率就不可能很高,其中很大一部分的原因是网站的色彩没有制定好。如果是公司网站,最好沿用公司的标准色,人能够在这些标准色的基础上进行变化。
  网站的配色能体现一个网页设计师的理念,而且标准色可以加强企业形象标识的效果,对颜色标准化是强化网站形象最有效的,最直接的方法。在面对色彩的时候,多少会有一些视觉冲击。不同的色相和色调会产生不同的效果。例如:红色和黄色让人感觉温暖,深蓝和深绿让人感觉寒冷,高明度的色彩有前进感,地名度的色彩有后退感;深色的物体让人有沉甸甸的感觉,浅色的物体让人有轻飘飘的感觉,如果不注重色彩的心理效果,即使是很漂亮的颜色,用在不恰当的场合,也回造成不适的感觉。下面介绍几种常用的配色方案: 
1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用,可使主页呈现温馨、和煦、热情的氛围。 
2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用,可使主页呈现宁静、清凉、高雅的氛围。 
3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如:红与绿、黄与紫、橙与蓝等。这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然,对比色调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。这就要把握“大调和,小对比”这一个重要原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。 
最后,还要考虑主页底色(背景色)的深、浅,这里借用摄影中的一个术语,就是“高调”和“低调”。底色浅的称为高调;底色深的称为低调。底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或图片);反之,底色淡的,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或图片)。 这种深浅的变化在色彩学中称为“明度变化”。有些主页,底色是黑的,但文字也选用了较深的色彩,由于色彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响了阅读效果。当然,色彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也会使读者的眼睛受不了。 
  在设计案最一开始的时候,我们习惯先跟客户讨论对方对产品的定位与感觉:稳重、可信赖、活泼、有活力、干净简洁、成熟感...等等。当我们聆听到客户对产品的定位与需求,自然可以确实的选择出最适合客户的设计方向。
色彩是我们接触事物所第一个感受到的最初印象。以网页设计来说,绝大多数的网站不外乎标题、文字、图片、按钮与界面等。而当我们第一次进入一个网站,最先感受到的不是网站提供的资讯或是内容,而是网页的色彩搭配所呈现出来的感受,它暗示了使用者这个网站所代表的方向与意义。网页的色彩是树立网站形象的关键之一,色彩搭配却是网友们感到头疼的问题。网页的背景,文字,图标,边框,超链接...,应该采用什么样的色彩,应该搭配什么色彩才能最好的表达出预想的内涵呢?
首先我们先来了解一些色彩的基本知识: 
1.颜色是因为光的折射而产生的。 
2.红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如:红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们经常看到的"bgColor=#FFFFFF"就是指背景色为白色。 
3.颜色分非彩色和彩色两类。非彩色是指黑,白,灰系统色。彩色是指除了非彩色以外的所有色彩。 
4.任何色彩都有饱和度和透明度的属性,属性的变化产生不同的色相,所以至少可以制作几百万种色彩。
  色彩具有客观性的代表性情感,当然这会因为不同文化上的差异,个人的生活经验、以及感受而有所不同。所以每个人对於不同颜色就会产生不同的感觉及联想。但在绝大多数时候,每个人对於色彩的联想感受是具有相当一致性的。
                                               技术分享

   有看过网站色彩分析相关文章的人一定对这类图片不陌生,它把各种知名网站的Logo与CIS系统以色彩分门别类整理,以下这张是来自ColorLovers的整理。  
                                             技术分享

    我们发现,大部分网站以及网路公司的商标色彩都分佈在红色系以及蓝色系附近。
    橘红色带给人温暖、热情、主动的活力感,而蓝色则具有可靠、专业的形象感,可以说都是网路公司形象上致力想营造出的形象。
    原来在每个人的眼裡,这个世界都是不同的样子。其实不仅是色盲,每个个体之间所实际感受到的色彩也存在的大大小小的差异。但如以上所说,色彩带给人的感觉带有客观上的代表性意义存在,在选择配色上时不仿多考虑不同观赏者的角度下所呈现的样子来做选择、深入体会阅读者的感受。

网站色调如何确定,颜色怎么搭配?

标签:

原文地址:http://www.cnblogs.com/itta/p/4617263.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!