商品主图这样搞,就对了!

今天这期的内容,我就带大家看看,如何判断一张图是否合适,以及处理主图都有哪些常用的招式。

OK,废话少说,干货走起。

1、清晰。

毫无疑问,一张清晰的产品图是最最重要的。无论设计做得多精美,一张模糊的产品图都能将用户劝退了。所以,任何时候都不要使用低精度的图片。

2、造型独特。

在选择主图的时候,要尽量选择新颖的造型或者独特的视角,这样可以放大主图的视觉冲击力,起到事半功倍的作用。

3、细节精美。

对于产品图来说,丰富的细节在视觉上更有表现力,会让人觉得更有品质感。这里说的细节,可以是漂亮的光影,清晰的纹理,细腻的质感等等。

基本上只要符合上面3条原则,就可以算是合适的主图了。

今天的内容主要讲怎么处理主图,下面正式进入今天的主题。

对称意味着协调、均衡,它是大自然中最基本的规律,所以对称的设计是可以被所有人接受的。

最常见的是左右对称,两边重量平衡,有种平稳大气的美感。

下图的产品从左到右一字排开,以大壶为中线对称,这种绝对的对称方式在视觉上十分有秩序感。

除了绝对的左右对称,也可以斜线对称。

对称的商品也不需要颜色和款式完全一样,不同的角度变化,以及颜色对比,都可以给画面带来活力。

好了,

下一个。

产品数量比较多的情况下,我们可以选择产品视角一致,按照一定的规律平铺的画面上。

最常见的就是这种“翻包图”式的设计。

将一件件物件翻出来,摆得整整齐齐,会给人一种心理上的满足感。

在具体的设计中,有两种平铺形式。

第一种是将不同的产品,按照统一的视角,方向,规律摆放在页面中,使得不同产品和谐相处,产生韵律感。

第二种是将同一个产品变换角度,以及不同产品细节,然后以一定的规律摆放在画面中,在重复中形成变化。

飘浮的物件在视觉上有强烈的动感,再加上产品的大小角度变化,以及光影效果,可以营造出强烈的空间感。

产品要想飘浮起来,投影至关重要。产品和投影之间的距离越大,它就会越有飞起来的感觉。

除了产品之间的投影效果,背景上也要有光影的变化,这样会与产品的飘浮效果相呼应,形成空间感。

在美食设计主题中,飘浮可以营造出琳琅满目的感觉,刺激用户的食欲。

有时候我们拿到的素材图片不太好抠图,或者抠出来之后会损失原图的品质感。这个时候我们可以把它放到一个几何形的蒙版来处理,这样既可以保持原图的风格,又可以方便我们后期的排版处理。

最常用的蒙版形式是简洁的几何形,尤其是圆形和方形用得最多。

几何形的蒙版看起来很规整,为了让版式更活跃一些,我们可以让主体的一部分突出原有的图形,形成破版的效果。

还有一种特殊的蒙版,那就是文字。

在以文案为主的设计中,为了让文字没那么单调,我们可以在文字的轮廓中嵌入产品图,给文字增加纹理效果,这样就很巧妙的给纯文字画面增加了商品的属性。

人都是视觉动物,很容易被细节打动,越精致的细节越能形成强烈的视觉震撼。如果你的产品图足够精美,那么就尽量放大它的优点,震撼用户的眼球吧!

最擅长这一招的,莫过于苹果。在苹果的官网上,随处可见这种精致到令人想添屏幕的细节大图。很多时候我打开苹果官网,尽管没有购买需求,我都会点开所有的产品详情页慢慢看,简直无法自拔。

作为苹果的忠实学徒,锤子在这方面也得到真传。

放大的局部,可以让用户的视线更聚焦到产品的某一个细节或者功能上,起到强化卖点的作用。

一般我们做图文排版的时候,肯定将图片和文案做主次之分。要么突出图片,要么突出文案,这样层次清晰,利于阅读。

但是也有一种特殊的设计手法,将图片和文案的视觉比重放到同一个层次。图片和文案交叉、叠压,使文案和产品成为一体,从而强化整体的视觉冲击力。

例如在之前的教程中,我做的运动鞋的案例就用了这种产品图的文案叠压的设计手法,手写书法字体与动感的运动鞋结合在一起,有种奔放自由的气势感。

这种图文相互穿插、叠压的排版方式,对排版的功底要求比较高,要不然就容易相互影响,导致图文含混不清。

在实际的应用中,我们需要尽量保持色彩和造型的一致性。

色彩的处理上,可以使用不同明度的颜色拉开对比,形成空间层次感。

文案字体尽量选择粗壮型的,这样让文案和图片的视觉比重达到平衡。

OK,招式就到这里为止。

那这些招到底好不好用呢?总得试试才知道对吧!

