网页设计:网站摄影快速指南

更好的照片=更好的网站

包含精美照片可以将普通网页变成视觉上吸引人的网页。但不只是任何旧照片都可以。决定正确的图像是我们应该仔细考虑的事情。

然而,有时候,设计师不一定能做出这个决定。例如,您是否曾经从客户那里获得过不太好的图像?他们可能会坚持使用它,即使它会剥夺其网站的整体美感。

即便如此,仍有机会挽救这一天。这一切都是为了更好地理解摄影在网页设计中的作用。如果我们能够教育我们的客户和我们自己,我们可以避免客户用他们10年历史的手机拍摄的那些颗粒状的,不合时宜的图像。在它的位置将是一个有吸引力和相关的照片,增加了整体体验。

考虑到这一点,这里有一些有用的技巧,为您的网站选择最好的照片。

考虑主题问题

首先,照片应该反映您内容的主题 - 至少在某种程度上。这个不是一门精确的科学,通常可以解释。

当然,最简单的方法是聘请专业人士为您拍摄现场图像。但这也超出了许多企业的预算。这导致我们不可避免地使用股票照片。

如果你正在进行摄影取材,你可能并不需要在主题上完全匹配。但你仍然可以瞄准基本的想法(即使它有点通用)。

举个例子,假设你写了一篇关于聘请钢琴调音师的原因的博客文章。也许你无法访问执行实际工作的人的精彩图像。但很可能你可以找到钢琴的照片。更好的是,专注于其内在部分。

目标是找到有助于使用户专注于特定主题的图像。完美不是必需的,但尽量不要偏离内容的主题太远。

 

考虑颜色和后处理

由于Adobe Photoshop甚至CSS 等工具的奇迹,我们最初在图像中找到的颜色不一定要保持这种状态。我们可以改变色调,饱和度甚至转换为黑白。

不过,值得考虑哪种颜色对您的项目最有意义。诸如您网站的整体设计之类的项目可能是一个重要因素,您正在寻找的心情也是如此。

如果您的网站背景较暗,并且想要做出大胆的陈述,那么一张色彩鲜艳的照片可能正是医生所要求的。但是,如果你正在寻找更严肃和低调的东西,黑白可能就是完美的。

您计划使用的任何后处理效果也应该是一个考虑因素。并非您找到的每张图片都适合您正在使用的特定滤镜。

例如,如果您要在网站的每个页面上对一系列标题图像应用颜色叠加,则需要确保在应用效果时您选择的照片看起来一致。如果特定图像看起来不合适,则可能不适合此场景。

大小和方向很重要

无论您是拍摄自己的照片还是从库存服务下载,您选择的图像可能会在添加到您的网站之前被裁剪为较小的尺寸。即使使用宽带连接和4k显示器,巨大的图像(具有同样大的下载大小)也不是非常用户友好。

因此,考虑如何计划在您的网站上使用特定图片非常重要。裁剪会对它产生什么影响?这是图像的像素大小及其方向发挥作用的地方。

例如,在给主页大横幅图(banner)拍摄背景图像。在这种情况下,通常最好使用宽广的风景照片。试图将高大的,面向肖像的照片变成短而宽的照片通常会遗漏太多细节。

同时,像素大小也很重要。理想情况下,最好选择比您需要的图像更大的图像,以便您有足够的空间来裁剪它们。吹出小图像通常会导致显示质量非常差。因此,寻找可以降低到所需大小的东西。

并且,不要忘记移动!根据您使用图像的方式,您可能需要调整样式以使图像在小屏幕上看起来像素完美。图像在大屏幕上看起来也很棒,但在小屏幕上效果不佳。这可能意味着必须使用响应式网页来配合图片的尺寸(coolsite360可以方便的制作响应式网页)。

关于你客户的可怕照片

之前我们曾提到客户坚持使用特定照片(又称“ 错误 ”照片)的情况。在这些情况下,很容易将其视为一个坏主意 - 也许就是这样。但是,认识到他们的感受和思考过程也是明智的。

为了更好地理解这一点,您可能需要进行一些探测。通过诚实和礼貌地陈述您对图像的任何疑虑开始。也许尺寸不会起作用或质量不合适。无论如何,最好将您的想法公之于众。

当你进一步讨论它时,试着找出他们喜欢的照片到底是什么。你可能会发现他们正在使用它,因为它是他们唯一拥有的或者它具有一些感性价值。他们不太可能试图“毁掉”你的杰作(尽管如果他们确实声称这是理由,那就尽可能快地离开那里)。

从那里,你可以提出一些选择。诸如添加效果或使其成为拼贴画的一部分之类的东西可以帮助实现更好的契合。或者,如果可以轻松地重新创建图像,则可能建议重新拍摄。

很多时候,你会发现客户在图像方面很灵活。一旦他们发现你的工作符合他们的最佳利益,他们就更有可能在中间遇见你。因此,不要将他们的初始请求作为最终决定 - 可能存在妥协的余地。

 

更好的照片=更好的网站

凭借触手可及的大量摄影,可以轻松快速抓取图像并将其投入使用。但是,这是合适的工作吗?

实际上,找到正确的照片可能需要更多的努力。考虑您网站的主题,适当的颜色选择以及您需要的尺寸。这将有助于缩小搜索范围。从那里开始,就是尝试不同的选择并确定最佳匹配。

而且,在客户有自己想法的情况下,打开沟通渠道,寻找充分利用这种情况的方法。

摄影是一个真正让您的网站脱颖而出的元素。因此,请花时间明智地选择!

10

相关文章: