购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

0.6 网页配色

网页设计得好不好,色彩是重中之重的因素。网站配色也有相应原则,这是Web前端技术中需要不断学习的内容。网站配色除了要考虑网页自身的特点外,还要遵循相应的配色原则,避免盲目地使用色彩造成视觉过于杂乱。网页配色原则包括使用网页安全色和遵循配色方案。

0.6.1 使用网页安全色

网页安全色是指在不同的硬件环境、不同的操作系统、不同的浏览器中都能正常显示的颜色集合。使用网页安全色进行配色,可以避免原有的色彩失真。传统经验是,以 256色模式运行时,网页安全色是指216种常见颜色的十六进制值组合,即颜色代码中含有99、66、33、00、CC或FF的十六进制值。

需要注意的是,随着显示设备精度的提高,许多网站设计已经不再拘泥于选择安全色,它们利用其他非网页安全色展现了新颖独特的设计风格,所以我们并不需要刻意地追求局限在网页安全色范围内使用颜色,而是应该更好地将安全色和非安全色搭配起来使用。

0.6.2 遵循配色方案

1.使用同类色

同类色是指色相一致,但是饱和度和明度不同的颜色。尽管在网页设计时要避免采用单一的色彩,以免产生单调的感觉,但通过调整色彩的饱和度和明度也可以产生丰富的色彩变化,使网页色彩不再单调。

2.使用邻近色

邻近色是 12色相环上间隔 30°左右的颜色,色相彼此近似、冷暖性质一致。邻近色之间往往你中有我、我中有你。例如朱红色与橘黄色,朱红色以红色为主,里面含有少量黄色;而橘黄色以黄色为主,里面含有少量红色。朱红色和橘黄色在色相上分别属于红色系和橙色系,但是二者在人眼视觉上很接近。采用邻近色设计网页可以使网页色彩和谐统一,避免杂乱。

3.使用对比色

对比色是 24色相环上间隔 120°~180°的颜色。对比色包含色相对比、明度对比、饱和度对比等,例如黑色与白色、深色与浅色均为对比色。对比色可以突出重点,产生强烈的视觉效果。在设计时以一种颜色为主题色,对比色作为点睛色或辅助色,可以起到画龙点睛的作用。 8mvhqTPPhyONnjm+TgxzO0bbhSDQ24WZ2rLqKIJzRWtHOmGa7m1AC3lRd/3t8jev

点击中间区域
呼出菜单
上一章
目录
下一章
×