下面我们就来几个实操案例,看看这些招具体怎么应用。

下面我以同一张素材图为例,应用上面讲过的几种不同的处理主图的方式,做3张不同的案例。

案例1:

用图文穿插的方式处理主图。

这次的案例素材我找了一张中年人的最爱——枸杞。

OK,抠好图,接下来请开始你的养生。。

第一步,给产品加入光影效果,因为背景上的光是顶光,所以商品的投影也是上面淡,下面重一些。

第二步,将标题文案打上去。图文穿插的排版需要大图大字,所以我选择了一个粗壮些的字体。

这一步需要注意的是,图片和文案结合在一起的时候,一定要保持文案的可读性,同时图片也不要受到太大的干扰,不然就得不偿失了。

好了,最后再添加一些细节,丰富一下画面就完工了!

继续下一个案例。

案例2:

以蒙版效果处理主图

还是同一张素材,先在画面中添加一些圆形的图形,让产品的上半部分破出圆形。

为了表现枸杞的品质,在圆形中嵌入一张枸杞生长的图片,让用户直观的感受到宁夏枸杞的饱满。

添加一张带有光影效果的背景图,增加画面的层次感。

最后再将文案排版好,用一些小的点缀元素平衡一下版式。

完工!

下一个案例走起。

案例3:

让产品飘浮起来

自由摆放的产品,再加上合适的投影就能营造出飘浮的感觉。因此第一步我们需要将产品斜放,让它看起来像是随意的摆放。

调整好背景颜色,再添加辅助图形到画面中,与主产品形成上下叠压的空间关系。

继续完善画面,将文案排布到合适的位置。

最后,我觉得整个画面稍弱有点散,所以我添加了一个强对比的蓝色色块进来,让画面的右边形成区块感,同时在色彩上也提升了对比度。

OK,完工!

今天的内容就到这,怎么样,这些招都不错吧!

接下来该你自己动手了。

----------------------------------

结合今天讲的内容,自拟素材,用不同的产品摆放形式出2-4张练习稿。

尺寸:

宽度1000px,高度不限。

格式:

提交作品的时候,需要把你的文件命名修改为:

(不要ai或者cdr等格式,也不要压缩包)

邮件标题:

请注意-------------------

从这期练习开始,大家需要在练习作品中添加“庞门正道”或者“Artmandesign”的文字,以防止有人从网上盗图。

--------------------------

我会选择3位同学送出庞门正道定制本各一本,这个是只送不卖的纪念品,纪念你曾经努力的意义。

