如何为网页设计选择合适的网页颜色
作者:www.wangzhanbaojia.com 日期:2012/03/21
颜色简写
一旦你开始对网站设计用CSS定义的时候,你就会发现在颜色定义上面的一些奇怪事情。你在#后面看到的不是6位数码而是三位数码(例如:#c9f)。这就是我们所说的颜色简写。网页安全颜色调色板一直使用的是成对的三元组。所以你可以大胆方便地使用颜色简写方法。
例如:
白色的简写是:#fff
黑色的简写是:#000
红色的简写是:#f00
绿色的简写是:#0f0
蓝色的简写是:#00f
以此类推等等……
寻找三色点组合
三色点组合是几种搭配很和谐的,能够给设计带来灵性的颜色组合。利用十六进制的颜色代码很容易从调色板中搭配出三色点组合。很基本的一组三色点组合可能是橘黄色、紫色和海绿色。即:#fc0, #c0f, 和 #0fc。在这一组三色点组合中有三个字母:f, c, 和0。通过改变这三个字母的不同顺序,你可以创建出搭配相互和谐的不同色彩。方法是这样的:
1. 选择基本色
在上面的色彩方案中,我用的是橘黄色:#fc0
2. 调换字母顺序使三个字母分别在不同的位置上。
我把f放在最后, c放在第一位,0放在中间。这样就产生了紫色:#c0f
3. 再一次调换字母位置,就产生了海蓝色:#0fc
对非网站安全色这种方法也同样适用,把另个相同的字母当作一个单独的字母。例如, 在网站设计中我使用了:蓝色:#859CFE, 粉红色: #FE859C, 和绿色:#9CFE85。三个重复的字母组合是:85,9c, 和fe。
网站安全色是不是真正必须的呢?
几星期之前我们发表了一篇有浏览器安全网站色彩的文章。我们收到了一封来自“Jason”的电子邮件。邮件中提到:“不要试图鼓动这些网站设计新手利用那些过时的所谓网站安全调色板去制作更垃圾更腐臭的网站。”邮件后面的内容更针对我。即使让人觉得他很粗鲁,他的确有他自己的想法和观点。
浏览器安全色大约是在七八年之前被提出来的,因为那时大部分电脑的显示器是8位的,只能支持256种颜色。这也就意味着如果你使用了非网站安全色彩,这些颜色就会发生抖动而产生失真现象。我曾经碰到过这样的情况,一种非常亮的绿色在只有8位分辨率的电脑屏幕上看起来近乎是粉红色的。
情况是……
如果你不知道谁会浏览你的网站(或许因为你没有浏览器和显示器数据或许因为你没有使用它们),你就不会知道在他们那里你的网站是什么样子的。使用浏览器安全色是保险的选择。并且不会跟上面Jason所说的一样,利用浏览器安全色是可以设计出好看漂亮的网页的。同样,利用非网站安全色也很容易设计出非常丑陋难看的网页。
有关浏览器安全色或非安全色的一个很重要的事情就是你要明智的选择使用哪一种。我曾经选择非安全色来设计一个网站因为我觉得非安全色最适合我的网站。但是,如果我当初知道我的顾客可能使用的是8位的显示器,那么我就不会选择使用非安全色。
在选择网站色彩的时候,你必须懂得用色原则只有这样你才能很好的搭配色彩。同时,你应该为顾客考虑,在不要的时候选择使用网站安全色调色板。
一旦你开始对网站设计用CSS定义的时候,你就会发现在颜色定义上面的一些奇怪事情。你在#后面看到的不是6位数码而是三位数码(例如:#c9f)。这就是我们所说的颜色简写。网页安全颜色调色板一直使用的是成对的三元组。所以你可以大胆方便地使用颜色简写方法。
例如:
白色的简写是:#fff
黑色的简写是:#000
红色的简写是:#f00
绿色的简写是:#0f0
蓝色的简写是:#00f
以此类推等等……
寻找三色点组合
三色点组合是几种搭配很和谐的,能够给设计带来灵性的颜色组合。利用十六进制的颜色代码很容易从调色板中搭配出三色点组合。很基本的一组三色点组合可能是橘黄色、紫色和海绿色。即:#fc0, #c0f, 和 #0fc。在这一组三色点组合中有三个字母:f, c, 和0。通过改变这三个字母的不同顺序,你可以创建出搭配相互和谐的不同色彩。方法是这样的:
1. 选择基本色
在上面的色彩方案中,我用的是橘黄色:#fc0
2. 调换字母顺序使三个字母分别在不同的位置上。
我把f放在最后, c放在第一位,0放在中间。这样就产生了紫色:#c0f
3. 再一次调换字母位置,就产生了海蓝色:#0fc
对非网站安全色这种方法也同样适用,把另个相同的字母当作一个单独的字母。例如, 在网站设计中我使用了:蓝色:#859CFE, 粉红色: #FE859C, 和绿色:#9CFE85。三个重复的字母组合是:85,9c, 和fe。
网站安全色是不是真正必须的呢?
几星期之前我们发表了一篇有浏览器安全网站色彩的文章。我们收到了一封来自“Jason”的电子邮件。邮件中提到:“不要试图鼓动这些网站设计新手利用那些过时的所谓网站安全调色板去制作更垃圾更腐臭的网站。”邮件后面的内容更针对我。即使让人觉得他很粗鲁,他的确有他自己的想法和观点。
浏览器安全色大约是在七八年之前被提出来的,因为那时大部分电脑的显示器是8位的,只能支持256种颜色。这也就意味着如果你使用了非网站安全色彩,这些颜色就会发生抖动而产生失真现象。我曾经碰到过这样的情况,一种非常亮的绿色在只有8位分辨率的电脑屏幕上看起来近乎是粉红色的。
情况是……
如果你不知道谁会浏览你的网站(或许因为你没有浏览器和显示器数据或许因为你没有使用它们),你就不会知道在他们那里你的网站是什么样子的。使用浏览器安全色是保险的选择。并且不会跟上面Jason所说的一样,利用浏览器安全色是可以设计出好看漂亮的网页的。同样,利用非网站安全色也很容易设计出非常丑陋难看的网页。
有关浏览器安全色或非安全色的一个很重要的事情就是你要明智的选择使用哪一种。我曾经选择非安全色来设计一个网站因为我觉得非安全色最适合我的网站。但是,如果我当初知道我的顾客可能使用的是8位的显示器,那么我就不会选择使用非安全色。
在选择网站色彩的时候,你必须懂得用色原则只有这样你才能很好的搭配色彩。同时,你应该为顾客考虑,在不要的时候选择使用网站安全色调色板。