更受欢迎 更具创造性的深底色网页设计实例

创意型的深底色设计

除了可以呈现出优雅的气质，深底色设计可以比浅色设计带有更多感情色彩，从而使他们成为一个创意型的项目。让我们来尽可能展现一些创意型设计的案例。

这个网站内容很少，但是布局非常另类，深色背景是内容很少网站的完美选择。

另外由于这种类型需要更多的空白，所以设计师也有更多发挥余地。

Grunge （摇滚）风格的网站的呈现形式多样，由于grunge 风格带有黑暗和潦草的意味，所以深底色风格一个匹配的选择。

（译注：grunge——另类摇滚的同义词。起源于西雅图的类金属(metal-like)另类摇滚。grunge渐渐形成一种时尚风格，比如宽松、多层的衣服和撕破的牛仔裤等）

深底色Grunge风格的Trozo 看起来打破了所有的设计规则，杂乱的纹理，拥挤的布局，数量众多的颜色。但是这个网站依然看起来还不错，这是怎么回事呢？

有如此众多和混乱的元素掺杂其中，对于设计初学者而言这可能非常棘手。维持这个设计平衡的关键是对元素进行合理的组织。

首先，背景明确地界定出了区块，可以引导用户视线，也能将内容放置到有组织的区块里。

其次，设计中有大量的空白。虽然背景是纹理，但重复的图案实际上也是一种空白，可以帮助平衡布局中的轻重疏密。

出现在logo左边、导航下方和页面右侧的空白最为明显。另外在“Exhibit 01″ 和 “Exhibit 02″之间的空白也是很常用的手法。

空白可以平衡布局，哪怕它看起来不像空白而是纹理。此为，较少的文本和区块（此设计中只有3个）有助于让页面看起来简洁。.

网站Drew Wilson 的设计看起来打破了使用精简配色方案的规则，但实际上鲜艳和丰富的颜色仅仅集中在头部的一小块区域，没有全局滥用。

暗色的背景可以让光感和鲜艳的颜色看起来更明亮更突出。

一些设计在规则之外创造了完美的效果。但是依然应该谨慎对待规则，避免让太多渐变、纹理和颜色遍布整个页面。

总结

深底色设计可以赋予设计优雅的气质和创造力，令产品的展示更加完美。但是并不适合所有类型的网站。

对于一些大型网站，尤其是用户中可能有视力缺陷或行动不便者，千万不要使用深底色设计，哪怕你提供了界面切换模式。

希望在您需要设计一个深底色背景风格的网站时，上述提示和策略可以对您有所帮助。

Kayla Knight 为WDD特别撰稿。

PS:关于本文的标题，我和译者西乔在twitter上有简单的讨论，我最初认为应该翻译为“暗色系”网站设计，西乔则认为“那篇文章主要讲的是黑色背景上空间、文字、对比以及可用性的处理。”所以“翻成深底色”。如此说来，“深底色”更合理一些

最新评论