主图设计怎么做？电商主图设计要点

主图设计怎么做，是电商卖家和设计师每天都要面对的问题。主图是商品的线上门面，设计得好坏直接决定商品的点击率和转化率。同一件商品，交给不同的设计师做主图，点击率可能相差几倍。差距不在商品本身，而在于设计的方法。

主图设计与普通的设计不同，它有明确的目标：在搜索结果页的方寸之间，让买家一眼看到、秒懂价值、愿意点击。主图设计不是纯艺术创作，而是有规律的商业设计。构图、配色、文案排版、信息层级，每一个环节都有方法可循。掌握了方法，即使没有专业背景，也能做出合格的主图；方法不对，再漂亮的设计也可能不转化。

这篇文章系统梳理电商主图设计的方法，从设计原则、构图、配色、文案排版到信息层级，把主图设计的核心方法讲透，再给出用青虎AI辅助主图设计的实操步骤。无论你是卖家还是设计师，都能从中找到可落地的方法。

一、主图设计的核心原则

主图设计的核心原则，可以归纳为四个词：突出、简洁、真实、清晰。四个原则是主图设计的基础，任何一张合格的主图都要同时满足。

突出是指商品主体突出。买家在搜索结果页快速滑动，主图的商品主体必须在第一时间被识别。主体突出靠构图、光影和留白实现，商品占画面的主要比例，背景不干扰，视线自然聚焦。

简洁是指信息克制。主图面积有限，买家停留时间以秒计，信息越少越容易被记住。一张主图聚焦一个核心卖点，画面元素克制，不堆砌装饰。简洁的主图更专业，也更容易在小尺寸下保持清晰。

真实是指画面真实可信。主图传递的商品信息必须真实，商品外观、颜色、材质要与实物一致。过度美化、失真变形的画面，买家收货后产生落差，差评和退换随之而来。真实是主图设计的基本底线。

清晰是指信息传达清晰。卖点文字要清晰可读，数据要清楚呈现，画面要清晰锐利。清晰的信息让买家不用费力就理解商品价值，决策路径更顺畅。

四个原则不是孤立的，而是相互支撑。主体突出让买家看见，信息简洁让买家记住，画面真实让买家信任，传达清晰让买家行动。主图设计的过程，就是平衡四个原则的过程。 四个原则的优先级在实战中会动态变化。搜索结果页竞争激烈时，"突出"的优先级最高，主图要在众多竞品中跳出来；转化阶段的商品，可以更强调"真实"和"清晰"，减少过度包装；大促期间，"简洁"让位于促销信息的呈现，但画面的干净底线不能破。设计的优先级跟着商品所处的阶段走，是主图设计进阶的标志。新手容易把所有原则一把抓，结果哪样都不突出；成熟的思路是明确当前阶段的主矛盾，集中资源解决，其他原则守住底线即可。主图设计的能力，就是在不同目标之间做权衡的能力。

二、主图的构图方法

主图的构图，决定商品的呈现姿态和画面的视觉重心。构图方法得当，商品自然突出；构图方法不当，再好的商品也显得平庸。

居中构图是最稳妥的主图构图。商品主体放在画面正中央，四周留白，视线自然聚焦。居中构图适合大多数商品，尤其是主体明确的商品，一眼就能抓住注意力。居中构图的要点是留白要均匀，商品大小适中。

三分构图让画面更有层次。把画面想象成九宫格，商品放在交点位置，视觉更自然、更平衡。三分构图适合场景化主图，商品与背景的搭配更有设计感。

对角线构图适合长条形商品。商品沿对角线放置，画面更有动感和张力，适合展示商品的长度或造型。对角线构图的要点是商品的姿态要自然，不能为了构图而扭曲商品。

聚焦构图突出局部。商品的关键部位放大特写，突出工艺、材质、功能。聚焦构图适合细节有卖点的商品，比如首饰的镶嵌工艺、数码产品的接口设计。

构图的选择与商品形状和卖点相关。圆润的商品适合居中，修长的商品适合对角线，细节丰富的商品适合聚焦。构图的本质是"让商品以最好的姿态出现在买家眼前"。 构图的细节处理影响画面的专业度。商品在画面中的占比要适中，太大显得压迫，太小显得单薄，一般建议占五成到八成；商品与边缘的距离要留足安全边距，防止被平台裁切；多个商品组合时，主商品与次商品的层次要分明。构图的练习方法很简单：收集同类目优秀主图，分析它们的构图方式，商品放在哪里、占多大比例、留白多少，照着分析结果优化自己的主图。看得多了，构图的手感就出来了。构图是主图设计的基础功，基础扎实，后续的配色和排版才有发挥空间。

