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


9

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

就像是:

在此处输入图片说明


4
欢迎来到GD.SE。我认为没有硬性规定。
joojaa 2015年

哈哈感谢您的出色评论:D当您看到它时会感到震惊吗?
Zooly 2015年

在这种情况下,它确实确实可以100%工作,但id表示其更特别的图像。可能具有更好的连击和越位正确的前景。仍然还不错。(更多颜色)
joojaa 2015年

当然,我刚拍了发现的第一张散景和我脑海中的第一张单色^^
Zooly 2015年

3
在大多数情况下,这是一个纯粹的主观问题。
DA01 2015年

Answers:


5

散景和平面设计当然可以发挥出色。平面设计与具有类似特性的图像(例如细微的纹理或柔焦照片)配合使用并不少见。

但这是一个要小心的地方,因为您正在弄混平面设计所获得的本来就非常完美的前景/背景区别。对于散景大且可能引起注意的斑点尤其如此。

  • 平面设计的部分要点是它简单,整洁,整洁且在哪里看都清晰。您需要注意,任何散景效果都不会破坏它。确保它是微妙的并且具有比通常在必须突出显示为前景的元素周围更大的空白。在您的示例中大约有适当数量的空格。
  • 您需要注意颜色关系的工作方式。平面设计往往需要简单且一致的颜色,这些颜色必须清晰可见,并且您需要注意彩色bokeh背景不会减少这种情况。例如,在您的示例中,我降低了背景的对比度和饱和度,以使前景更清晰锐利,并注意亮点相对于内容的位置(请注意,您对此的控制有限响应式设计)。
  • 大型清晰的飞溅/“英雄” 照片作为平面设计中使用的前景内容是很常见的。如果执行此操作,则需要考虑以下事实:它们在干净的平坦背景下不会像它们那样突出。同样,这是因为您稍微模糊了通常非常清晰的前景/背景区别。
  • 所有好的设计都是由功能胜于形式驱动的-事物的目的超越其美观-平面设计就是这一切。确保您知道为什么要为此特定设计添加背景虚化,以及为什么值得进行一些小妥协。
    • “看起来很酷”?还不够好。
    • “展现出品牌X的特性,否则这些特性会丢失”?更好。

当然可以使它起作用,但是您需要考虑这些因素。


感谢您的完整回答!我同意你的意见,我需要一个理由来说明为什么我要使用此组合而不是仅使用flat。还有...我没有!没错,我只是觉得它看起来不错。.我以为它给我的网站带来了活力(“单页”模式),但是我必须在实际条件下尝试一下,就像您所说的,要考虑不同的层次,并且选择合适的颜色以突出信息。感谢您的观点;)
Zooly 2015年

@HugoTor如该答案所述,如果使用大英雄照片,则散景背景可能不是一个好主意。在这种情况下,散景背景的一个很好的理由是,如果您不使用英雄,并且您认为没有背景的平面设计在视觉上太平淡了。在这种情况下,只要小心保持前景/背景对比度,它就可以很好地替代前景照片。
识别器

9

平面设计不是宗教

去年,“平面设计”变得混乱不堪。有很多设计师像某种教条主义的标准体系那样举起它。材料设计的成功(以及MS Metro,在较小程度上)创造了更多虚构的硬线,而这些硬线实际上并不存在。

就是你做的。基本原则是避免过度使用阴影或建模或虚假的逼真的视觉设计,就像我们在Apple怪异的拟态中看到的那样。这并不意味着阴影,纹理,摄影或任何形式的装饰都会消失。您仍然必须设计界面。

自己做

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

正如其他人指出的那样,更大的考虑因素是可用性。只要确保您的摄影不会使界面混乱即可。在某些情况下,使背景成为体验中非常重要的部分甚至还可以-只需确保您仍然能获得所追求的“转换”,无论结果如何。

在野外

Windows Metro可以说是最近内存中Flat最平坦的示例之一。但是它有这样的东西。

Windows 8 Weather屏幕

Google Material也对Flat持好战态度,但是大图片对于为其明亮的调色板带来人性化至关重要。

在此处输入图片说明

苹果的iOS 7是赶上Flatness的匆忙尝试。不管是好是坏,那里的某人使背景模糊成为系统的中心隐喻-直接受到散景摄影的影响。

在此处输入图片说明


1
这绝对是一个极好的答案。
Lightness Races in Orbit 2015年

1
谢谢@LightnessRacesinOrbit!我认为这个主题值得揭开神秘的面纱
便衣

感谢您的出色回答。我想知道,如果我在平面元素上添加浮雕,以使其与众不同,它会变成类似于Material Design吗?我更喜欢(在这些示例中)的Google App:这很清楚,但是很漂亮。如果在平面设计中我不喜欢一件事,而没有背景摄影,那就是它的朴素之处。我认为用户仅看到正方形和矩形可能真的很无聊。
Zooly 2015年

1
您走在正确的轨道上。我认为,iOS团队正试图解决诸如背景模糊之类的问题。不幸的是,他们最终得到了一个更混乱且不易使用的界面。这就是我要警告的地方。
便衣2015年

1

我会说:散景和扁平边框(不填充)效果很好。但是您应该将其使用限制在标题和特色元素上。

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

作为示例,我们可以采用以下标头: 盘带射击#848287

尽管有很强的散景效果,但徽标和hr的细线并不太激进并且非常合适。填充不能很好地起作用(它将覆盖过多的照片)。

另一个例子: 来自@KinaoleCanada

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.