网站设计的新模式,超级黑暗设计模式,设计师正在尝试一些时髦,黑暗的设计模式,以相同配色方案的动画功能。
这些动画包括自己发生的简单动作,悬停效果和完整的电影体验的一切。让我们深入了解这个网站的设计趋势,并探索几种方法,使其适用于您的项目。
关于趋势
黑暗动画是一种以独特的方式组合两个元素的趋势 – 黑色单色调色板和酷动画。结果是一个令人惊叹的分层设计,微妙和喜怒无常。
虽然这种趋势可能很难做到,但并不总是有一个伟大的移动用户体验 – 驱动这种视觉模式的兴趣。由于所有的黑暗元素,用户被迫看看设计。
有一个真正的神秘元素,推动与这些项目的接触,因为用户被入侵看到动画元素会发生什么,并寻找微妙的变化和影响。接下来会发生什么?
这些设计中的每一个都以不同的方式组合。没有特定类型的动画效果最佳,并且没有必要使用的设置颜色,尽管大量的这些设计使用了丰富的黑色和灰色调色板。
动画可以像悬停效果一样简单,或者像模制形状或制作的视频一样精巧。
它似乎工作,因为它引起了一种神秘感。而用户想解决的难题。
为什么它的工作
实际上很难说明这个设计趋势的原理。当您在没有看到网站设计项目的情况下考虑时,您不会认为黑暗的动画模式将会成功。
- 没有很多的颜色。
- 对比度很小
- 设计几乎过于简单。
但也许这就是为什么这种趋势不工作。它打破了足够的规则,吸引用户进入设计。
另一个因素是黑暗与神秘手段。人们只是喜欢一个很好的谜。他们能够看到隐藏的元素或解决复杂的问题。具有动画效果的深色配色为用户揭开神秘面纱提供了一种方式。
这些项目也有不同的情感拉动。黑暗的颜色很可爱。这些调色板的颜色变化是复杂和有趣的(从设计的角度来看)。有一个深度的元素很难表达,但是很有趣的探索。
添加所有的情感和神秘,你可以得到一个想法,为什么用户被绘制到这种视觉模式。
它不一定是黑色的
虽然这些设计大部分都采用黑色调色板,但它们并不需要。
其他黑暗的色调也是有效的,让设计师能够创建一个黑暗的动画设计模式,并用调色板留在品牌上。
无论颜色如何,使这些调色板与动画一起工作的关键是色彩选择丰富。一系列色调(灰色混合)和阴影(将颜色与黑色混合)可以为单色调色板提供变化的范围。(请看上面FedEx设计中的不同的紫色)
虽然对比不是这种设计趋势的重点,但重要的是。在单色设计中没有足够的对比度,动画将在后台迷失,使设计无效。
几点注意事项
这种设计趋势并不适合所有人,而且很难将其有效地拉下来。深色动画图案有故障:
- 不要在移动设备上呈现所有这些。
- 有一些固有的可访问性问题。
- 一些用户可能没有足够的视觉兴趣。
- 导航和行动安置可能具有挑战性。
- 环境条件 – 照明等 – 可使设计更加难看。
- 有些用户不会赞美情绪色调。
- 用户可以很快无懈可击的设计,减少现场时间。
尝试这种设计趋势的提示
如果您不怕这种设计趋势所带来的挑战,并且拥有与深色动画设计方案的喜怒无常的内容模型,您可以采取一些措施来确保项目的成功。
- 坚持一页设计:太多的时髦设计元素可以压倒一切。如果您打算使用此概念,请将其限制在设计中的单页设计或一页。
- 使用对比色:白色文字在黑暗背景下效果非常好。其他元素也一样。确保按钮,导航元素,消息和号召性用语易于查看和阅读。虽然动画和背景可能没有明显的对比,但其他元素必须易于识别。
- 简化动画:过于复杂的动画可以压倒这种设计。坚持简单的运动和运动,这不是太快。
- 层次上的设计:这个概念如何工作是在层次上进行设计。创建背景和动画元素之间的分离,使其感觉有些触觉和真实。分层也将帮助您计划足够的对比度,使元素可见。
- 使用大胆的排版:不仅文本元素应该包含大量的颜色对比,您可能需要使用强大的粗体字来确保文本不会落入设计。它应该跳出来。寻找具有较厚字体和简单笔画的字体,以确保最大的可读性。