海南新闻门户网

干货:神秘感黑色主题页面设计配色技巧

我想昨天分享的平面设计

我们每天在基本配色方案中看到的大多数网站主要是浅色,背景主要是白色或浅色。有趣的是,在过去两年中,以黑色为主色或大量深色背景的网站已经变得流行起来。

这些深色皮肤的网站通常设计得非常时尚,并带有许多有趣的效果,例如悬停触发的小效果和微妙的视差效果,为网站提供近乎电影的视觉体验。今天我们将谈谈这种设计趋势。

暗色匹配+动作效果

美达

因佩罗

深色和动态效果的结合确实悄然流行:黑色或深色配色方案,具有酷炫的动感效果。这两种技术的结合创造了一种分层的视觉,营造出微妙的情感氛围和迷人的神秘感。

虽然不是那么容易实现,但移动端的体验并不像桌面那么明显,但这种设计趋势所带来的视觉体验仍然非常有趣。暗色方案将使前景元素更加集中,用户将不由自主地关注设计师故意创建的焦点。

在这种神秘的氛围下,视觉焦点元素的被动焦点将使用户感到好奇,本页面下隐藏的内容以及接下来会发生什么。

这种设计趋势与其他趋势类似。这只是一个范围而不是严格的规则。您可以使用黑色作为主色或蓝色,并且动态效果不固定。它可以只是一个简单的。悬停效果也可以是复杂而细腻的动态效果,您可以根据实际情况自行尝试。

当然,这种设计趋势的核心是创造一种神秘感。

运作机制

Garden8

很难完全解释为什么这种设计趋势如此有效。当你只是填充暗色+动态效果时,很难意识到这种效果的实际效果如此突出。回想起来,我们可以仔细分析这种设计趋势的特征:

颜色方案中的颜色不会太多

几乎没有任何明显的对比

整体设计看起来非常简单

然而,这些看似简单的设计可能会使这种设计趋势对用户起作用。它违反了规则并吸引了用户。

使其受欢迎的另一个因素是它创造的黑暗氛围和神秘感。人们总是充满好奇心,而且出现总是比打开更恐怖。当动画与黑暗氛围相结合时,更容易唤起访客的好奇心。

在许多设计中,我们看到设计师不仅创造了神秘感,而且还增加了更多的情感指导。不同的情绪在如此神秘的氛围中发酵,用户最终会被这种视觉模式所吸引。

它不一定是黑色

联邦快递轨

虽然大多数设计师选择黑色设计,但不一定是黑色适合这种设计趋势。

其他暗色调同样有效,这次是测试设计师颜色和匹配的能力。

另外,为了使整体色彩匹配和动态效果协同工作,必须使色彩足够丰富。确定主色后,最好在配色方案中加入不同的色调和不同的饱和度色彩,使整个色彩均匀,丰富。

虽然创造一个显着的对比度不在这个设计趋势之内,但仍然不容忽视。这种基于深色的配色方案应该尽可能接近单色配色方案,但配色方案中颜色的对比度不够明显,令人困惑,而且对比度太强而不能微妙。

这是趋势的限制

深色匹配+动态的设计趋势并不适合每个人,并且它不符合每个项目的实际需求。它也有局限性:

移动端的显示通常是

或多或少的可访问性问题

某些用户不够有吸引力

导航和CTA元素放置不佳

在环境光不足或不好的情况下,可能难以看到页面

有些用户可能不喜欢网站上显示的情绪

用户可能会在短时间内感到疲倦

使用时的注意事项

Formigari

伟大的

如果您觉得可以控制这种设计趋势,那么您可以尝试在自己的网页中使用它。但是,必须注意以下事项:

坚持一页:太多开创性的设计技术会让用户感到不舒服。太多元素可能会破坏易于创建的感觉,因此请尝试将其限制为单页设计。

使用对比度:白色文本适用于深色背景。其他元素也是如此。对比色可用于需要突出显示的按钮,导航元素,信息等。

简化效果:过于复杂的效果可能会让用户感到不舒服。坚持简单的动态性能,以产生更好的结果。

分层结构:由于需要结合动态效果,不同的元素需要在不同的层中,这可以创造逼真的触摸感。分层还允许设计人员更好地创建对比并更轻松地管理它们。

大胆的排版:文本元素不仅包含对比度,还通过大胆的排版和排版创建大胆,非传统的设计。在确保可读性的前提下,使用不同厚度和对比度的字体来营造形式感。

接下来会发生什么?

Blairwitch

与任何设计趋势一样,暗色匹配+动态的设计趋势将随着时间的推移逐渐发展。虽然我们无法知道变化的细节,但我们总能看到一个方向。

深色的配色方案与逐渐出现的VR和AR的沉浸式体验具有相同的精神。动态效应的普及并不是必须说它比复杂性的进化方向更自然。越来越有趣。

结论

颜色对设计的影响无疑是巨大的。深色的配色往往使设计看起来深沉而神秘,它所带来的情感将更加不同寻常。如果您希望您的设计更接近公众,那么浅色无疑会更合适,而深色则相对更独立。

另外,不同设计技术的结合,或多或少可以创造出一些新的效果,这种设计趋势今天不是这样吗?您可以根据这个想法继续探索这个设计项目的视觉效果。

