网站建设中深色背景应用技巧

网页背景是网站建设重要的一部分，合理的背景可以让页面更加简单易用。相反，不合适的背景则可能毁掉网站设计。今天为大家讲解下深色背景在网页设计中的使用技巧和注意事项。

1.网站建设避免使用纯黑/白色

100%的亮色和0%的亮色都会让用户的眼睛产生不适感，在深色背景中，用户很难适应这两种色彩亮度。

2.网站建设避免使用饱和色

饱和色不符合WCAG的可访问性标准。调色板中饱和度较低的色彩能够提高可读性，减少用户视觉震动。

3.网站建设注意对比无障碍标准

深色的背景需要足够黑，文本的视觉呈现以及文本图形至少要有4.5：1的对比度。

4.网站建设深度

当元素处于相对较高的位置上的时候，通过较浅的表层颜色来呈现这种纵深上的差异。

5.网站建设注意亮色、深色转换

从亮色转换为深色时，不要只是简单的替换暗色系部分，要注意全局性。

6.网站建设图片区低对比度灰色的使用

使用低对比度的深灰比黑色更好，因其饱和度与明亮的区域形成对比，可以更好的表现彩色照片。

7.网站建设文字的不透明度

最重要的内容，白色文本不透明度设置为87%，中等重要的内容，白色文本的不透明度为60%，被禁用的文本内容，白色文本不透明度为38%。

8.网站建设避免阴影

默认情况使用阴影来表示高度，而深色则通过调整组件表明颜色来表示高度，阴影毫无意义。