图1：主图设计工具的界面，选择模板即可快速出图

三、主图的配色方法

主图的配色，直接影响画面的视觉感受和商品的气质表达。配色得当，画面高级、商品突出；配色不当，画面廉价、商品被淹没。

配色的基本原则是"背景服务主体"。背景色与商品色要有区分，深色商品配浅色背景，浅色商品配深色或明亮背景。背景色不能与商品融为一体，要有足够的对比度保证商品清晰可辨。 配色的实操要先定调性再定颜色。定调性就是确定画面传递的情绪：简洁、高级、活力、温馨，每个调性对应一类色系；定颜色就是在色系里选择具体的色值。比如要营造高级感，选择低饱和度的莫兰迪色系，再从中选具体的灰蓝或灰粉；要营造活力感，选择高饱和的亮色，再搭配中性色平衡。先定调性再选颜色的顺序，避免在调色板里迷失。新手配色拿不准时，可以从同类目优秀主图里取色，参考它们的配色逻辑，再用在自己的商品上，练习多了就有了自己的配色感觉。

同色系配色显高级。背景色与商品色在同一色系内变化，画面和谐统一，气质高级。比如米色商品配米白背景、灰色商品配浅灰背景。同色系配色适合追求质感的品牌。

对比色配色显突出。背景色与商品色形成对比，商品从背景中跳出来。比如红色商品配白色背景、深蓝商品配亮橙背景。对比色配色的要点是控制对比的强度，避免刺眼。

中性色是安全的底色。白、灰、黑、米等中性色作为背景，几乎不会出错，适合大多数商品。中性色背景上，商品的色彩和质感成为画面的焦点。

主图整体配色建议不超过三种。色彩过多，画面杂乱，焦点分散。控制配色数量，画面干净，商品突出。配色的克制，是主图专业感的来源之一。

配色的运用还要考虑类目调性。食品类主图常用暖色调激发食欲，数码类主图常用冷色调体现科技感，母婴类主图常用柔和色调传递温馨。配色与类目调性匹配，画面与买家预期一致。 配色还可以作为店铺的识别符号。固定的主色贯穿全店主图，买家浏览多了，看到这个颜色就想到这个店铺，品牌的视觉记忆就建立了。比如一个家居店长期用温暖的米色调，买家在搜索结果页一眼就能认出它的主图，形成品牌辨识度。配色作为品牌识别的手段，比单纯的"好看"更有价值。建立店铺的配色规范，主图、详情页、活动素材统一用色，视觉资产会越积累越值钱。用青虎AI批量生成主图时，在提示中统一指定配色，全店主图就能保持一致的色彩风格。

四、主图的文案排版

主图的文案排版，是把卖点文字放对位置、排对样式。文案是主图信息传达的重要载体，排版得当，卖点清晰；排版不当，画面杂乱。

文案内容的提炼是排版的前提。主图文案要精简，核心卖点一句话讲清，辅助信息一句话补充。文案要口语化、有冲击力，用数字和对比增强说服力。文案内容提炼好了，排版才有意义。

文字的位置要避开商品主体。商品是画面的主角，文字不能遮挡商品的关键部位。常见的文字位置：画面顶部、底部、左上角、右上角，这些位置通常是背景区域，不干扰商品展示。

文字的层次要分明。核心卖点的文字字号大、颜色醒目，次级信息字号小、颜色低调。主次分明，买家一眼看到核心卖点，需要时再看次级信息。

文字的对比度要足够。文字颜色与背景要有明显的对比，保证在小尺寸下依然清晰可读。深色文字配浅色背景，浅色文字配深色背景，是最稳妥的组合。

字体选择要克制。一张主图的字体不超过两种，一种用于主卖点，一种用于次级信息。字体的风格与商品调性匹配，数码商品用利落的无衬线字体，食品商品可以用更有食欲的字体。

排版要素	设计建议	常见问题
文字位置	顶部或底部，避开主体	遮挡商品关键部位
文字层次	主卖点大号，次级小号	字号一样，主次不分
文字对比	与背景对比明显	小尺寸下模糊不可读
字体数量	不超过两种	字体过多，画面杂乱

