你真的需要跟上潮流吗？

永远不要做某事，因为它是一种趋势。做事是因为它们有利于用户体验，因为这对你的公司和你的设计是最好的。认真考虑将大图像添加到您的网站所产生的影响，并权衡您拥有的其他选项。您不必使用这种技术来拥有一个“现代”网站。

话虽如此，在为您的网站选择背景图片时需要记住很多事情。由于这个答案很长，所以这里是简短的列表；我将详细介绍每个示例，包括下面的示例。

• 确保图像与内容相关
• 确保图像说出你想要的
• 确保图像相对独特
• 使用真实事物的图像
• 确保图像适合您的布局
• 确保图像遵循良好的摄影和设计规则
• 确保图像遵循您的配色方案
• 限制图像内的变化
• 确保图像尺寸足够大
• 确保您有权使用该图像
• 确保照片质量很高

  ---

确保图像与内容相关

一张不相关的照片只会造成伤害。就像您设计中的任何内容一样，如果它不直接符合您网站的目的，则将其删除。确保它与周围的内容直接相关，而不是以后的内容。图像需要有一些文本或布局带来的额外上下文，以帮助用户理解它是一个站点而不仅仅是一个静态图像。

确保图像说出你想要的

所有图像都有基于图像内容及其样式的内涵。确保图像符合您希望传达的感觉以及品牌。图像应该传达超出其周围文本所提供内容的额外理解。还要确保它有助于以您希望的方式建立您的品牌。

不言而喻，图像应该具有视觉吸引力。有关使图像具有吸引力的特征的更多详细信息如下。

确保图像相对独特

如果质量至少相同，自定义图像比库存图像更好。这意味着您应该避免使用非常知名的库存图片，只要替代品同样高质量和合适。然而，绝对独特并不像拥有一个伟大的、合适的形象那么重要。

使用真实事物的图像

真实的图像（甚至是经过高度编辑的版本）对我们人类有很大的影响。我们喜欢看真实的东西。只要有可能，请选择真实图像而不是计算机生成的图像，除非它完全不适合您想要的内容或风格。

给人看有更大的效果，有好有坏。如果做得正确，它可以让用户觉得体验更加真实和个性化。如果做得不好，它会使它看起来很个人化和便宜。更多关于这里。

面孔尤其会引起注意，因此请确保它们是合适的面孔，并仅将它们放在真正重要的地方。有时将它们放在其他环境中，例如书本、iPad、计算机等，会有所帮助。其他时候，裁剪面部更合适（想想服装网站或人体模型）。如果做得好，展示品牌/代言人的脸是非常有效的，如果可以的话，我强烈推荐它。

确保图像适合您的布局

您的用户流和站点布局比您可能选择的任何图像都更重要。首先创建它们。如果最佳布局和流程在顶部有一点开放空间，那么请考虑添加图像。

确保您拥有的内容没有覆盖图像的重要部分。使用视觉指南来帮助引导用户访问您希望他们看到的内容（下一节将详细介绍）。

确保图像遵循良好的摄影和设计规则

图像应遵循三分法、利用视线、聚焦主要内容、构图正确、背景良好、对称和图案等核心摄影规则。有关更多信息，请查看此处或在线搜索更多资源。

这些原则将通过帮助将注意力吸引到图像的重要部分及其周围环境来赋予图像更多目的。

确保图像遵循您的配色方案

所有网站都应该有统一的感觉，包括配色方案。无论您是先选择配色方案然后选择图像，还是先选择图像然后再选择配色方案（这样的工具可以帮助后者），请确保图像颜色适合您的整体配色方案。有时冲洗图像然后应用滤色器可能效果很好。

限制图像内的变化

不要让视觉外观忙碌。图像中有一堆颜色和对象，很难在其上放置文本并使其与布局相适应。如前所述，首先创建内容，然后选择图像。

添加部分透明的覆盖层、使图像变暗或在添加彩色滤光片之前将其洗成黑白可以帮助减少不必要的噪点。此外，背景颜色可以应用在文本后面或元素上，以帮助提高可读性。

_{上图使原始图像变暗，并在边缘使用一些阴影来减少噪点。下图似乎使用部分透明的深色覆盖来做同样的事情。}

确保图像尺寸足够大

不用说，使用的图像应该足够大以覆盖每个屏幕而不会拉伸。这意味着对于全尺寸屏幕，我们需要具有最小分辨率为 1024 x 768 像素的图像，但最好以至少 1200 像素宽为目标。我们还可以通过根据分辨率提供不同尺寸的图像来节省为小屏幕加载大图像，更多信息请参见此处。在不牺牲图像质量的情况下，尽可能优化图像加载时间。

确保您有权使用该图像

如果您不允许使用它，请不要使用它。如果您不知道图像的版权是什么，请查找它，但在您知道之前不要使用它！你最不想做的就是被起诉侵权。

确保照片质量很高

不要使用颗粒状或模糊的图像。不要使用包含有问题或不相关内容的照片。保持简单但（大部分）真实。认真考虑您考虑的每个图像的好坏部分，不要接受平庸的东西。

_{其他资源：}

• 如何选择有效的网站照片和图片
• 最佳全屏网站