ai模特排版统一诀窍:一期详情页22张图我这样定规矩

ai模特排版统一诀窍:一期详情页22张图我这样定规矩
ai模特排版工作台,设计师在核对详情页构图网格

详情页显不显专业,看的是排版齐不齐,不是单张图多惊艳。我把一期22张图的排版规矩定成了数字:人物占画面六成,四周留白一成半,横竖图三比七混排,照着做,页面停留时长肉眼可见变长。

ai模特排版这件事,我入行第三年才想明白:买家划走页面,多半不是图不够好看,是图忽大忽小、脸忽左忽右,划三屏就晕了。八月接的一家女装店,老板甩给我一百多张ai出的图,张张单看都行,拼进详情页就乱成一锅粥,人物有的顶天立地,有的缩在角落。

问题不在图,在规矩。那一期我花了一晚上把规矩定死,22张图排完,老板只提了一处修改,第二个月把全年四期全包给了我。下面把这套规矩拆开讲,参数都能直接抄。

后来我复盘过,ai出的图单张质量其实比很多小影棚稳定,输就输在没有一场实拍的现场统一性:光线、脸、构图全靠后期拉。排版规矩要干的事,就是把后期拉的活提前变成标准。

先定画布,再谈出图

画布统一用3:4,人物头顶留白、脚踩底边,主体占画面六成上下,这是整套排版的地基。画布不统一,后面全白搭。

ai出图默认比例乱,有的1:1有的16:9,我要求所有底图统一按3:4出,出来不够就裁。人物在画面里的占比也有讲究,站姿全身占六成上下最稳,头顶留出五分之一,脚踩住底边,视觉上人就立住了。留白别贪多,四周各留一成半左右,留多了页面显空,店铺调性压不住。裁图也有底线:膝盖、脚踝这些关节位置别裁,裁在关节上一看就业余,宁可爱惜点多留一段。

有个偷懒招:把定好的画布和占比直接做成一张排版模板图,垫图时一起喂给ai,它出的构图会往模板上靠,后期裁切量小很多。这套参数我写进了检查表,每张图出完先卡画布再看别的,就这么一条,废图少了一小半。

横竖混排才有节奏,通屏竖图最催眠

首图竖版人物,中间细节图换横版,比例压在三比七,页面才有呼吸感。通屏竖图连着排,买家滑两屏手指就麻了。

我排版的习惯是首屏一张竖版全身图压场,往下每隔三四张插一张横版:可以是坐姿特写,可以是半身回眸,也可以是配饰平铺。横版图的作用是让页面换口气,买家往下滑的手指会有一个节奏,跟听歌有鼓点一个道理。

横竖图衔接的位置也有讲究,横版别跟竖版硬切,中间垫一张同色系的留白图过渡,我管它叫呼吸页。呼吸页的底色从前后两张图里各取一点调和,过渡才不突兀,这是我从装帧设计里偷来的招。一期22张图里放两张就够,多了显水。呼吸页上可以压一句卖点文案,字号别超过图内文字的两倍,抢戏就变了广告图。

还有一条藏在细节里:横版图的左右方向要交替。两张横版朝同一个方向看,页面像歪着长;交替着来,买家视线在页面上画之字,停留自然就长了。

脸的大小和视线方向,锁死才显专业

同一期详情页里,人物脸的大小要基本一致,视线朝向页面内侧,这是最容易被忽略的显专业细节。

ai换装一批图,脸忽大忽小是常态。我的做法是给同一期锁一张基准脸,所有图按这张脸的脸部占比微调,前后差超过一成就重出。买家未必说得出原因,但脑子会觉得"这几个人不像一批货的",信任感就是这么丢的。

视线方向更隐蔽:人物朝左看的图放页面右半边,朝右看的放左边,视线朝里,买家的目光一直在页面上打转,不会顺着视线滑出图外。这个原理老牌杂志用了几十年,搬到详情页一样灵。

这套规矩定下来之后,我出详情页的速度快了一倍,老板娘拿去给新开分店用,连一个数字都没改。出图环节本身翻车怎么办,换装流程里的坑我单独记过一篇,出图前先看能省不少返工。模特试衣ai换装流程和常见翻车点

排版说到底是个同理心活:你自己拿手机把页面划一遍,哪里卡顿、哪里晕,改哪里。22张图我到现在还是三比七、六成主体、一成半留白,数字没动过,动的是每期的脸和货。上个月那家店的秋季款上了,转化比夏季款高一截,老板把功劳记在货上,我不争。下一期上新,你不妨先把规矩写下来再出图,省下的返工时间够多睡两个午觉。

常见问题

详情页图片用什么比例最稳妥?

3:4是主流,手机竖屏看着舒服。同一个店铺最好全店统一,别一页里混着好几种比例,显乱。

ai图排版和实拍图排版有区别吗?

排版规矩一样,ai图要多一步一致性检查:脸的大小、光线方向、肤色,实拍一场下来天然统一,ai是张张独立生成,必须人工拉齐。

留白多少合适?

我习惯四周各留一成半,走简约风的店可以放到两成,再多就显空了。留白是给文字和价格留位置的,别全吃掉。

22张图会不会太多了?

看类目。女装秋冬款二十张上下正常,基础款白T十张足够。图在精不在多,凑数的图不如不上。