作为设计师，一个视觉感恰到好处的设计往往能让你一整天保持心情愉快。今天，我们已经收集了一些“暗黑系”和情感化的网站设计，希望将有助于激发你创造一个独特的气氛，为你的设计工作。
虽然大多数偏向黑暗主题的设计都有一点“压抑”的氛围，但并非所有这些类型的设计都有这种感觉（尽管颜色和你看着它们时的感觉有很大关系）。今天的这个列表不仅仅只是一个趋势观点，我们希望它能够启发你创造一个属于你自己的黑暗主题的，富有情感的设计。
1.暗色系
暗色主题的调色板可以立即为设计设定一定的色调。重要的是，你需要明白“黑暗”并不总是意味着黑色，通常是其他的色调（添加黑色）或阴影（添加灰色）。
你可以看看上面的网站设计案例——Hooligan，整体情绪有点阴沉基于偏向黑色的背景，但请注意它真正的主色——深黄偏向于金色的主色经过调整，以适应背景视频的主题。整体看起来是严肃的，但视觉上引人入胜。
2.阴影
阴影可以散发出神秘的色彩。这是设计师使用黑暗主题以及表现情感设计的模式关键原因之一，他们希望用户可以产生兴趣和好奇心。
在上面Clear Motion的网站设计上,你肯定会注意到汽车周围的阴影，几乎迫使你阅读在上面的文本信息。为什么汽车看起来像这样？什么是重要的？黑暗的氛围有助于用户在观看的过程中产生好奇心并关注主要的信息。
3.黑色叠加层
黑色叠加层是最常见的创建黑暗情绪的方法之一。但是你选择的那种黑色事实上可以赋予它更多的意义。颜色需要更深还是更透明？用户可以通过覆盖层看到多少图像或背景上的内容？
较暗同时设置较少透明度的叠加层几乎可以掩盖背景中的内容，因此它不是设计的中心部分。更透明的黑色叠加层允许视觉通过主要内容，并获取背景中的一部分内容，同时提供与诸如文本或行动的调用等主要元素的对比。
以上FHOKE的案例中，就将这项技术运用的很好。你可以看到背景视频中的动作，但是真正的焦点是标题和滚动动作。
4.“裸”元素
这是一个将元素完全不加修饰的呈现在视觉上的一项技巧，以一种更鲜明的设计创造了一种虚无感，几乎迫使用户更深入地了解它。再一次，黑暗主题以一种新的方式创造了一个用户想要解决的谜。
Dubois虽然在背景的设计上并没有过于鲜明，但却创造了这种奇妙的感觉。点的模式实际上有助于创建设计的神秘感。仔细看看，其中一些点的设置微妙的形成了一种视觉提示。
但是，设计的目的是迫使眼睛注意到文本信息，大多数用户在屏幕上不熟悉的位置。品牌信息和主要的标题一般都是在第一个滚动接近底部的位置，而不是在设计的上半部分。
5.排版选择
上面的网页设计案例Punk is Not Dead可能会让你立刻感觉到一些东西。高度视觉化，并在站点中提供了音频元素，会让你感觉到你以某种方式和“朋克”间接的存在联系，这会让你兴奋吗？
黑暗的背景和明亮的强调色提供了很大的帮助，但真正的情绪其实设置在排版的选择上。字体锐利、粗糙的边缘和几乎令人讨厌的可读性会影响你在观看它时的感受。
结果很有趣，尽管在阅读上存在一定的困难，但在整体的感觉上很好的突出了主题和情感。
6.黑与白
当一个设计完全缺乏色彩时，你会有什么感觉？如果它主要是黑色和白色的色调，但是其中又混有一些其他额颜色呢？
尽管黑白风格的设计不能很好的给人一种戏剧性的感觉，但是作为黑暗的设计，它可以很有趣。通过不同的颜色和区域的对比，他在视觉上可以很强烈。
它可以使用户的注意力集中在设计上，并不干扰用户移动到不同的元素上。注意力将会先在最大的黑白图像上停留，然后再过渡到所有其他杂志风格的块，这里没有实际上可以让你停留很长时间的块，所以你需要决定。
尽管这种感觉会给人有点信息过载的体验。
7.形象
Jimmy Chin在其“关于我们”的网页设计中通过一个精雕细琢的男性肖像的刻画，给人一个初步的印象。这就是黑暗、黑白图像应该做的。
你选择的颜色，灯光和照片的使用将有助于整体设计的情感表达。在这个案例中，结果是黑暗和强大的，想象一下，如果他穿着柔软的黄色衬衫和石灰绿裤子，用户在观看的时候在感情上会大不一样。
该图像是设计者有意设计的，并以此与用户建立了鲜明的情感联系。
8.黑暗中带着“明亮”的心情
虽然我们在这里看过很多有关情感化的设计，但黑暗并不一定等同于黑色的情绪。黑暗的审美实际上会产生一种轻松而充满活力的感觉，这都需要根据你设计的元素来统一建立起来的。
Atom在其网站设计中使用了较暗的背景，但亮点在于它通过卡通风格的人物来设置一个视觉上既有趣又黑暗，但情绪轻松的环境。明暗并置创造了一种独特的视觉奇观，但并不会使用户感到不舒服。
设计和用户之间较轻的整体情感连接在感觉上更值得信赖，更不引人注目，这可能会让你感觉更舒适。
总结
你喜欢带有鲜明情感的设计吗？
这种技术可以适用于某些特定类型的项目，但对其他类型来说可能会是糟糕的体验——请注意，在这个集合中没有电子商务类型的网站。更黑暗、更阴暗的主题是神秘而有趣的，但它们并不总能向用户传达可信度和信任。
它可以是一个微妙的平衡，这就是为什么你经常看到黑暗的主题更经常与作品类型或信息展示类网站设计相互配合的原因。
----图文来自：design shack