探索网页设计中的图像使用设计趋势



“股票摄影”这句话经常让人想起一次商业会议的镜头,当时每个人都莫名其妙地欣喜若狂。这感觉俗气、不自然,不适合现代网页设计。但是网上摄影并不一定要让人觉得很不合适。

事实上,一些最好的网站使用看起来很自然的图像来在设计中添加身份感。这篇文章是所有关于这些布局和设计趋势与成立和美丽的股票摄影一起使用。如果你能为一个网络项目获取高质量的照片,那么设计阶段就会变得容易得多。

位置和;环境

出售公司或活动时,地点可能非常重要。尤其是如果这是一家大多数人都会亲自拜访的零售商。

这些企业将其网站用作公司的数字表示。因此,环境照片非常适合,因为它们让游客一眼就能看到这座建筑,甚至可能是内部。但如果无法获取外景照片,你可以使用附近的热门地点。

nature valley trailview website

“自然谷小径”的网页上有美国各地国家公园的大型照片。每张照片都可能是专门为此网站拍摄的,也可能都是在线购买的库存照片。

无论哪种方式,都可以立即看到这些照片的质量非常高。由于照片占据了很大的空间,它们真正定义了网站的整体外观;感觉低质量的照片意味着一个低质量的网站,但在这种情况下,我们正好相反。

关于更个人化的例子,请看红色甜点潜水。这是一家专营定制甜点的面包店/咖啡馆。在整个页面中,你会发现各种各样的照片,但标题是最重要的。

red dessert dive bakery homepage

游客将看到标题之前的任何事情,所以它需要包装一拳。这张环境照片展示了这家面包店独特的内部以及一些甜点和餐具。像这个例子这样强大的图像演示了一个公司在不完全依赖文本的情况下所做的事情。

当您需要将网站连接到物理位置时,请考虑使用环境照片。

混合个人肖像

许多库存照片都是透明的,背景被移除。这些经常被添加到公司网站上,以获得一些额外的图形或创建新的照片合成。

虽然包含员工或团队成员的照片很酷,但照片合成也很受欢迎。精明的设计师可以用优雅的合成技术将个人肖像融入设计。

amazee labs homepage photo composite

我最喜欢的例子可以在Amazee实验室找到。排版效果被加工成全屏照片合成。可以看到其中一名员工坐在沙发上,而米色的墙壁则平滑地融入背景中。

我喜欢这一趋势,因为它不仅仅是一张典型的全屏照片。标题看起来像一个纯色,直到你把所有的东西拼凑在一起。这是一种真正独特的效果,是网络上库存照片合成的完美例子。

请记住,人们喜欢与&;从真实的人那里购买。一个不知名的网站有时可以发挥很大的作用——看看亚马逊和eBay的成功。

但是,一点个人接触也可以带来很大的不同。

brian regan comedian website homepage

布莱恩·里根是一位单口相声演员,他的网站上满是照片。主页的特点是将他自己的合成物混合到纹理背景中。这并不完全是一个传统的网站布局,但它适用于个人网站只使用几个页面。

你会在他的about页面上找到更多的照片,带有全屏标题和其他一些合成图片。

不要假设所有库存照片都必须在线编辑。一点Photoshop魔术可以把你的网站摄影推向一个全新的方向。

产品摄影

任何一家好的电子商务商店都需要一些产品照片。它们对于销售实体和;数字项目。

这种摄影风格有些独特,大多数专业摄影师将产品照片归类为不同于常规头像的照片。重点是从某种角度捕捉每种产品,这样客户就能看到好的外观,并有希望进行购买。

nike sb dunk ecommerce product photos

看看onlike Nike商店,它的运动鞋被编入缩略图。每张照片基本上都是相同的,在相同的灰色背景下,运动鞋朝右。

有些运动鞋提供其他颜色,你可以在悬停缩略图时选择。这是一个更高级的功能,但它显示了高质量产品照片的重要性。如果你经营一家网上商店并销售实物商品,最好聘请一名专业人士为你的网站拍摄产品照片。

高质量的肖像或环境照片可能会改善网站的设计,但高质量的产品照片实际上可能会促成销售。

谈到实物产品,一张好照片很重要。数字产品可以使用直接从电脑上拍摄的预览照片,也许可以用一点Photoshop来修饰一下。但企业服务呢?

lee w robinson designer portfolio

Lee W.Robinson网站是一个室内设计组合;翻新他的照片中没有实际出售的物品,而是他的作品样本。真正的有形服务最好与作品的照片搭配。

但当设计服务时会出现一些困难,这些服务无法在摄影中展示,有点像管道。在这种情况下,您可能会选择个人肖像,或者将其与办公室、设备或客户住所的环境照片(如果允许的话)混合在一起。

全屏背景

全屏背景可以包括人、环境、工作流程或任何东西的照片。这个想法是用摄影来建立网站的身份。盲人理发师使用全屏技术,通过图像幻灯片链接到各个页面。

blind barber header photo

每张照片都匹配从预约到浏览盲人理发在线商店的入站链接。照片质量很好,因此它们为整体设计增添了真正的价值。

book of beards homepage photo

另一个很酷的例子是《胡子之书》网站。它使用一个单一的全屏图像作为背景,在每页中保持固定。该网站依靠JavaScript加载每个页面,因此背景照片是一个一致的焦点。

这本书实际上是由专业摄影师贾斯汀·詹姆斯·缪尔创作的。《胡子之书》网站证明,简单可以走很长的路,照片确实可以在网页设计中发挥很大作用。

添加个人风格

你并不总是需要库存照片来占据页面的大部分。即使是一个小肖像或缩略图也可以为您的设计提供个人风格。

mat helme personal photo

马特·赫尔姆的作品集展示了他自己的个人照片。它确实很大,但也是整个网站上唯一一张他本人的真实照片。马特的个人肖像只适合那些冒险进入他的网站那么远的人。

但我们可以做得更小,仍然可以得到同样的效果。请看一下罗杰·金投资组合的页脚。

rogie king photo headshot

他的照片是一个200×200的灰度缩略图,位于网站页脚部分的一角。尽管它小巧温和,但它仍然提供了一种奇特的个人风格。

这种个人摄影的趋势可以演变成一个完整的团队,每个团队成员都有传记和社交资料。目标是提供尽可能多(或尽可能少)的个性,以最适合网站。

结论

谈到库存摄影,最重要的因素是质量。这真的可以区分可怕和糟糕的设计工作。高质量的照片将有助于为任何网站建立声誉良好的品牌。通过跟随这篇文章的趋势,你可以有目的地使用照片来设计强大的数字身份。

来源:https://speckyboy.com/image-usage-design-trends-web-design/

0