最专业的八方代购网站源码!

资讯热点
深刻神秘的网页!当暗色匹配遇到微妙的效果

发布时间:2023-3-27 分类: 电商动态

我们每天看到的绝大多数代购源码网站都是基于浅色,背景主要是白色或浅色。有趣的是,在过去两年中,以黑色为主色或大量深色背景的代购源码网站变得流行起来。

这些深色皮肤的代购源码网站经常被设计成非常时尚,并带来许多有趣的效果,例如悬停触发的小效果和微妙的视差效果,这使得该代购源码网站具有近乎电影的视觉体验。今天我们将谈谈这种设计趋势。

暗色匹配+动作效果

美达

因佩罗

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

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

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

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

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

运作机制

Garden8

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

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

几乎没有任何明显的对比

整体设计看起来非常简单

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

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

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

它不一定是黑色

联邦快递轨

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

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

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

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

这是趋势的限制

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

移动端的显示通常是

或多或少的可访问性问题

对某些用户来说不够有吸引力

导航和CTA元素放置不当

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

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

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

使用时的注意事项

Formigari

伟大的

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

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

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

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

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

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

接下来会发生什么?

Blairwitch

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

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

结论

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

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

« 产品设计中的实际行为经济学知识是什么? | UX技术在2018年推动的设计趋势 »