解析苹果公司产品图片的秘密

应该向伟大的公司学习他们的做事方式，但是他们不会主动告诉你！

我去狗东搜索手机的时候，发现了一个有意思的事情，显示的界面如下：

看起来最起码在狗东上，苹果手机的图片显示颜色很一致。我们来分析一下，里面隐藏了什么信息

1 产品列表页面的图片的分析

以上面那张图为例，第一个产品的样子如下

整个产品看起来的感觉是很柔和，舒服。

我们从颜色的角度，来看一下这个图片有什么秘密

1.1 页面的底色分析

在产品的图片周围，是狗东的页面底色，我用红色线标记的那部分，通过工具发现，页面的底色的颜色值,红绿蓝都是255，255，255

这个颜色值的选择有什么猫腻吗？

我想了一下，可能有以下的原因：

1. 突出商品主体，减少干扰
   • 白色背景干净、简洁，能有效弱化背景对商品的干扰，让用户注意力集中在商品本身。
   • 特别适用于展示科技产品、服饰、美妆、小家电等需要清晰呈现细节的商品。
2. 提升专业感与高端感
   • 白底搭配高清产品图，营造出简约、现代、专业的视觉风格，符合主流电商平台的审美趋势。
   • 冷色调+白底，容易突出高端感和科技感
3. 统一视觉风格，增强平台一致性
   • 大量商品使用白底，使整个平台界面看起来整齐、有序、可信赖，降低用户的认知负荷。
   • 用户在浏览不同商品时不会因背景杂乱而产生视觉疲劳。

1.2 页面上的产品的图片的分析

产品的宣传小图是悬浮在页面之上的

中间是产品，产品周围，也就是我用红色框住的部分，颜色值的红绿蓝的分量是250，250，250.

这个颜色值的作用是：

1. 跟底色对比，没有那么白，所以会形成一种悬浮的效果，突出产品，让用户一下子区分出这是一个独立的块
2. 这个颜色值没有选大红大绿或其他值，明显就是为了能从底色十分自然地过渡到产品块，不会显得突兀
3. 这个颜色值是一个冷色颜色，不会夺走用户对于产品的聚焦力，因为它的平和性，反而衬托出产品

2 产品主图的分析

点进去第一个phone17的详情页：

开头就是一个宣传主视频，视频我们这里不分析，看一下第一张产品的主图

2.1 详情页的页面底色

详情页的页面底色，狗东没有采用之前产品列表的全白颜色，而是采用了 (246,247,251) 这个偏灰一点的颜色。

2.2 产品主图的底色

在详情页，产品主图的颜色反而是最白的那种白色了，这跟主页的情况是反过来了：

在偏灰的底色上，放置一块大面积的白，这样突出了产品区，让用户注意力集中到那里。

3 我们可以从这些数据中学到什么

1. 电商平台的颜色屏边都是均匀的偏白冷色系，产品的图片最好也是整体的颜色保持均匀一致
2. 亮度尽量偏亮，可以提高产品的格调

4 答疑

4.1 是什么是颜色的均匀一致性

简单来说，就是一张图片，在三色通道和透明通道上保持同一种数值。
如果颜色是均匀的，比如狗东的底色和苹果的产品底色，每个像素值都是一样的.

举个颜色不均匀的反例：

这张图是我在有专门打白色光的摄影箱里拍摄的，从肉眼就可以看出，它的颜色是不均匀的，红色框住的部分就是最明显的三个区域.

这个是因为光照不均匀，在不同区域的光线是不一样的。

我把这张底图模拟一下放在一张类似京东的白底页面上去，可以十分明显地看到，整个图片的颜色十分不好看，产品的格调一下子下降很多。

4.2 怎么为产品制作高白色的底图，或者其他颜色的高纯色的底图

因为光照不均匀这个物理特性，直接拍摄是无法拍摄出高纯色，高亮度的底图的，上面那张很丑的底图，我就是专门在摄影箱里把亮度调到最亮，还加了白色的颜色板拍摄出来的，但还是偏暗，不均匀。

所以，如果要高纯色，高亮度，必须是通过后期处理

4.2.1 采用拍摄后抠图，然后通过软件专门调制出专门的高亮均匀性一直的底图，然后把产品图片贴上去

这种方式是传统的电商的处理方式了，步骤是：

1. 在专业的摄影棚里打好光，使用单反相机先拍摄好产品
2. 美工将产品从拍摄的图片，人工地一点点将图片仔细扣出来
3. 将抠出来的图片贴到提前制作好的底图上面

这种方式是可以产生质量最高的产品图片的，除了下面一个缺点：

要有钱

给你们看一下，这套流程里面用到单反和摄影棚的价格：

4.2.2 有没有更加廉价的方式？

小团队是很难用这么昂贵的方案去做产品图片的，毕竟钱要用到刀刃上。

如果你们的情况跟我类似，可以看一下我用的拍摄方案。

我个人常用的是艾易欧科技的智能摄影箱ieoSPC.
这个东西是长这样的：

这个方案比较适合我的团队，毕竟我的团队就是一个小团队。

ieoSPC这个产品，是一个比较廉价的方案，软硬一体，使用了手机进行拍摄。
我最喜欢它的一点就是简单，公司的文员都可以操作，也不需要抠图了，它自带抠图功能.

我比较常用的功能是：

1. 给你提供一个可以打不同颜色的光的灯箱
2. 无需单反相机，直接电脑控制手机进行拍摄，关键是还可以自动旋转到多个角度，很省事。
3. 使用了AI，可以直接将拍摄出来的产品底色替换成你需要的颜色，或者是透明底色.

给你们看一下，我用ieoSPC拍摄的效果

• 左边这张图是我直接使用ieoSPC拍摄的原图
• 中间那张是我让ieoSPC去除掉背景的效果。
• 右边那张是JD上的苹果原图。我生成的图片肯定不能跟人家比，它这个图片，如果你去分析，就不是拍摄出来的，直接是通过电脑画出来的。

我再花一分钟拍摄和生成一张图片，给你们看看，普通物品的效果:

可以看到，用了颜色聚云的背景，产品的外观会好看很多，可以作为主图使用。

我发现一个薅羊毛的情况,ieoSPC原来是软件配合硬件一起使用的，但有天我突然发现，即使不用硬件，也可以用他们的软件，用来控制拍照和抠图,我现在就拿来直接用手机拍摄和抠图了，像下面这样

有兴趣的可以去下面链接下载，现在还是免费下载的： http://www.ieeoo.com/download_spc.jsp