AI淘宝装修图怎么成套做？装修图制作方法

一个做女装的店铺，装修收尾那天，店主把整个页面从上往下刷了一遍，越看越别扭。首页大图是托朋友帮忙做的，墨绿底配金色描边，中间一行大字压着商品；分类页的三张入口图是她自己拿模板改的，粉底配白色圆角块；活动图赶时间，直接套了平台模板，红黄撞色加粗黑边。三张图单独拎出来都不难看，连在一个店铺里往下翻，像在三家店之间来回跳。

她以为是配色不好看，找人把首页大图重做了一版，也换成粉色系。换完之后问题还在：分类页的字比首页大，活动图的圆角比分类页小，同一排两个入口的图标一个有描边一个没有，主推款的色块深浅也对不上。改的是颜色，没动的是规则。

装修图不成套，根源往往不在审美水平，而在决定发生的次数。首页图一个人定一次配色，分类页另一个人定一次，活动图第三个人定一次，三次决定之间没有任何共同约束，成品各说各话是必然结果。把这件事想通之后，装修图的产出方式就变了：不是一张一张地做图，而是先把规则立起来，再按规则出图。

规矩其实只有三样东西要定：色板、字级、图位规格。三样定完，谁来出图、用什么工具出图，成品都会自然地对齐。这篇内容就按这条线展开，先写三个页面各自负责什么，再写三条规则怎么落，然后落到青虎AI能接手的环节和四步操作，最后用产出流程、误区、技巧和真实场景把整件事收口。

这四样东西的共同点是都能提前写下来。写下来之后，装修图就从”看个人发挥”变成”照规则执行”，换人做、换工具做、隔半年再做，成品都能落在同一条线上。

一、三个页面各管什么：首页拉新、分类导购、活动转化

成套之前先分工。三个页面的任务混在一起，最容易出现的错误是把首页的信息量塞进分类页，或者把活动页的促销语气搬到首页首屏。买家在三个页面上所处的状态完全不同，页面各自的任务也不一样。

首页承担拉新和定位。买家从搜索或者推荐位落进来，前两秒要看懂这家店卖什么品类、什么风格、值不值得继续往下看。首页的信息量必须克制，首屏主视觉只讲一件事，通常是当季主题或者主推系列，其余的入口和楼层交给往下翻的部分。首页想同时说五件事，结果是五件事都没说清。

分类页承担导购。买家已经有大致需求，到这里是要找具体的品类或者款式，注意力集中在”哪个入口是我的目标”。分类图的任务是把入口做得清楚好认，图形、图标、色块的作用大于文案，一组入口摆在一排里要像一队人，大小、圆角、间距、图标粗细都统一。

活动页承担转化。活动信息、优惠说明、时间限制、参与入口集中在这里，这一块信息密度最高，对节制的要求也最高。信息之间会互相抢注意力，把三轮不同力度的活动堆在一个楼层里，买家只会记住最上面那一条。

把详情页一起放进表格，是因为装修图的上游素材常常和详情页共用。同一批商品实拍，首页要的是氛围和场景，分类页要的是形状统一的小图，活动页要的是带文字的横构图，详情页要的是细节。素材是同一批，用法不同，出图时按用途分别处理，比用同一张图到处塞要省事得多。

分工清楚之后，成套的动作就有了方向：首页收敛，分类整齐，活动克制。三个方向对应三条不同的做法，但取色、取字级的来源是同一个，这正是成套的落点。

二、色板和字级：两条最容易被忽略的规则

色板是全店视觉的地基，也是三张图能不能看起来像一家店的第一决定因素。色板不用复杂，一张全店色卡控制在四个位置就够：一个主色、一个辅色、一个中性底色、一个强调色。主色决定店铺的气质，辅色用于区分楼层或者系列，中性底色是背景和留白的基础，强调色只留给价格、活动、按钮这类需要跳出来的元素，用量最少。

定色板最容易犯的错是主色太多。首页用墨绿、分类页用粉色、活动图用红色，三个颜色各自都有存在的理由，摆在一起就互相抵消。色卡一旦定下来，三个页面都从这张卡里取色，首页可以主色偏多，活动图可以强调色偏多，但用的还是同一组颜色，整体就不会散。

字级是第二条规则，管的是层次。装修图上的文字分三层足够：主题层是首页那一行大字或者活动的主标题，信息层是分类入口名、活动说明，辅助层是时间、门槛、备注。三层之间的字号差要明确拉开，主题层和信息层之间至少差一个明显的台阶，信息层和辅助层之间再差一档。

字级不稳的店铺有个很明显的特征：页面上的文字看起来都差不多大，远看是一团，近看是一整块，买家找不到该看哪一行。字级拉开之后，即使文案一个字都没改，页面的层次感也会明显不同，视线会自己沿着字号从大到小往下走。

色板和字级还有一个隐藏作用：它们是验收的依据。没有规则的时候，验收只能凭感觉说”好像不太搭”；有了规则，”这张图用了色卡以外的颜色””这两行字差不到一档”就是可以指出来、可以改的具体问题。

三、图位规格：把每个位置写成清单

色板和字级管的是”长什么样”，规格管的是”放在哪里、多大、怎么切”。这一层最容易出硬伤，因为规格错了不是不好看，而是不能用。

