店铺首页图装修：大促前的门面翻新
先讲门面逻辑：首页是店铺的脸，大促前不翻新等于开着毛坯房迎客。但脸好看只是三分，七分在尺寸规范做没做对。开工前先把平台最新规格表拉出来。
店铺首页图装修这件事，我每年大促前都要帮朋友干一回。去年九月底接了个女装店，离活动开始还有两周，老板以为就是换张海报的事，结果一拉清单：头图一张、分区导航四张、优惠券位两张、爆款楼层背景三张，加上配套的活动说明图，一共二十多张。首页装修说穿了就是给门面换装，图多、规格杂、时间紧，七分功夫其实花在尺寸规范上，设计本身反倒是三分。
动手前先列图单，别边做边想
先按首页从上到下的模块列一张图单，标清每张的尺寸、格式和交付时间，再动手做图。顺序错了返工是翻倍的。
我那次是先打开店铺前台，从访客视角从上往下截图，一个模块一个模块标出来：店招头图、轮播的主推位、优惠券领取区、品类分区导航、爆款楼层、底部说明。每一块后面写上尺寸——头图当时平台要求的是 1920 宽、高度五百多像素，优惠券位是窄长条，导航图是小方块。这些数字我全抄在一张表格里，因为去年平台调整过一次首页宽度，凭记忆做图差点按老尺寸出，幸亏去商家后台又核了一遍。
图单定下来还有个好处：能算工作量。二十多张图靠纯手排肯定赶不完，所以那次的分工是 AI 出底图和氛围素材，我负责排版、上文字、核尺寸。AI 生成红金大促氛围背景其实挺快，一个下午出了三十多张备选，挑出来能用的大概十张。省下的时间全砸在核对规格上。
四类图各有各的脾气
头图管氛围，导航管效率，优惠券位管转化，爆款楼层管客单价，四类图的信息密度完全不同。别用一套思路做到底。
头图是大促的门面担当，氛围要足，字要少。就放活动主题、时间、一个主推利益点，完事。我见过有人在头图上塞七八行卖点，手机端缩下去全是糊的。手机端那版我单独出了一版，构图重心往上收，因为首页往下滚之前，头图在手机上经常只露出三分之二。
分区导航图反着来，要的就是字清楚。每张小图一个品类，图标加两个字，底色统一。那四张导航图我用同一套 AI 底图改色调，保证四个方块摆一起不像四家店。优惠券位最麻烦，是窄条，满减金额、使用门槛、有效期三样缺一样都有客诉，我把它做成三段式：左边金额最大，中间门槛，右边时间。
爆款楼层的背景图讲究衬托，底纹压暗一点，商品图才跳得出来。抠商品图的时候我顺手把白边处理了，方法跟智能抠图边缘处理：发丝和白边的最后一步里写的差不多，边缘不干净的商品图摆在楼层里特别掉价。
还有一条容易漏的：整个首页的色调得是「一套」的。AI 出图每张的色温、饱和都有微妙差别，单看都行，连着滚下去就花。我的土办法是全部图做完后扔进同一个调色流程，压同一个色温、加同一层轻滤镜，再挨张微调。想要一致性管理的完整思路，可以看ai修图网店视觉统一：一家旗舰店的一致性管理，那篇讲得比我细。
为什么尺寸错了比图丑更致命？
因为尺寸错会直接裁切变形，头图上的活动时间可能被系统裁掉一半，丑只是不好看，错是信息丢失。
吃过的亏得说一个。前年帮另一家店装修，爆款楼层背景图我按记忆里的高度做，上传后被平台自动居中裁切，左右两边的促销标签各被切掉一条，看起来像残次品。当晚重做，从那以后我养成了习惯：每张图导出前先本地按目标尺寸拉一个参考框，把安全区留出来，文字和数字全部放在中间百分之八十的区域。
另外大促期间的图有合规线。首页那几张优惠券位和价格相关的图，数字绝对不能随手 AI 生成，AI 写数字是会编的，那两张券位图上所有金额和日期都是我手动排的文字层。装修图里涉及价格承诺的内容，红线在哪可以看电商图虚假宣传红线：修图能碰和不能碰的，别图省事。
对了，还有个细节。导出格式也很要命，平台对首页图基本都限单张大小，我第一次上传一张三兆多的图直接被拒，压到五百 KB 以内才过。压完记得再打开看一眼，有些图压完文字边缘起毛，得重导。
回过头看那次两周的翻新，时间大概三七开：七成耗在列规格、核尺寸、统一调色这些枯燥活上，真正「设计」的时间少得可怜，但上线后老板挺满意，说首页看着像大店。店铺首页图装修就这么回事，访客未必说得出哪里好，但尺寸错一块、色调花一角，他立马觉得这店不靠谱。下次大促前翻新门面，先把规格表打印出来贴墙上。
常见问题
店铺首页图装修一般提前多久开始做？
我建议提前两周到一个月。图单长、要跟平台核规格、还要留出上传测试的时间，临时三天赶工基本会在尺寸和调色上翻车。
头图用 AI 生成靠谱吗？
氛围底图很靠谱，省时间。但文字、价格、日期这类信息必须自己排上去，AI 生成的文字内容容易出错，导出前要逐字核对。
手机端和电脑端的首页图要分开做吗？
最好分开。两边展示宽高比不一样，一张图两端通吃经常出现裁切问题，至少头图要出两版，其余模块图注意留安全区。
首页各模块图的颜色怎么保持统一？
全部图走同一个调色流程：统一色温、统一饱和度基准、加同一层滤镜，再逐张微调。用同一批 AI 底图改色调也比零散找素材稳。