我怎样才能更好地将产品放在社交媒体帖子上?

平面设计 adobe-photoshop 排版 设计师 布局 空白
2022-01-12 11:05:42

(出于隐私原因,角落和产品标签中的徽标被隐藏)

当我完成设计时,我得到的反馈是产品(左下角的灰色部分)不太合适(图 1)。所以我确实把它放在上面一点(图2)。它看起来更好,但我仍然收到反馈说它漂浮在空中

所以我相信,出了点问题,我不知道该如何解决。这是一个空气净化器。它必须放在左侧,并且看起来应该比这些选项更好。可以做什么?

此外,如果您不想仅将其放在左侧,您也可以建议其他可能的方式。但优先级在左侧,因为在左侧提到了产品名称。

在此处输入图像描述

PS:除此之外,一般都在问,你还有什么看错的地方,可以改进一下,让它更美观吗?

3个回答

我感觉你在回答你的问题,也许是无意识的。

尝试查看阅读顺序:

阅读顺序

知道西方的阅读顺序是从上到下,从左到右,读者的眼睛会试着沿着这条路走。

有一个物体首先引起了人们的注意:女孩的照片。随着从上到下的趋势,我们的眼睛会立即转到标题的开头,特别是大小,以及阅读感和颜色。

停在标志处后,视觉路径向下,最后离开,橙色气泡和产品所在的位置。底部的所有元素都被画面吸收了,因为它们被解释为地面。这就是为什么在阅读的意义上它们被归入最后。


如果我们用基本形状来做练习,那就更清楚了:

在此处输入图像描述

有一个大的中心对象以三角形箭头形状指向标题。按照阅读的感觉,顶部的对象,并从那里到底部。


另一方面,产品的缺点是浅灰色,这种颜色在整个构图中对比度较低。

色彩练习显示了对比度如何影响产品。想象一下有人在看到添加一分钟后试图记住颜色:该产品不存在。

颜色

如果这是我的工作,我会改变女孩裤子的颜色,以消除主导和不相关的颜色。通过这个简单的改变(也软化了背面植物的绿色),产品获得了更多的存在:

在此处输入图像描述

最后,为什么我认为您已经回答了您的问题,您已将图像编号放在视觉相关性最大的位置,以便阅读您的问题的人可以清楚地看到它。在阅读顺序的开头和照片之后的主要元素(标题)之间。整个组合中放置产品的最佳位置。

在此处输入图像描述

不像第二个例子,产品是悬浮的,漂浮在空中,这里它会挂在墙上。

在这个场景中,你会把时钟放在哪里?

钟

在评论后插入

我遵循时钟示例。

假设用户还没有看到该产品。他们会阅读文字“POCKET AIR PURIFIER”,但可能不知道图片中的产品。他们可能认为这只是背景图像的一部分。

唯一在视觉上与该位置的时钟竞争的元素是位于模型后面的对象。读者无意识地创造了视角并定义了一个背景,所有东西都位于同一水平的墙上。我们必须找到一种方法,让其余元素落后于时钟,不是字面上而是视觉上的落后。

这是一个完全模糊背景的示例。这是不真实的东西,因为时钟会挂在后墙和女孩之间,但这是一个非常好的视觉资源,可以更加突出产品。另一方面,模糊背景会产生消除噪音的效果。

背景模糊

第二次编辑:

为什么产品会在空中飞来飞去?

在此处输入图像描述

产品必须在整个组合中的某个地方,在平面设计中,您不必取悦所有人,但要找到正确的答案来定义为什么一切都在它的位置。我认为整个答案为您提供了足够的理由来证明产品位置的合理性。如果产品是时钟,您可能会想到最后一张图片的位置,遵循模特 T 恤的袖子和领子以及她的肩膀 (1) 生成的双重虚拟指南。但不幸的是,您的产品没有太多的视觉存在感,因此您必须在整个构图中占据主导地位,这就是为什么它位于中心位置,周围有很大的空白区域。

(1) - 与这个位置相关的间接感知:健康产品符合心脏。


你会怎么回答这个问题:你为什么放一个女孩而不是一头大象?

好吧,对于这个答案,你应该做同样的推理来回答关于产品位置的问题。

我个人永远不会依赖广告的左下角来传达任何东西这是一个死区,很容易被观众遗忘或忽视。

我可能错误地认为图像可能比您的样本显示的更多。如果不是,则可能仅仅是由于您的示例中的使用情况。

试图强迫左下角被看到和阅读/记住,对我来说,经常会失去平衡。如果左下角有实际的文本内容,事情就不会“感觉”正确。我试着只为任何东西的左下角坚持视觉效果,从不输入对象。

通过将说明性内容放在号召性用语 (CTA) 项目上方,您可以展示直接、令人难忘的行动……赢得这个……点击此处……

此外,视觉...

  • 阅读时,女人的手臂将观众引向顺时针方向。
  • 他们立即将目光拉到了头条新闻
  • 从右到左阅读,你点击了解释性内容
  • 文本框上方的图标/图像将注意力吸引到该文本中
  • 将图像/图标放在框的右侧告诉眼睛向左移动
  • 然后眼睛向下移动到 CTA
  • 然后她的左臂再次将眼睛引向左侧。

顺时针转圈总是一件好事。

在此处输入图像描述

很粗糙的草稿。

不过,我可能会搜索不同的“瑜伽/冥想风格”图像。一个帖子看起来也很放松,但也有更多的向上和向左的拉力。

例如...

在此处输入图像描述

也许不是这张照片(它只用了 15 秒的谷歌搜索)......但角度相似的东西。3/4 视图对我来说总是比正面的人物照片更有趣——它们倾向于以一种微妙的方式将观众拉入图像中。

给它一个玻璃地板!1、将产品移至表观位置。 第1步 2、玻璃地板,使用矩形选框,给它加一根羽毛使其流畅。 第2步 3,用那个选择,创建曲线层,让它像玻璃一样微妙,为了这篇文章的目的,我让它变得明显。 第三步 4、ctrl+G成组,加一个图层蒙版,把人物和产品本身屏蔽​​掉,使其透视。 第四步 5、回到玻璃图层蒙版,ctrl+T做一些透视和缩放的事情。 第五步 6、阴影:选择背景层中的产品,做一个曲线顶层,使其变暗,然后ctrl+T使其适合适当的位置(从人可以看到光源是从左到右的那种)。 第六步 7、ctrl+G成组,加个蒙版,把产品本身蒙版,边缘可能会模糊一点。 在此处输入图像描述 全做完了!这一切都与微妙有关 - 返回调整玻璃和阴影亮度。