黑色主题网页的色彩设计技巧干货分享
新闻来源：优漫教育
日期：2021-11-13
平时我们见到的绝大多数网站，在基本配色方案上，都是以浅色为主，背景多为白色或淡色。有趣的是，最近两年，以黑色为主色调，或是大量采用深色背景的网站，逐渐流行起来。
这类黑色网站通常设计得很时尚，并配有许多有趣的动作效果，如悬停与触发小特技，以及细微的视差效果，这些都使网站拥有近乎电影般的视觉体验。现在我们来谈谈这种设计潮流。
黑色系配色+动态效果。
伊姆佩罗
暗色系的配色与运动效果的结合的确是悄然流行：以黑色或深色为主的配色方案，配以炫酷的效果。技巧与技巧的搭配，创造出层次感的视觉效果，营造微妙的情调，让人心旷神怡。尽管在具体的实现上没有这么容易，而且在移动端的体验也没有桌面端明显，但这一设计趋势所创造的视觉体验也是非常值得关注的。较深的色调会使前景元素更加聚焦，使用者也会情不自禁地专注于设计师有意营造的焦点。
在这神秘的营造氛围下，被动效果所带来的视觉焦点元素，会让使用者好奇，这页下面还有什么东西，下一步该怎么做。这一设计趋势与其它趋势类似，它只是一种限制，并不要求严格，你可以用黑色作为主色，也可以用藏蓝色。动作搭配效果也没有固定的套路，可以仅仅是简单的悬停动作，也可以是复杂精巧的动态效果，您可以根据实际情况自己尝试。
这一设计潮流的核心，当然就是创造神秘。
运作机制
这一设计趋势为何能如此有效，这一点也很难解释清楚，当你简单地用深颜色配色+动效的时候，很难意识到这个效果是如此的出色。回顾一下，我们可以仔细分析一下这一设计趋势的特点：
在色彩搭配上不会有很多的色彩。很少有清晰清晰的对比。整个设计看上去非常简单。然而，也许是这些看似并不复杂的设计，使这一设计潮流在用户中起到作用。这会破坏规则，吸引用户。它受欢迎的另一个原因就是它创造出的黑暗气氛和神秘。人类永远充满好奇，欲盖弥彰总比展示更撩人。在与黑暗气氛相结合时，更容易吸引来访者的好奇心。
从很多设计作品中，我们可以看到设计师不只是创造出神秘的东西，他们还加入了更多的情感引导。各种情感在如此神秘的气氛中发酵，使用者最后都会为这一视觉模式所吸引。
非黑不可
尽管大多数设计者都选择了黑色为主的设计，但事实上并不一定只有黑色才符合这种设计潮流。其它暗调也很管用，此时正是测试设计师调色与搭配的能力。
除此以外，要使整个配色和动效能有效的搭配，还要让颜色足够丰富。决定了主色后，最好在配色方案中加入同色不同明暗、不同饱和度的颜色，这样可以使整个色调统一而丰富。尽管创造出显着性对比并不在这一设计趋势中，但仍不可忽视。这种深颜色体系占主导地位的配色方案应尽量接近单一的颜色，但颜色上的对比度不够明显会使人迷惑，反差过强则不够微妙。
趋势的局限。
深颜色配色+动态效果这一设计趋势并不适合所有人，也不能满足每一个项目的实际需要，它也有一些限制：
一般情况下可用于移动终端。关于可访问性多少有些小问题。对部分用户来说吸引力不够。导航器和CTA元素并不适合。当环境光线不足或糟糕时，页面可能难以识别。有些人也许不会喜欢他们网站表现出来的情感。
使用者可能在短时间内感到厌烦。
