关于趋势

网站设计的另一种趋势深色背景加动画的设计模式
网站设计的另一种趋势深色背景加动画的设计模式

黑暗动画是一种以独特的方式组合两个元素的趋势 – 黑色单色调色板和酷动画。结果是一个令人惊叹的分层设计,微妙和喜怒无常。

它似乎工作,因为它引起了一种神秘感。而用户想解决的难题。

虽然这种趋势可能很难做到,但并不总是有一个伟大的移动用户体验 – 驱动这种视觉模式的兴趣。由于所有的黑暗元素,用户被迫看看设计。

有一个真正的神秘元素,推动与这些项目的接触,因为用户被入侵看到动画元素会发生什么,并寻找微妙的变化和影响。接下来会发生什么?

这些设计中的每一个都以不同的方式组合。没有特定类型的动画效果最佳,并且没有必要使用的设置颜色,尽管大量的这些设计使用了丰富的黑色和灰色调色板。

动画可以像悬停效果一样简单,或者像模制形状或制作的视频一样精巧。

它似乎工作,因为它引起了一种神秘感。而用户想解决的难题。

为什么它的工作

网站设计的另一种趋势深色背景加动画的设计模式

实际上很难说明这个设计趋势的原理。当您在没有看到网站设计项目的情况下考虑时,您不会认为黑暗的动画模式将会成功。

  1. 没有很多的颜色。
  2. 对比度很小
  3. 设计几乎过于简单。

但也许这就是为什么这种趋势工作。它打破了足够的规则,吸引用户进入设计。

另一个因素是黑暗与神秘手段。人们只是喜欢一个很好的谜。他们能够看到隐藏的元素或解决复杂的问题。具有动画效果的深色配色为用户揭开神秘面纱提供了一种方式。

这些项目也有不同的情感拉动。黑暗的颜色很可爱。这些调色板的颜色变化是复杂和有趣的(从设计的角度来看)。有一个深度的元素很难表达,但是很有趣的探索。

添加所有的情感和神秘,你可以得到一个想法,为什么用户被绘制到这种视觉模式。

它不一定是黑色的

网站设计的另一种趋势深色背景加动画的设计模式

虽然这些设计大部分都采用黑色调色板,但它们并不需要。

其他黑暗的色调也是有效的,让设计师能够创建一个黑暗的动画设计模式,并用调色板留在品牌上。

无论颜色如何,使这些调色板与动画一起工作的关键是色彩选择丰富。一系列色调(灰色混合)和阴影(将颜色与黑色混合)可以为单色调色板提供变化的范围。(请看上面FedEx设计中的不同的紫色)

虽然对比不是这种设计趋势的重点,但重要的是。在单色设计中没有足够的对比度,动画将在后台迷失,使设计无效。

几点注意事项

这种设计趋势并不适合所有人,而且很难将其有效地拉下来。深色动画图案有故障:

  • 不要在移动设备上呈现所有这些。
  • 有一些固有的可访问性问题。
  • 一些用户可能没有足够的视觉兴趣。
  • 导航和行动安置可能具有挑战性。
  • 环境条件 – 照明等 – 可使设计更加难看。
  • 有些用户不会赞美情绪色调。
  • 用户可以很快无懈可击的设计,减少现场时间。

尝试这种设计趋势的提示

网站设计的另一种趋势深色背景加动画的设计模式
网站设计的另一种趋势深色背景加动画的设计模式

如果您不怕这种设计趋势所带来的挑战,并且拥有与深色动画设计方案的喜怒无常的内容模型,您可以采取一些措施来确保项目的成功。

  • 坚持一页设计:太多的时髦设计元素可以压倒一切。如果您打算使用此概念,请将其限制在设计中的单页设计或一页。
  • 使用对比色:白色文字在黑暗背景下效果非常好。其他元素也一样。确保按钮,导航元素,消息和号召性用语易于查看和阅读。虽然动画和背景可能没有明显的对比,但其他元素必须易于识别。
  • 简化动画:过于复杂的动画可以压倒这种设计。坚持简单的运动和运动,这不是太快。
  • 层次上的设计:这个概念如何工作是在层次上进行设计。创建背景和动画元素之间的分离,使其感觉有些触觉和真实。分层也将帮助您计划足够的对比度,使元素可见。
  • 使用大胆的排版:不仅文本元素应该包含大量的颜色对比,您可能需要使用强大的粗体字来确保文本不会落入设计。它应该跳出来。寻找具有较厚字体和简单笔画的字体,以确保最大的可读性。