web前端网站配色原则

更新时间:2019-07-15 来源:黑马程序员浏览量:

网页设计不好，色彩是重中之重的因素，网站配色也有相应的原则，这是web前端需要不断学习的方面。网站配色除了要考虑网页自身特点外，还要遵循相应的配色原则，避免盲目地使用色彩造成网页配色过于杂乱。网页配色原则包括使用网页安全色和遵循配色方案，具体介绍如下

1. 使用网页安全色

网页安全色是指在不同的硬件环境、不同的操作系统、不同的浏览器中都能正常显示的颜色集合。使用网页安全色进行配色，可以避免原有的色彩失真。网页安全色是指颜色十六进制值的组合内部含有、cc、99、66、33、00，只有含有这样值的组合才是网页安全色。

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

2.遵循配色方案

1)使用同类色

同类色是指色相一致，但是饱和度和明度不同的颜色。尽管在网页设计时要避免采用单一的色彩，以免产生单调的感觉，但通过调整色彩的饱和度和明度也可以产生丰富的色彩变化，可使网页色彩避免单调。如下图的网站选用了不同明度的蓝色，不仅整体性很强，而且符合科技类公司自身的特色。

2)使用邻近色

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

3)使用对比色

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

以上黑马程序员为您介绍了，web前端页面配色原则，希望对您有所帮助。如果还有其他web前端相关问题，可以点击咨询按钮获得帮助。

推荐了解热门学科
java培训