文案排版与商品展示要协调。文字区域尽量保持背景简洁，保证文字清晰。文字下方可以垫半透明色块或压暗背景，让文字更突出。排版的整体目标是：文字看得清、不挡商品、不杂乱。 文案排版的细节决定主图的精致度。文字的行距、字距、对齐方式都要统一，不能随意；文字与画面边缘保持距离，不能贴边；多行文字要对齐整齐，不能参差不齐。这些细节看似微小，却直接影响主图的专业观感。买家虽然说不清哪里不对，但看到排版凌乱的主图，会直觉地觉得店铺不专业。排版精致的细节功夫，是主图设计水平的分水岭。制作主图时，把文案排版当作和构图同样重要的环节来对待，画面整体质感会明显提升。

五、主图的信息层级设计

主图的信息层级，是指主图上各类信息的主次顺序。信息层级设计得好，买家视线按设计好的路径移动，信息传达高效；层级混乱，买家不知道先看什么，信息传达失败。

信息层级的第一层是商品主体。商品永远是最先被看到的信息，画面的一切都围绕商品展开。商品主体占据视觉中心，其他信息让位。 信息层级的设计要结合买家的阅读习惯。大多数买家看主图时，视线先落在画面的中心或最亮处，再向四周扫视。把商品主体放在视觉中心，核心卖点放在商品附近的显眼位置，次级信息放在边缘，符合自然的视线路径。违反阅读习惯的设计，比如把卖点放在画面角落、把商品放在边缘，会让买家看得很累，信息传达效率大降。顺着买家的视线习惯设计信息层级，就是顺着人性的设计。主图设计做得好的店铺，买家浏览时没有障碍，不知不觉就看完了信息，这就是好的信息层级设计。

信息层级的第二层是核心卖点。核心卖点是买家最关心的信息，用大字、醒目的颜色呈现，放在视线焦点位置。核心卖点一句话讲清，让买家秒懂商品价值。

信息层级的第三层是次级信息。价格、优惠、规格等辅助信息，用小字、低调的颜色呈现，放在画面的次要位置。次级信息补充核心卖点，不抢主卖点的风头。

信息层级的设计要引导视线。通过大小、颜色、位置的对比，让买家的视线按照"商品-核心卖点-次级信息"的顺序移动。视线路径清晰，信息传达自然高效。

信息层级的设计要克制。主图不是海报，不能承载太多信息层级。三层信息已经足够，层级再多，买家记不住，信息效率反而降低。主图信息层级设计的本质，是替买家做减法。 信息层级的设计还要配合主图的展示场景。搜索结果页只显示缩略图，信息层级在缩略尺寸下依然要成立：商品主体清晰、核心卖点可读，次级信息可以不明显。详情页大图展示时，信息层级可以完整呈现。设计主图时，先按缩略图的标准检查信息层级，再按大图的标准完善细节。一个合格的主图信息层级，要能适应从小图到大图的所有展示场景。设计完用手机缩小看一眼，信息层级是否还清晰，是主图设计验收的必备动作。

六、主图设计的合规要求

主图设计的合规要求，是设计过程中必须守住的底线。设计再好看，不合规也白搭。主图设计的合规，重点在文字内容、图片真实、素材版权三个方面。

合规要点	具体要求	说明
文字合规	无绝对化用语和虚假宣传	"最""第一"等禁用
图片真实	与商品实际一致	不虚构功能效果
素材版权	原创或有授权	字体、图片都要合规
信息完整	不误导买家判断	尺寸、功能标注准确

文字合规是主图设计的高频雷区。绝对化用语、虚假功效宣传，都是平台明令禁止的。设计主图时，卖点文字的表达要基于事实，用数据说话，不用夸张形容词。把合规意识融入设计过程，而不是设计完再检查。 文案的提炼也是合规的防线。同样的卖点，表达方式不同，合规风险完全不同。"效果显著"可能违规，"使用一周肤色更透亮"有据可依；"质量最好"违规，"三年质保"合规。把卖点从形容词改写成可验证的事实，既提升了说服力，又规避了风险。文案提炼的过程，就是合规把关的过程。主图文案的每一个字都要经得起推敲：有没有事实依据？是不是绝对化表述？会不会误导买家？三个问题过一遍，文案的合规就有保障了。

图片真实是主图设计的底线。主图呈现的商品信息要与实物一致，颜色、材质、功能都不能造假。设计可以美化画面，但不能美化商品本身。失真设计带来的差评和退换，比省下的设计成本昂贵得多。