THE END
1.商品主图模板设计:不用PS在线设计制作,快速做出爆款商品主图爆款商品主图制作秘籍大公开!无需PS,在线套用模板设计快速搞定https://news.sohu.com/a/825024426_121479458
2.技术分析淘宝精选,创意无限——个性化主图模板设计指南早盘操作侧重选股和预测,激进博取高收益。https://www.55188.com/thread-27332419-1-1.html
3.商品主图图片免费下载商品主图素材商品主图模板千图网为您找到4706张商品主图相关素材,千图网还提供商品主图图片,商品主图素材, 商品主图模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://www.58pic.com/tupian/shangpinzhutu.html
4.商品主图设计商品主图模板商品主图素材觅知网为您找到3496个原创商品主图设计图片,包括商品主图图片,商品主图素材,商品主图海报,商品主图背景,商品主图模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于商品主图素材、图片、海报、背景、插画、配图、矢量、UI、PS、免抠,模板、艺术字、https://m.51miz.com/so-sucai/2650554.html
5.商品主图设计与制作.docx商品主图设计与制作.docx 21页VIP内容提供方:江小米 大小:26.16 KB 字数:约6.71千字 发布时间:2022-03-23发布于河北 浏览人气:223 下载次数:仅上传者可见 收藏次数:0 需要金币:*** 金币 (10金币=人民币1元)商品主图设计与制作.docx 关闭预览 想预览更多内容,点击免费在线预览全文 免费在线预览...https://m.book118.com/html/2022/0322/8033110003004065.shtm
6.商品主图设计要点()。商品主图设计要点()。 商品主图设计要点()。 A、主图尺寸要求 B、商品要突出 C、图片要清晰 D、图片可以虚构 E、图片可以不清楚 正确答案:ABChttps://www.jhq8.cn/daan/2024/10/4078242.html
7.淘宝商品主图淘宝商品主图图片淘宝商品主图设计模板红动中国素材网提供730个淘宝商品主图、淘宝商品主图图片、淘宝商品主图素材、淘宝商品主图模板下载,包含了psd、ai、png,jpg、cdr等格式淘宝商品主图,更多精品淘宝商品主图下载,就来红动中国,最后更新于2024-10-29 15:23:58。https://so.redocn.com/zhutu/ccd4b1a6c9ccc6b7d6f7cdbccbd8b2c4.htm
8.项目3商品主图设计与制作思维导图模板主数据管理 商品备份与恢复 主图视频制作 旅游app设计与实现--论文 图3 项目三大KPI 线程工作内存与主内存交互 商品详情页与主图视觉设计 圈主大人 商品er图 3 项目管理 商品主图设计与制作 永嘉二职 彭芳芳 作者其他创作 大纲/内容 收藏 立即使用 项目3 商品主图设计与制作 Fanfan 职业:暂无...https://www.processon.com/view/5da344abe4b0e43392e354ef
9.商品展示主图设计模版海报模板下载字体来源:开源字体 这是一张关于边框的直通车商品海报模板,加上边框为主色调,设计成为边框直通车商品海报模板,也可用作边框设计电商图片模板,直通车模版设计模板、设计商品海报模板、展示模版海报模板、展示模版海报模板,商品展示主图设计模版格式为PSD,作品编号:4981728,尺寸为800*800像素,欢迎会员下载 ...https://588ku.com/moban/4981728.html
10.时尚女装电商促销商品主图比格设计提供精美原创的时尚女装电商促销商品主图,此作品ID为:31633,主要用于商品主图方面,结合了活动宣传,实景,人物,活动,促销,电商,直播,女生节,服饰,女性,商品主图等多个素材元素进行设计。https://bigesj.com/shejitu/shangpinzhutu-31633.html?show=list&show_shop=0
1.商品主图模板专题模板商品主图模板图片素材下载我图网商品主图模板专题为您整理了38085个原创高质量商品主图模板图片素材供您在线下载,PSD/JPG/PNG格式商品主图模板模板下载、高清商品主图模板图片大全等,下载图片素材就上我图网。https://so.ooopic.com/sousuo/8829979/
2.淘宝主图设计需要注意些什么(分享淘宝主图设计标准是什么)淘宝商品的主图是大家购买商品时第一件关注的点,所以主题也是我们一定要关注的点,那么我们应该如何设计计呢,主图有哪些设计标准呢? 网购消费者判断商品的依据主要还是依靠图片,座椅图片需要保证清晰、美观,让消费者一眼就能够了解产品,并且能够产生购买情绪,并且这点的作用特别是在主图上尤为重要。我们也可以利用文案...https://www.longtengec.com/taobao/275379.html
3.拼多多商品主图怎么做?设计技巧有什么?拼多多做商品主图要了解买家的需求是不可少的,还要知道商品能为买家带来什么价值。 对于拼多多的商家来说,想要提高店铺的流量以及点击的话,有一个环节是不能疏忽的,就是拼多多的主图。那么,拼多多商家需要怎么去做商品的主图?在设计的时候有哪些技巧? https://www.maijia.com/article/526170
4.如何设计5张电商主图,才能让人看了就想买?一般来说,电商营销推广主要是为了提升商品的曝光量,曝光量越高,点击和转化量也就越高。因而,商品主图的设计非常重要,既要展示商品的功能和特点,又要推广营销信息。https://www.canva.cn/learn/five-main-ecommerce-pictures-design/
5.ps怎么设计淘宝商品图海报?ps设计淘宝商品主图的技巧如何用PS设计制作淘宝商品图片?新开淘宝店的商家都不知道如何设计制作淘宝商品主图,简单7步教你搞定,详细请看下文介绍。 Adobe Photoshop 2020 v21.2.12.215 ACR14.0 中文版+安装教程 类型:图像处理 大小:1.93GB 语言:简体中文 时间:2022-05-13 查看详情 ...https://www.jb51.net/photoshop/819829.html
6.亚马逊产品拍摄深圳主图设计精修服务商品视频摄影白底图片拍照亚马逊产品拍摄深圳主图设计精修服务商品视频摄影白底图片拍照 近半年销量1 服务详情 服务内容全部包含: 饰品摄影摄像家居家纺摄影摄像数码摄影摄像服装摄影摄像实景场景 当前服务没有加入放心购,不可享猪八戒放心购保障 服务商保证金不足,未加入服务放心购 不达标无赔付,请谨慎下单 ...https://www.zbj.com/fw/1851159.html
7.抖音小店图片大小尺寸多少?图片如何设计?抖音的头图是展示在主页的正上方,位于昵称、头像的上部,是比较直观展示账号特点的一个位置,因此在设计头图的时候要注意内容是否恰当、好看。 抖音小店图片如何设计? 1、挑选突出商品的主图 挑选一张以商品为主体的图片,尺寸为1:1。刚接触新类目没有思路的时候,可以参考同行产品,借鉴同行的主图构图、拍摄角度、色...https://xueyuan.yixiaoer.cn/article/1734