散景和平面设计是否兼容?

平面设计 网站设计 平面设计
2022-01-07 19:57:51

我想知道使用背景散景样式是否正确,并将其与内容平面设计相结合?

就像是:

在此处输入图像描述

3个回答

平面设计不是宗教

“扁平化设计”在过去的一年里变得很混乱。有很多设计师把它当作某种教条的标准体系。Material design(以及 MS 的 Metro,在较小程度上)的成功创造了更多不存在的想象中的硬线。

扁平是你做的。基本原则是避免过度使用阴影或建模或人造逼真的视觉设计,就像我们看到的苹果怪诞的拟物化一样这并不意味着任何形式的阴影、纹理、摄影或装饰都会消失。你仍然需要设计你的界面。

让它成为你自己的

回答您的问题:对于散景、焦点挑战摄影或任何设计风格的其他背景纹理和图像,没有任何规定。这就是您如何解释使品牌脱颖而出的风格影响。你应该开发一种新的视觉语言方言,而不是说别人的方言。

正如其他人所指出的,更大的考虑是可用性。只要确保您的摄影不会使界面混乱。在某些情况下,背景成为体验中非常重要的部分甚至是可以的——只要确保你仍然得到你所追求的“转换”,不管是什么。

在野外

Windows Metro可以说是最近记忆中最扁平的 Flat 示例之一。然而它有这样的东西。

Windows 8 天气屏幕

Google Material对 Flat 也非常激进,但大图片是为其明亮的调色板带来一些人性的核心。

在此处输入图像描述

Apple 的 iOS 7是赶上 Flatness 的匆忙尝试。无论好坏,有人将背景模糊作为系统的核心隐喻——这直接受到散景摄影的影响。

在此处输入图像描述

散景和扁平化设计当然可以很好地发挥作用。平面设计与具有相似属性的图像(例如细微纹理或柔焦照片)一起使用的情况并不少见。

但这是一个需要小心的地方,因为你混淆了平面设计所获得的原本完美清晰的前景/背景区别。对于散景来说尤其如此,因为它具有大的、潜在的引人注目的斑点。

  • 扁平化设计的部分意义在于它简单、干净、整洁,并且可以清楚地看到哪里。你要小心,任何散景效果都不会破坏它。确保它是微妙的,并且比通常在必须作为前景突出的元素周围有更多的空白。您的示例中大约有适量的空白。
  • 您需要小心颜色关系的工作方式。扁平化设计往往需要简单而一致的颜色,清晰突出,您需要注意彩色散景背景不会减少这一点。例如,在您的示例中,我会降低背景的对比度和饱和度,使前景更加清晰和锐利,并注意亮点相对于内容的位置(请注意,您对此的控制有限响应式设计)。
  • 在平面设计中看到大的清晰焦点飞溅/“英雄”照片作为前景内容是很常见的。如果你这样做,你需要考虑这样一个事实,即它们不会像在干净的平坦背景下那样突出。同样,这是因为您稍微混淆了通常完美清晰的前景/背景区别。
  • 所有好的设计都是由功能而非形式驱动的——事物的目的先于它们的美学——而扁平化设计就是这样。确保您知道为什么要为这种特定设计添加散景,以及为什么值得做出小小的妥协。
    • “看起来不错”?还不够好。
    • “带出品牌的X特征,否则会丢失”?更好的。

它当然可以工作,但你需要考虑这些事情。

我想说:散景和扁平边框(无填充)效果很好。但是你应该限制使用标题和特色元素。

更新(对不起,我很着急,忘了粘贴其余的答案):

例如,我们可以采用以下标头: 运球投篮 #848287

尽管散景很强烈,但标志 + hr 的细线并不太具侵略性,而且很合身。填充效果不好(它会覆盖太多照片)。

另一个例子: 来自@KinaoleCanada