素材版权同样不能忽视。主图使用的图片、字体、图标，都要确认授权。免费的字体和素材，要确认商用授权范围；网络随意下载的素材，谨慎使用。版权问题引发的纠纷，轻则下架，重则赔偿。 主图设计中的版权细节经常被忽略。字体的版权问题最常见，很多流行字体是商用收费的，直接用于主图可能被字体厂商追责。规避的方法是使用可商用的免费字体，或者购买商用授权。图片素材的版权同样要确认，素材网站的授权范围各不相同，下载时看清授权说明。AI生成的素材，确认平台的商用授权政策。版权问题不是小事，一次侵权纠纷可能让店铺损失惨重。把版权检查纳入主图设计的固定环节，设计流程就多了安全保障。

七、用青虎AI辅助主图设计的三个操作

主图设计用青虎AI辅助，可以大幅提升效率。下面三个操作覆盖主图生成、风格参考、素材处理的完整链路。

三个操作覆盖主图设计的关键环节：套图生成解决设计初稿，主图复刻解决风格参考，批量处理解决素材准备。用青虎AI辅助设计，核心是让AI处理重复劳动，把精力留给创意判断。 AI辅助设计的边界要清楚。AI擅长的是效率，不擅长的是判断。AI生成的主图初稿，构图、配色、光影都经过优化，但卖点是否准确、信息是否完整、风格是否符合店铺调性，需要人工判断。设计师的价值在于：用专业眼光审视AI的输出，保留好的部分，修正不准确的部分，补充AI没想到的部分。把AI当助手而不是替代品，主图设计既快又好。会用的设计师，出图效率提升数倍；不会用的设计师，被AI的输出牵着走，反而失去判断力。人机协作的平衡点，是每个设计者都要摸索的。

图2：主图设计制作的标准化流程，AI工具让设计门槛大幅降低

八、主图设计的四个误区

四个误区的共性是"把主图设计当成艺术创作"。主图设计是商业设计，一切设计决策都要服务于销售目标。理解这一点，主图设计就不会跑偏。 误区背后是设计师角色定位的偏差。主图设计师不是"画好看的图"，而是"用视觉帮商品卖货"。卖货视角下，设计的每个决策都要回答：这个设计能让买家更容易理解商品吗？能提升点击吗？能促进转化吗？回答不了这些问题，设计再好看也是无效的。许多设计师的作品漂亮但点击率低，原因就在于过度追求视觉表达，忽略了销售目标。把"好看"的标准换成"有效"，主图设计的方向就对了。有效的设计不一定惊艳，但一定让商品卖得更顺畅，这是主图设计与纯视觉设计的本质区别。

九、主图设计的四个技巧

四个技巧的核心是"用数据和方法做主图设计"。主图设计不是灵感驱动的艺术，而是方法驱动的商业行为。掌握方法，主图设计的产出和质量都能稳定提升。 技巧的落地要形成设计复盘机制。每次主图上线的数据（点击率、转化率）与设计方案对应起来，复盘时找出哪些设计决策有效、哪些无效。数据复盘让设计经验可以积累和传承，而不是随个人感觉流失。设计师离职，经验跟着走，是很多店铺的痛点；有了设计复盘记录和设计规范库，经验沉淀在店铺里，团队协作有依据。AI工具在复盘机制里也发挥作用：快速生成多版本设计方案，让复盘有足够的样本，数据结论更可靠。设计复盘机制成熟，主图设计就是一条持续上升的曲线。

图3：主图设计的零成本流程，AI工具让设计成本大幅下降

十、三个实战案例

三个案例的共同点是"设计方法加工具提效"：精简设计提升点击，配色统一建立调性，AI工具提升效率。主图设计的方法，落点都在销售数据上。 把案例的方法沉淀成主图设计的标准流程。第一步，明确设计目标，这张主图要解决什么问题；第二步，确认平台规范和合规要求；第三步，提炼卖点，确定核心信息和信息层级；第四步，确定构图、配色、文案的初步方案；第五步，用青虎AI快速出初稿，人工微调细节；第六步，合规自查，缩小检验；第七步，上线测试，数据复盘。七步流程让主图设计从随机发挥变成标准作业，新人按流程也能产出合格主图。流程跑熟之后，主图设计的质量和效率就稳定在较高水平，店铺的视觉运营有了坚实的保障。

图4：主图设计的典型工作场景，AI工具辅助设计师高效出图

十一、总结

十二、常见问题解答