店铺装修位分散在店招、首页主图位、分类入口、活动楼层、商品页顶部等位置，每个位置对尺寸、比例、圆角、留白都有自己的要求。尺寸用错，图会被拉伸、被裁切，或者在手机端显示成一个小方块。文案贴在画面边角的情况最常见，电脑端预览没问题，手机端一打开标题就缺了后半截。

清单写一次可以长期用。核对方式也很简单：把成品按实际尺寸贴到店铺里，用手机真机从上往下看一遍，重点看三件事，文字有没有缺，商品有没有变形，两侧有没有被切掉。

规格清单里还有一项容易被漏掉：电脑端和手机端的展示比例不同。同一张图在电脑端是横幅，在手机端可能被裁成接近方形，安全区不居中就会出现”电脑端好看、手机端缺字”的情况。把主要信息放在画面中间区域，两头留够余量，是同时满足两种展示的最省事做法。

图1：不成套装修与成套装修在色板取色范围、字级层次、图位规格三组维度上的差异对照

四、青虎AI能接手装修图制作里的哪些环节

规则定完之后，剩下的是按规则把图做出来。这部分工作量大、重复度高、标准明确，正好落在青虎AI能处理的范围内。

青虎AI是一套对话式的电商作图工具，用法和传统设计软件不同，不需要调图层、拉参考线、对色值。把商品图和参考图上传进去，用日常语言说清楚要什么，比如”做一张红色促销banner””店铺首页大图，风格简洁””装修背景图，暖色调”，它按描述出图，并且支持批量处理。

AI店铺图对应整店视觉的一致性。把色板和字级写进同一条需求，让一组图按同一套规则产出，一批图出来之后风格不会漂移，这是人工逐张做图最难保证的一点。

AI首页图对应首屏那一张主视觉。主推系列、当季主题的表达在这一步完成，同时控制信息量，把不需要的文字和元素挡在外面。

AI banner对应活动图位和轮播位。文案的层级、信息落点、安全区范围都在这一步一并处理，活动主标题和说明文字的字号差也在这里定下来。

AI图片生成解决的是素材不足的问题。手上只有白底商品图、没有合适的场景素材时，可以按描述生成背景和氛围元素，把商品放进对应的场景里。需要提醒的是，生成的画面用于背景和氛围，商品本体必须来自真实拍摄，生成的形态冒充实物属于图物不符，这条线不能碰。

AI批量出图解决的是成套产出的效率问题。一次把一组图位按同一套规则输出，多个规格分别导出，首页、分类、活动三组图在同一天出完，装修不再是拖住上新的环节。

图2：青虎AI对话式界面，上传素材与参考图后用自然语言描述需求即可出图

五、用青虎AI做一套装修图的四步操作

把规则和能力对上之后，落到一套具体的装修图上，走四步。

六、成套产出的流程与上架前的验收

单个页面好做，难的是把首页、分类、活动三组图放在同一个节奏里产出来，并且保证它们像一套。成套产出的流程分四步，每一步都有对应的检查点。

第一步是先把规则文件写下来。色卡四个色号、字级三档的字号区间、每个图位的尺寸和留白要求，写成一页纸。这一步花的时间通常不到一小时，但它决定了后面所有图的走向，跳过这一步，后面每一张图都要重新想一遍配色和字号。

第二步是按图位分组素材，而不是按上传顺序。同一组要共用一条需求描述的图放在一起，首页主视觉一组、分类入口一组、活动图位一组。分组做得细，一组图写一次需求就够；分组随意，每张图都要单独描述，批量处理的价值就没了。

第三步是用一条需求覆盖一组图，先小批试跑再放大。拿三到五张有代表性的图先跑一遍，确认色板、字级、安全区都达标，再把同一条需求应用到整组。这一步能挡掉大部分返工，规则层面的偏差在小批阶段改一次就够。

第四步是分批验收。不要等全部出完再一起看，分成小批逐批检查，发现问题时先改需求描述，再重新处理相关批次。顺序上有一个经验值得记住：先做首页主视觉，再拆分类和活动。首页主视觉是全店的基准，它定下来之后，分类页的图形风格、活动图的文案层级都有了参照，反过来先做活动图，后面往往要返工。

验收表的价值在于把”好看不好看”这种主观判断，换成可以逐条核对的动作。同一个店铺换人接手，照表过一遍，成品质量的波动会明显变小。

图3：成套装修图从规则文件、分组产出到分批验收的完整流程

七、四个常见误区

规则和流程讲清楚之后，再看几个高频出现的坑。这几个误区在其他店铺里反复出现，提前知道能省不少返工。

八、四个能立刻用上的技巧

绕开误区之后，再补几个操作层面的细节。这些做法不难，贵在固定成习惯。

九、三个真实使用场景

把方法放回真实场景，看三个不同阶段的店铺分别是怎么把装修图做出来的。

三个场景里被解决的都是同一类问题：产能和一致性。店主需要判断的仍然是店铺定位、主推什么、活动力度怎么写，这些判断明确之后，出图、调尺寸、配文字这些动作交给工具执行，装修从一次性的重活变成可以按节奏推进的常规工作。

图4：从新店搭建、大促批量更新到整页底色统一的三类装修图落地场景

十、总结：把装修图做成可复用的成套产线

十一、常见问题解答