1.1 电商主图的核心作用与展示场景
我做电商设计快六年了，接触过不少刚入行的朋友，他们经常问我一个问题：主图到底有多重要？我通常会反问他们，你自己在淘宝或者京东上买东西的时候，是什么让你点进了某个商品？十有八九是那张主图。主图就是商品的“脸面”，用户在搜索列表里快速滑动的时候，留给每张主图的时间可能不到一秒。这一秒里，你的图能不能让人停下手指，基本决定了后面所有的故事能不能发生。
不同位置的展示场景对主图的要求其实差别挺大的。搜索列表里的主图通常被压缩得很小，用户在手机屏幕上看到的就是一个小方块，这时候图上的文字能不能看清、产品主体够不够突出就特别关键。推荐流里的主图稍微大一些，但竞争环境也更复杂，周围全是风格各异的竞品，视觉上的差异化会比信息密度更重要。活动会场又是另一回事了，比如双十一的主会场，商品图往往被嵌在特定的氛围模板里，这时候你的主图需要跟平台的活动视觉语言配合，不能太跳脱。
我印象很深的一次经历是帮一个卖保温杯的商家做主图。他们在搜索列表里点击率一直上不去，我看了之后发现，他们的主图在电脑上看着还行，但是放到手机搜索列表里，杯子的细节全糊了，文字也挤成一团。后来重新调整了构图，把杯子放大，文案精简到四个字，点击率大概提升了三成。这件事让我一直记得一个原则：主图不是做给自己看的，是做给那个在手机上快速滑动的人看的。
1.2 电商主图设计尺寸规范
说到尺寸，这是很多新手容易犯迷糊的地方。淘宝和天猫的主图，基础尺寸是800×800像素，这个规格从很早就定下来了，到现在依然是主流。为什么是800？因为这个尺寸在详情页里可以放大查看，低于这个数值就触发不了放大镜功能。京东那边主推的是800×800或者1000×1000像素，拼多多也是800×800起步。你要是做跨境，亚马逊的主图要求至少1000×1000像素，这样用户才能缩放看细节。
比例方面，1:1的正方形是最通用的。但是有些类目会有特殊要求，比如服装类目在部分场景下会用到3:4的竖图，这个比例在手机端的信息流里占的屏幕面积更大，视觉冲击力更强。视频主图的比例通常是16:9或者1:1，这个要根据平台的具体规范来。分辨率一般保持在72dpi就够了，没必要做到300dpi，文件太大反而影响加载速度。
安全区这个概念很多人会忽略。简单说，就是你的核心信息要放在一个相对安全的范围内，避免被平台的UI元素遮挡。比如搜索列表里的主图右下角可能会被“已售”标签盖住，活动会场的主图四周可能会有平台统一加的边框。我一般会把重要文案和产品主体控制在画面中心80%的区域里，四周留出足够的呼吸空间。这样做的好处是，不管平台怎么裁切或者叠加元素，你的核心信息都不会丢。
1.3 主图构图、配色、字体与素材使用规范
构图这件事，我自己的经验是越简单越有效。很多商家恨不得把所有的卖点都堆到一张图上，结果就是用户什么都记不住。我常用的构图方式有三种：居中构图、对角线构图和三分法构图。居中构图最稳妥，产品放中间，文案上下分布，适合大部分标品。对角线构图适合有动态感的产品，比如运动鞋或者护肤品，能把视觉引导做得更自然。三分法构图用在场景图里特别舒服，产品放在交叉点上，画面会有故事感。
配色方面，我一直跟团队说一个词叫“品牌色锚点”。你的主图可以有不同的风格，但是品牌色要始终出现，哪怕只是一个小面积的色块或者Logo。用户刷到你的图，第一眼认出的不是产品，是那个颜色。字体选择上，黑体是最安全的，识别度高，不会出错。宋体和圆体可以用在特定风格的产品上，比如国风或者母婴类目。字号方面，手机端最小的字不要低于24px，再小就真的看不清了。我见过一些主图，文案写得特别好，但是字小得像蚂蚁，用户根本不会放大去看。
素材使用要特别注意版权问题。我之前有个客户，用了网上找的模特图做主图，结果被投诉侵权，链接直接下架。产品图最好是自己拍，或者用正规图库的素材。模特图要注意肖像权授权范围，有些授权只限于详情页使用，不能用于主图。背景素材可以用一些免版税的纹理或者纯色背景，反而比花里胡哨的合成图更干净。有一点我特别想提醒，主图上的产品比例要真实，过度夸大产品尺寸或者效果，退货率和投诉率都会飙升。
1.4 尺寸适配与常见误区
多端展示是现在做图绕不开的问题。同一个商品，用户可能在手机、平板、电脑上看，甚至可能在智能电视或者车载屏幕上看到。不同设备的屏幕比例和分辨率差异很大，你的主图要在所有这些设备上都保持可读性。我的做法是导出多个尺寸版本，手机端用800×800，电脑端用1000×1000，视频主图再单独做一版。不要指望一张图打天下，那是不现实的。
裁剪风险是另一个大坑。很多平台在展示主图的时候会自动裁切，比如把正方形裁成圆形，或者把竖图裁成横图。如果你的核心信息刚好在裁切区域里，那就白做了。我一般会在出图之前，用平台的预览工具看一下不同场景下的展示效果，确认没有被裁掉重要内容。合规方面，主图上不能出现“第一”“最”“国家级”这类极限词，不能有虚假促销信息，不能有其他平台的Logo或者水印。这些规则每个平台都写得很清楚，但是总有人心存侥幸，结果就是链接被降权或者删除。
文件格式的选择也有讲究。JPG是通用的，压缩率高，适合大部分产品图。PNG支持透明背景，适合需要抠图的产品，但是文件会大一些。GIF和视频主图现在越来越常见，动态展示能提升点击率，但是要注意文件大小，加载太慢用户直接就划走了。我自己的习惯是，静态图用JPG，质量调到80%左右，文件控制在500KB以内。视频主图控制在3秒到5秒，循环播放，首帧一定要抓人。这些细节看起来琐碎，但是每一点都会影响用户看到你商品时的第一感受。
2.1 电商主图点击率优化技巧的底层逻辑
聊完了尺寸和视觉基础，这一章我想说说怎么让主图真正带来点击。我自己做电商运营和设计这些年，越来越觉得点击率这件事不是靠感觉，是靠理解人。用户滑动手机的时候，注意力像探照灯，只扫过几个点。我做过一个眼动实验，让用户看手机搜索列表，他们的视线停留时间平均只有零点几秒。在这零点几秒里，大脑会快速判断：这个图跟我有关系吗？能解决我的问题吗？这就是底层逻辑的第一层，注意力筛选。
第二层是搜索意图。用户搜“保温杯 大容量”，他的意图很明确，就是要大。如果你的主图放了一个小巧精致的杯子，哪怕拍得再好看，他也不会点。我见过一个卖户外水壶的商家，主图用了雪山背景，产品只占很小一块，点击率一直很低。后来我建议他们把水壶放大，旁边放一个刻度尺显示容量，点击率马上起来了。用户搜索时脑子里有一个具体画面，你的主图要跟那个画面匹配。
第三层是决策路径。从看到主图到点进去，用户经历了一个微小的心理过程：先被吸引，再确认是不是自己想要的，最后评估点进去值不值。我自己的习惯是，每次做主图都会问三个问题：这张图能在零点几秒内抓住眼球吗？它传递的信息跟用户的搜索词一致吗？点进来之后用户会不会失望？这三个问题回答好了，点击率不会差。我帮一个卖厨房收纳盒的商家优化主图，把原来的纯产品图换成了收纳前后的对比场景，点击率从百分之三涨到了百分之六。用户不是买盒子，是买整齐。
2.2 卖点提炼与文案排版
卖点提炼这件事，我踩过不少坑。刚开始做电商的时候，我总想把所有优点都写上去，结果主图上密密麻麻全是字，用户一个都记不住。后来我学乖了，一张主图只讲一个核心卖点。利益点要前置，放在左上角或者上三分之一的位置。因为用户看图的习惯是从左到右、从上到下。你把最重要的信息放在他第一眼看到的地方，他才有可能继续看。
短句表达是另一个关键。我测试过，“三秒速热”比“快速加热只需三秒”的点击率高出一大截。手机屏幕小，用户没耐心读长句子。我一般会把卖点压缩到四到六个字，最多不超过八个字。促销信息要真实，不能虚标。我见过一个卖家主图上写“买一送一”，点进去发现送的是小样，退货率和差评率都飙升。信任元素像“已售十万件”“退货包运费”“官方正品”这些，放在主图右下角或者底部，能降低用户的决策压力。我自己的经验是，信任元素不要太多，一个就够，多了反而显得心虚。
文案排版还要注意跟产品主体的关系。文案不能压住产品，也不能离产品太远。我常用的布局是产品占中间或者偏右，文案在左侧或者顶部。字体用黑体，加粗，颜色跟背景有足够的对比度。手机端最小的字不要低于二十四像素，我一般用二十八到三十二像素。有一次我帮一个卖茶叶的商家做主图，文案用了书法字体，在电脑上看很有味道，到手机上完全看不清。后来换成黑体，点击率提升了百分之二十。排版不是艺术创作，是信息传递。
2.3 视觉差异化设计
视觉差异化是我最花心思的地方。搜索列表里同类产品太多了，你的图跟别人长得一样，用户凭什么点你？我常用的手法有三种：场景化、对比法和色彩冲击。场景化就是让用户想象自己使用产品的样子。比如卖帐篷，不要只拍帐篷，要拍帐篷搭在湖边，里面亮着暖灯，外面有星星。用户买的不是帐篷，是那种露营的感觉。我帮一个卖香薰的商家做图，把香薰放在床头柜上，旁边有一本书和一杯茶，点击率比纯产品图高了将近一倍。
对比法也很有效，尤其是功能性产品。比如去污剂，左边是脏的，右边是干净的。比如收纳盒，左边是乱糟糟的抽屉，右边是整整齐齐的。对比要强烈，要一眼就能看懂。色彩冲击是另一个利器。大多数竞品用白色或者浅色背景的时候，你用大红色或者深蓝色，就能跳出来。不过要注意品牌色的一致性，不能今天红明天蓝。我一般会定一个主色，所有主图都围绕这个色系做变化。模特与产品组合的策略要小心，模特不能喧宾夺主。我见过一个卖背包的，模特长得特别好看，结果用户只记得模特的脸，不记得包。后来把模特背背包的侧面照和空背包的正面照拼在一起，点击率才上来。
差异化的前提是理解你的用户。你的用户是学生还是上班族？是宝妈还是户外爱好者？不同人群对视觉的敏感点不一样。我做过一个测试，同一款水杯，针对学生群体用卡通贴纸和明亮色彩，针对上班族用简约线条和莫兰迪色，点击率差了将近三倍。视觉差异化不是为了不同而不同，是为了让目标用户觉得“这就是给我准备的”。
2.4 A/B测试与数据复盘
A/B测试是我做点击率优化最依赖的工具。平台后台一般都有这个功能，没有的话也可以自己用不同的图分时段投放。我自己的原则是每次只改一个变量。比如这周只改文案，下周只改背景，再下周只改产品角度。这样你才能知道到底是哪个因素在起作用。如果一次改好几个地方，点击率涨了，你也不知道该保留哪个。我见过一些商家，一口气换五张图，结果数据乱了，根本没法复盘。
数据要看三个指标：曝光量、点击率、转化率。曝光量太低的时候，点击率没有参考价值。我一般会等曝光量超过一千再开始分析。点击率高但转化率低，说明主图过度承诺了，用户点进来发现不是那么回事。点击率低但转化率高，说明主图太保守，吸引不到足够的人。我每周会做一次数据复盘，把表现最好的图拿出来，分析它为什么好。是文案更直接？是颜色更跳？还是场景更打动人？把这些原因记下来，用到下一轮测试里。
迭代方法要科学。我习惯用表格记录每次测试的变量、曝光量、点击率、转化率和结论。时间长了，你就会有一套自己的“点击率公式”。比如我发现，对于厨房小工具，黄色背景加对比图加“一秒收纳”的文案，点击率普遍高于其他组合。这套公式不是万能的，但能帮你快速做出及格线以上的图。测试的时候要有耐心，不要一张图跑两天就下结论。我一般会给每张图至少三到五天的测试周期，避开周末和工作日的流量差异。
2.5 从点击到转化协同
点击进来只是开始，如果主图跟标题、价格、详情页、评价不一致，用户会立刻离开。我见过太多案例，主图上写“限时五折”，点进去发现是原价，用户马上关掉。标题里写了“静音”，主图上却没有体现，用户会怀疑。价格要和主图上的促销信息匹配，不能主图写“到手价九十九”，点进去变成一百二十九。详情页第一屏要呼应主图的卖点，用户点进来是想确认，不是想看新东西。我帮一个卖吹风机的商家做优化，主图强调“速干”，详情页第一屏就放风速测试视频，转化率提升了百分之十五。
评价区的管理也很重要。差评里提到的问题，最好在主图上提前做预防。比如有用户说“声音大”，主图上可以加一个“低噪运行”的标签。有用户说“尺寸小”，主图上可以放一个跟常见物品的对比图。我自己的做法是，每周看一次评价，把高频问题整理出来，下一版主图就针对性地解决。主图不是孤立的，它是整个商品页面的一部分。点击率再高，如果转化率跟不上，终究是白费功夫。
协同优化的核心是“一致性”。用户从搜索到点击到浏览到下单，每一步都希望看到相同的信息。主图说“买一送一”，标题也要说，价格也要体现，详情页也要有说明。任何一步断了，用户就会犹豫。我一般会画一个用户路径图，把主图、标题、价格、详情页、评价都标上去，然后检查每个环节的信息是否对齐。这个习惯让我避免了很多低级错误。点击率优化到最后，拼的不是某一张图有多惊艳，而是整个页面有没有让用户觉得“靠谱”。
