18、网页色彩与表格使用全攻略

网页色彩与表格使用全攻略

一、网页色彩运用的关键原则

1.1 色彩运用的三个关键要素

在网页设计中，色彩是访客首先注意到的元素。若不能有效运用色彩，可能会对访客造成阻碍，甚至使网站无人问津。有效运用色彩需遵循三个关键原则，即互补（Complement）、对比（Contrast）和协调（Coordination）。
- 互补色彩 ：互补色彩搭配起来赏心悦目。在网页中，若背景、图形和文本的颜色搭配协调，页面不仅更易阅读，还更具吸引力，从而吸引更多访客和回头客。
- 对比色彩 ：对比色彩能让元素突出，而非相互冲淡。常见的对比色如黑白搭配，书籍采用黑色墨水印在白色或浅色页面上，就是因为易于阅读。在网页中，白色背景上的黑色文本或浅灰色背景上的黑色文本也更易看清。
- 协调色彩 ：协调网页各部分和整个网站的色彩，能使作品看起来浑然一体，而非杂乱无章。

1.2 选择互补色彩

互补色彩是传统艺术家常用的概念，严格意义上，互补色是色轮上相对的两种颜色。此外，与互补色相邻的类似色也可视为互补色。例如，橙色与蓝色互补，蓝色的类似色蓝绿色和蓝紫色也能与橙色很好地搭配。不过，此色彩模型仅提供基本信息，要确保不同颜色或背景与文本颜色正确显示，还需合适的色彩对比。

1.3 确保对比和可见性

互补色也被称为对比色，因为它们能让亮色在暗色背景下更突出。最常见的对比色是黑白。在网页中，白色背景上的黑色文本或浅色背景上的黑色文本更易阅读。若使用黑色背景搭配白色文本，可能会影响阅读，此时文本通常需加粗。一些网站如TrekWeb