黑色网站风格设计注意事项

Tips：本文由广州网站建设-凯旋网络工作室通过google在线翻译，转载自国外站点，可能语序不怎么通顺，请见谅。
----------------------------------------------------

黑暗网页设计很受欢迎，可以有一个优雅和创造性的上诉。
他们还完善的客户很多工作但是，它们不适合每一个网站，并应在适当的时候才使用。
在引人注目的视觉效果，这些黑暗的设计可以有，但许多设计人员不知道如何有效地拉不关掉游客赶走。
与黑暗的设计来减少可读性 ，减少对大多数读者和减少对传统设计元素的机会提出上诉。
在这个后，我们将讨论一些提示，使你的下一个黑暗的网站设计吸引更多的观众 ，同时让您的设计，表达您的创意。
最近的民意调查显示，轻设计的一般网络将通过高达47％的观众首选。 主要原因是可读性 。 大多数人不喜欢看的网站上对一个黑暗的背景，文本，因为它菌株他们的眼中，一个更愉快的体验。
相比之下，10％的受访者说，他们总是倾向于选择深色背景的网站，而另外36％说，最好的选择将取决于网站类型。
那么，什么是正确的答案？ 当涉及到它，每个人都有自己的意见，就是这样。
但是这样一说，大量用户的比例黑暗的网站设计是可以接受，有时甚至是首选，我们作为网页设计师必须学会如何为自己和我们的客户有效黑暗的设计。
这意味着有说服力的背景光的忠实信徒的一切黑暗的设计可以更具可读性和方便用户。
使用更多的白色空间
还是应该被称为“黑色空间”？ 白色空间的有效利用是重要的设计类型，但它是专为深色背景的网站至关重要。
黑暗的设计有一种倾向 ， 感到“沉重”，并塞满了他们能够加强这种感觉。 看看一些受欢迎的黑暗看以下网页设计，并注意他们的自由使用空白很大的影响。
黑村是到处可见的黑暗网页设计展示互联网。 这确实是一个美丽的设计和所有值得关注。 一个很大的空白，是用于整个设计，是什么使这种特殊的设计独特之处在于如何白色空间用于大纲的某些内容，以便有效。
这个标志有很多空白的地方并且是我们首先要做的游客看到的。 我们看到在旁边的主要内容和瓶子。 正如你看到的，白色的空间用于完全强调瓶子上的文字和主要内容的标题。
在蒂克托克特色内容，并在此伴随形象设计框架最空白。 当我们向下移动，我们可以看到白色的空间较少，这使我们关注的内容被显示。
这里的关键是， 白色的空间逐步引导用户到页面的结束 。
深色的背景可以增加深度的设计。 由于网站非常依赖于白色的空间，这将是不感兴趣的，未经深色背景创作的影响。
在马克Dearman网站有开明和均匀分布在整个布局的空白。
空白帧每个组合件提供了大量的呼吸它拥有的内容空间，这是一个很好的休息点，然后再进入到下一块。
白足够的空间是必不可少的黑暗的设计，因为它不仅在艾滋病日，凌乱的布局，但在制定的重要内容和增加优雅的整体外观。
考空白
由于可读性是头号谁不喜欢那些深色背景的关注，设计人员必须加倍重视文本本身。
正如在整体设计，一来改善网站的可读性上黑暗的，是通过调整大小段空白，字距和领导 。
下面的例子显示了差异之间的间距和字左右在比较暗，使布局。
另一种方法，以改善网站设计，在黑暗的可读性，是增加字体大小 。 如同本职位的其他规则最，更大的字体大小意味着更多的空白。 信越大，就越会出现空白的内部和周围每个字母。
例如，字母“a”下面获得更多的空白，因为它越来越大，无论是在周围地区，并在里面的一的外壳下的空间和过剩。
请注意如何阅读小的文本是很容易就比在黑暗的一面浅色背景。 当设置了一个新网站的排版， 一定要看看一些虚拟的文本 ， 以确保它是清晰 。 如果不是，是否增加文本大小帮助。
文本对比
很多人都会同意，最黑暗的网站，考虑不周造成眼睛疲劳。 过多或过少的对比通常是罪魁祸首。 怎样才能找到完美的平衡？
如果你在一个房间里是一片漆黑，突然探讨光直接的不很愉快。 但在看不到明亮的灯光在黑暗的房间是少得很好。 同样的原则也适用于网页设计。
寻找完美的对比手段平衡与文本的亮度背景黑暗 。
下面是一个（非常）粗略的指导，显示了如何对比文字和背景的作品。 人们注意到，作为背景会较轻，所以不会文本。
找到一个愉快的文本对比是更加困难的纯黑色的背景。
为了找到完美的平衡，不同色彩的实验。 最好的结果通常是背景不是纯黑色和文本不是纯白色。
字体处理
字体设计起着重要的作用，的确应该加以考虑周到深色布局。 下图显示的是，在两serif和无衬线字体深色背景14点字体。
在sans - serif字体显然更为清晰 。 但是，许多设计者还是替他们选择高雅serif字体。
的伎俩，不过，仅是把更大的serif字体文字，因此，额外的每个字符周围的洪水和空白使文本非常清晰。
下面的截图讨论本文前面的一个网站。 它同时具有衬线和无衬线字体，但使用它们的一个巧妙的方法。
较大的文本，如标题，导航和标头，在一个优雅的补充serif字体。 为了更好的对比度和提高可读性，正文中在一个干净的sans - serif字体。
使用最小配色方案
为了给他们设计了一个黑暗的干净，整洁的外观，设计者应始终选择最小的配色方案 。
从下面的几个例子，我们可以看到忙碌的配色方案真能在黑暗的背景，方式，因为对比太鲜明。
坚持一个或两个颜色 。 要添加更多的色彩，尝试深色背景。
诚然，许多黑暗的网页设计有更多令人兴奋的配色方案。 因此，这往往是违反规则，但只有有了正确的技术。
但总体而言， 颜色往往是什么使一个网站看起来太忙了 。 因为深色的网站已经有了深度，谨慎使用颜色。
提供了一个风格切换
虽然我们已拥有了许多好的做法，使黑暗网页设计更具吸引力，任何努力都将满足用户的数量。
一定要包括风格切换器 ，使用户最终得到的观赏浅色背景深色文本选项。
两个样式表都需要这一点，一个黑暗的默认布局，一个用于替代轻的布局。
SitePoint有在这一良好的教程： 构建一个简单的CSS样式切换 。 而不是使用“橙色”，“蓝色”和“白色”的教程，只需使用“光”和“黑暗”样式表版本。
当黑暗最佳网站设计作品
如前所述，有很大一部分网络用户认为，一个黑暗的网页设计可工作某些类型的网站。 但该研究是含糊的究竟是什么的类型。
一般来说，最适合优雅的设计创意或暗的作品 。 对于现代时尚网站，深色背景加优雅。 对于低劣或手绘风格，深色背景提高布局的创造力。
优雅的黑暗设计
黑暗可以深刻，权威性强，而且往往看起来高雅如果使用方法得当。 下面是几个例子，并带出了一个黑暗的设计高雅的一些技术。
对于拉里萨米克的网站有一个简单的复古风格的背景图案，设置一个优雅的基调。 其他quirkier功能添加个人色彩的设计。
这种技术可用于多种的网站。 葡萄酒或古典图案和纹理 ， 可以创建外观 ， 既优雅又与年龄相适应 。
我们大多数人赞同高档葡萄酒的模式，因此，建立一个高这样一流的网站，很容易。
深度核心有一个非常简洁的设计，用深色背景，增加了风格和类。 阿权力意识还表现在设计。 这优雅还可能对设计师的工作中出现的投资组合，结果更有价值。
请注意，此设计没有纹理或图像比组合件和其他标识。 否则，该设计将是过于繁忙，因为它的内容是交织在一起好。
一个好的过程遵循的重要内容添加 ， 然后再在设计元素 ， 带来的需要 。 设计人员可以停下来反思一下，因为每个新的元素添加，确保布局是不是我们过分供电。
正如作品更有价值可以出现在优雅的设计，因此可以产品。 一个黑暗而精巧的设计如Tapbots和许多其他人，，有利于展示产品出售。
设计反映了设备本身 ，其梯度和灯光效果，有的甚至模仿设计的高科技产品质地。
黑暗创意设计
除了刚刚出现的优雅，黑的网站设计也引起比标准轻设计更多的情绪反应，这使它们成为创新项目的理想。 让我们看看这个是可能的各种创意设计的一些例子。
在下面的内容，但很少有独特的布局和深入的暗色。 深色背景 的网站 是完善网站的内容很少 。
因为他们需要更多的空白，设计人员更大的工作空间的。
垃圾网页设计的形式有多种，因为垃圾是“黑暗和肮脏，”黑暗的背景是这些形式之一。
像Trozo黑暗垃圾设计似乎打破了所有规则：繁忙的纹理，拥挤的布局和颜色广泛。 然而，这个网站仍然有效。 这怎么可能？
有这么多混乱的因素同，垃圾的设计可能会非常棘手的初学者。 是什么使这一个工作的组织 。
背景明文规定淘汰块，指导用户的眼睛和帮助分成管理的部分内容。
其次， 它有一个空白吨 。 背景可能会变形，但屡次的，就是用户看到空白，有助于减轻设计。
白色的空间，这是最明显的标志左侧的导航下，沿右边。
甚至在“展览01”和“展览02”更白的空间比一般人会发现这样一个网站。
白色的空间唇上这件事情，即使它不喜欢白色的空间来 ， 因为它的纹理 。 最低限度的文字和几节（只有3个）也有助于实现这一简单的外观。
在德鲁威尔逊的设计绝对打破了用最少的颜色规则。 它仍然有效，但是，因为鲜艳头是少数的功能之一在这稀疏的设计，所以没有过度的权力，。
而深色背景使头显得明亮，更非同寻常。
深色背景经常被用来使照明效果和鲜艳的色彩更加突出 。
这样的设计是一个奇妙的创意例外规则的最小的颜色。 但是，该规则应打破谨慎：避免分心斜面，纹理和色彩，进一步降低页面。 
总结
深色背景举一个优雅和创造性的感觉网页设计，使它们成为某些组合完美的，但他们并不适合每个站点。
对于大型网站，为梦想损害和其他残疾的人特别是那些黑暗的设计是一个禁忌，即使风格切换。
希望到时候，你需要设计一个深色背景的网站，这些技巧和策略会有所帮助。