整页网站背景图片的品质

平面设计 网站设计 背景 照片编辑
2022-02-06 15:28:34

我们正在尝试创建一个具有全尺寸背景的网页。以下页面是我们的灵感:

我们已经创建了一个包含我们自己的一些引人注目的图像的页面,但它们总是看起来平淡无奇,并且不给副本任何突出的机会。

似乎有一些我们无法理解的图像的共同品质。

图像的质量或在这些图像上使用的技术是什么,可以使它们更有效地用作全屏网页背景?

2个回答

为了解决您自己的情况,第一个问题可能是您希望通过登录页面实现的目标。是为了展示和突出产品的美学品质,还是为了洞察一个人的工作质量,或者只是为了吸引观众的注意力足够长的时间以吸引他们?目的允许您开发图像的清晰功能,这对于如何显示、使用哪些后期制作技术来显示重点以及其他选项至关重要。

在不看图片的情况下解决您的特定情况有点困难,但更笼统地说,我认为有多种特征与醒目的图片相结合,可以制作成功的着陆页。

视觉分块

视觉分块是一种分离不同内容对比区域的方法,让观众更容易掌握你试图在登录页面上呈现的叙述。您提供的所有三个示例都在一定程度上做到了这一点,而可能会认为 August 网站并没有完全做到这一点。然而,我认为,正因为如此,8 月登陆页面可能是这三个示例中最弱的组成部分。这种技术与强烈对比的图像相结合,将与照片相关的情感内容与快速了解您、您的网站、您的公司等试图代表的内容相结合。

联络点

图像的编辑方式通过使用立即绘制的焦点以特定意图引导用户的眼睛。这几乎总是以过度的方式完成,因为登陆页面的时间安排更为关键。最近的研究表明,如果无法推断出专业性或体验不清晰,超过一半的初始浏览者会在 8 秒内从您的网页跳出。这需要您使用焦点以清晰、可控的方式引导眼睛。
舱 悬崖

这两张图片显示了高光和阴影之间对比区域的鲜明使用。你的眼睛首先注视图像的醒目部分,然后立即注视文本。

方向提示

惊喜惊喜。具有明显焦点的相同图像也为您的眼睛提供了建议的路径。在第一种情况下,屋顶使用对角线创建文本路径,第二种使用非常微妙的彩虹让您跟随标题。同样,这是因为时间是登陆页面的优先事项,如果您可以控制查看者遵循的路径,您可以更有效地塑造体验。

总的来说,我想说创建有效着陆页的不仅仅是图像,而是您定位其他内容以满足您的着陆页意图的能力。你想说什么以及如何使用图像来有效地传达它?

这三幅图像的一件事是深度:山脉之间的天空,到滑雪小屋的距离,以及使用最后一张中的景深。

我目前正在做的事情也有深度感,这似乎工作得很好。我将使用左侧的浅色面板作为文本或继续使用白色。但是因为图像已经有了深度感,所以文字总是会出现在最前面。您可以看到,此缩减中的文本似乎站在汽车前面的一块玻璃板上。

在全尺寸版本中,主要汽车图像由于图像尺寸调整而略微模糊。这有效地使其失焦,这也增强了深度感。由于与其他所有内容相比,文本非常清晰,因此被带到了前面。

MGRover宣传形象

这张图片最初是由 MG Rover 在 2002 年左右创建的,作为他们 TF 模型的宣传照。