以前关于文章本质的文章:

收集报告投诉

我们每天在基本配色方案中看到的大多数网站主要是浅色,背景主要是白色或浅色。有趣的是,在过去两年中,以黑色为主色或大量深色背景的网站已经变得流行起来。

这些深色皮肤的网站通常设计得非常时尚,并带有许多有趣的效果,例如悬停触发的小效果和微妙的视差效果,为网站提供近乎电影的视觉体验。今天我们将谈谈这种设计趋势。

暗色匹配+动作效果

美达

因佩罗

深色和动态效果的结合确实悄然流行:黑色或深色配色方案,具有酷炫的动感效果。这两种技术的结合创造了一种分层的视觉,营造出微妙的情感氛围和迷人的神秘感。

虽然不是那么容易实现,但移动端的体验并不像桌面那么明显,但这种设计趋势所带来的视觉体验仍然非常有趣。暗色方案将使前景元素更加集中,用户将不由自主地关注设计师故意创建的焦点。

在这种神秘的氛围下,视觉焦点元素的被动焦点将使用户感到好奇,本页面下隐藏的内容以及接下来会发生什么。

这种设计趋势与其他趋势类似。这只是一个范围而不是严格的规则。您可以使用黑色作为主色或蓝色,并且动态效果不固定。它可以只是一个简单的。悬停效果也可以是复杂而细腻的动态效果,您可以根据实际情况自行尝试。

当然,这种设计趋势的核心是创造一种神秘感。

运作机制

Garden8

很难完全解释为什么这种设计趋势如此有效。当你只是填充暗色+动态效果时,很难意识到这种效果的实际效果如此突出。回想起来,我们可以仔细分析这种设计趋势的特征:

颜色方案中的颜色不会太多

几乎没有任何明显的对比

整体设计看起来非常简单

然而,这些看似简单的设计可能会使这种设计趋势对用户起作用。它违反了规则并吸引了用户。

使其受欢迎的另一个因素是它创造的黑暗氛围和神秘感。人们总是充满好奇心,而且出现总是比打开更恐怖。当动画与黑暗氛围相结合时,更容易唤起访客的好奇心。

在许多设计中,我们看到设计师不仅创造了神秘感,而且还增加了更多的情感指导。不同的情绪在如此神秘的氛围中发酵,用户最终会被这种视觉模式所吸引。

它不一定是黑色

联邦快递轨

虽然大多数设计师选择黑色设计,但不一定是黑色适合这种设计趋势。

其他暗色调同样有效,这次是测试设计师颜色和匹配的能力。

另外,为了使整体色彩匹配和动态效果协同工作,必须使色彩足够丰富。确定主色后,最好在配色方案中加入不同的色调和不同的饱和度色彩,使整个色彩均匀,丰富。

虽然创造一个显着的对比度不在这个设计趋势之内,但仍然不容忽视。这种基于深色的配色方案应该尽可能接近单色配色方案,但配色方案中颜色的对比度不够明显,令人困惑,而且对比度太强而不能微妙。

这是趋势的限制

深色匹配+动态的设计趋势并不适合每个人,并且它不符合每个项目的实际需求。它也有局限性:

移动端的显示通常是

或多或少的可访问性问题

某些用户不够有吸引力

导航和CTA元素放置不佳

在环境光不足或不好的情况下,可能难以看到页面

有些用户可能不喜欢网站上显示的情绪

用户可能会在短时间内感到疲倦

使用时的注意事项

Formigari

伟大的

如果您觉得可以控制这种设计趋势,那么您可以尝试在自己的网页中使用它。但是,必须注意以下事项:

坚持一页:太多开创性的设计技术会让用户感到不舒服。太多元素可能会破坏易于创建的感觉,因此请尝试将其限制为单页设计。

使用对比度:白色文本适用于深色背景。其他元素也是如此。对比色可用于需要突出显示的按钮,导航元素,信息等。

简化效果:过于复杂的效果可能会让用户感到不舒服。坚持简单的动态性能,以产生更好的结果。

分层结构:由于需要结合动态效果,不同的元素需要在不同的层中,这可以创造逼真的触摸感。分层还允许设计人员更好地创建对比并更轻松地管理它们。

大胆的排版:文本元素不仅包含对比度,还通过大胆的排版和排版创建大胆,非传统的设计。在确保可读性的前提下,使用不同厚度和对比度的字体来营造形式感。

接下来会发生什么?

Blairwitch

与任何设计趋势一样,暗色匹配+动态的设计趋势将随着时间的推移逐渐发展。虽然我们无法知道变化的细节,但我们总能看到一个方向。

深色的配色方案与逐渐出现的VR和AR的沉浸式体验具有相同的精神。动态效应的普及并不是必须说它比复杂性的进化方向更自然。越来越有趣。

结论

颜色对设计的影响无疑是巨大的。深色的配色往往使设计看起来深沉而神秘,它所带来的情感将更加不同寻常。如果您希望您的设计更接近公众,那么浅色无疑会更合适,而深色则相对更独立。

另外,不同设计技术的结合,或多或少可以创造出一些新的效果,这种设计趋势今天不是这样吗?您可以根据这个想法继续探索这个设计项目的视觉效果。

以前关于文章本质的文章: