想要借助深沉的色调来创造情绪相对独特的网站设计，是有一些可供遵循的常见的设计技巧，今天小编主要给大家分享如何设计深色系网页，希望对你们有帮助!

一、深色不一定是黑色

首先，必须清楚这一点，深色不一定是黑色。

在选择配色时，在明亮的颜色中加入黑色或灰色得到的颜色通常会显得更深沉浓重，而这些颜色往往会包含之前的色调。

在Hooligan网站中，设计师不仅使用了深黑色的背景，还使用了与黑色背景相匹配的暗金色，两种深色之间的明暗对比依然存在，而白色的标题文本构成了三个层次。这个层次不仅在视觉上吸引人，而且创造了一种沉稳厚重的氛围。

二、阴影的使用

阴影和光线往往伴随着出现，而阴影的舞台效果充满戏剧性和神秘感，这就是为什么设计师会喜欢它的原因，这种设计会让用户产生兴趣和好奇。

在Clear Motion的网站中，车辆周围区域被阴影所包围，文本内容容易引起用户的注意。与此同时，用户还会好奇这辆车有什么特别的地方，以及它看起来有什么不同。在黑暗的氛围中，用户的好奇心会不由自主地高涨起来。

三、黑色叠加层

黑色半透明层叠加到图像上这也是制造深色系背景常见的技术。在图像的选择和不同的透明度下，背景图像呈现出来的效果和氛围都有很大的不同。

在透明度较低的情况下，黑色叠加图层会让用户看不清背景中的信息，这使得背景信息在整个设计中参与度较低。在透明度较高的情况下，更多的背景元素通过叠加呈现，与前景元素产生交叉和互动。

但是一般来说，黑色叠加层允许元素之间的对比，使得行为召唤元素更容易发挥作用。

在Fhoke网站中，透明的覆盖层让背景中的场景适当地显示出来，但是真正吸引人注意力的，仍然在标题和左侧的行为指引上。

四、字体的选取

Punk is Not Dead这个网站给你的感觉是否独一无二的?网站的设计非常清晰，辨识度很高，网站本身还有音频组件，它的设计从视频到音频，整体充满了朋克风格。

深色背景和明亮的字体颜色有助于实现这一点，但字体的选择是最关键的。想象一下如果使用普通字体，是完全不可能达到这样的效果的。尖锐粗糙的边缘和较难读懂的可读性使它在视觉上与朋克精神保持了一致。

尊重原创文章，转载请注明出处与链接：https://www.*/jsjzx/Web_Design/599083.html，违者必究！