食品详情页修改案例教程，只有一张产品图如何改？

Sponsor

设计详情页如果资料齐全那么就比较好设计，但是如果只是一张产品图呢？可以设计一整个详情页吗？看似难度挺大的，可以安装今天的详情页设计思路，也可以制作一个合格的电商详情页作品。

以下是需要修改的详情页，大家可以看看有什么问题。

不同寻常之处在于，来回能用的就一张产品素材大图。

没错就是下面这张。

产品略有凌乱的摆放，显示出摄影师放荡不羁的灵魂。

此时此刻，我耳边想起了抖音上的鸡汤。

诸葛亮从来不问刘备，为什么我们的箭那么少？关羽从来不问刘备，为什么我们的士兵那么少？

所以，我不问老板素材为什么这么少，电脑为什么这么卡，公司为何这么多蚊子，还不点蚊香。

老夫决定修改试试。

仔细观察，这张产品图其实内容很丰富。可以分别截取不同位置，就变成几张不同的图。

我把最上面那块酥扣下，方便设计操作。

duang~

复制对称下，就出来一个掰断的效果。放大略有模糊，不过还可以接受。在扣下几个碎片摆上去。大体效果就出来了。

这种断开的食品构图，在零食类产品中很常见。构图一出大概感觉就出来了。

整体颜色必须暖色，毕竟是零食，直接来一个红黄渐变。

老夫怕背景单调寂寞，加了一个“脆”字，又加了一个放射性渐变。头图基本搞定。也许改成“酥”字更好…

第一屏搞定，比较难处理的是第二屏。因为产品只有一个角度，而且与原材料素材角度不同，一个平视，一个俯视。不是很和谐。

我重新找了托盘，然后把原材料扣下来，放在统一的木质盘子里。这样可以视觉更统一，避免素材的凌乱。

产品图弄一个白圈放进去，没找到更好的方式。反复调试几次，感觉还是居中摆放，构图比较稳定。

第三屏 时间关系，不往下搞了，看下整体前两屏。

前后一起看下

对原详情页的主要问题总结：

1、字体品种有点多，一般2款就足够了。

2、横竖排版都有，但处理不好容易重心不均衡，不如都用居中对齐保险。

3、头图场景素材不是很和谐，如果没有合适的角度，搭建场景比较麻烦，所以直接来个渐变背景，是一个不错的办法。

4、背景单调，多用渐变，我最爱渐变！！

今天就装逼到这里。。。。下次见。。。。。

来源：超级美工（ID：chaojimeigong（

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。