跳到主要内容

图案裂变之后单张都好看,一平铺就挤成一团:分布关到底卡在哪

雨林凯AI 官方博客

周一上午九点四十,我把夜里跑出来的十二个变体打印成 A4,用美纹纸在会议室白墙上贴成三排,每排四张。贴的时候心里挺得意,每一张单独看都挑不出大毛病。行政的小陈端着咖啡进来,站墙边看了几秒说,这张挺好的啊。我说你退后两步。她退到门口,沉默了一会儿,说,怎么挤在一起了。

那面墙我盯了很久。十二张里有九张单看能用,排成一片之后,右上三张挤成一团深色,左下有两条竖直的白,最外圈的元素稀稀拉拉,像被人从中间吸走了一口。后来我在便签上写了一句话贴在显示器边框上:问题不在元素画得好不好,在元素站在哪里。

这句话就是这篇要讲的东西。图案裂变这个功能,输入一张图,输出两三张风格一致、细节和构图不同的新变体,单张交付没什么问题;一旦进入平铺、并排、整幅印花的场景,位置关系就开始收账。

周一上午,十二个变体贴上墙,退后两步才看出问题​

先说清楚当时在做什么。那批图是给一个家居线做的春夏系列,母图是一张奶油底的贝壳海星小图案,元素细碎、间隔紧,本来是给抱枕和桌旗用的。客户要十二个变体,我们跑了两轮,第一轮六个,第二轮六个,挑的时候是逐张挑的,屏幕上一张一张翻,看着都还行。

问题出在挑的方式上。逐张挑,眼睛只处理一张图,判断的标准自然会变成"元素画得像不像、糊不糊、颜色正不正"。等十二张排到墙上,判断标准换成了"整片看起来顺不顺",这是完全另一套标准。

我后来复盘,发现那天最要命的不是某一张特别差,是十二张里有七张往同一个方向偏。偏的方向一致,平铺的时候就不会互相抵消,只会叠加。这个道理跟排队一样:一个人往左站偏半步没关系,一排人全往左偏半步,队就斜了。

从那以后我们改了个笨办法,任何一批变体出来,先在屏幕上拼成 2×2 看一遍,再决定要不要打印。多花三分钟,省下的返工不止三小时。

把分布、密度、留白三件事切开​

这三个词在日常说话里经常混着用,混着用就没法判断。先把它们分开。

密度说的是单位面积里有多少东西。一片叶子印花,一平方分米里有二十片叶子还是五片,这是密度。密度只有多和少,没有对和错,全看你想表达什么。

留白说的是主动让出来的呼吸区。留白是设计动作,是有意的,它出现在哪个位置、面积多大、形状什么样,你都清楚,你能说出为什么留在这儿。

分布说的是元素之间的位置关系。均匀、聚团、偏心、四角稀,这些词都属于分布。它跟数量无关,跟位置有关。

一个比方:十个人坐进一间会议室,密度是一样的。全挤在门口,是分布问题;散开坐,每个人之间隔得差不多远,是分布均匀。这种时候你不会说"人太多了",因为人数根本没变。

分开之后,判断就有了顺序。先看密度对不对,再看分布匀不匀,留白单独拎出来问一句"这块空是我留的还是它漏的"。三个问题串在一起问,永远问不出结论,因为它们是三把不同的尺子。

这条区分是整篇的地基。后面所有病症、所有修法,都建立在它上面。

顺便说一个相邻的词:节奏。节奏是分布加上大小变化之后给人的整体感受,它比分布晚一步出现。你得先把位置摆匀,才谈得上节奏;位置是乱的,再怎么调大小也调不出节奏。所以我们内部说"这张图没节奏",八成是在说分布。

分布病一:聚团,退远看是一块亮斑​

聚团是最好认的一种。同类元素在某个局部堆在一起,单张看只是"这块东西多一点",退到两米看,它变成一块亮斑或者一块暗疙瘩。做在布料上,胸前会出现一坨明显的深色,像沾了水没干。

我见过最典型的一次,是一张细碎的贝壳图案。原图元素小、间隔紧,看着挺均匀。裂变出来的第二张,把贝壳和海星放大了将近一倍,同时把三只螺旋壳摞在了右下角。在电脑上看,那三只壳只是"丰富了一点",还挺有细节。印到一米五的布上,右下角沉下去一块,整幅的重心全歪了。

判断标准可以很具体:把图缩到 200 像素宽,眯起眼睛看,如果画面里出现一到两个明显比周围亮或者暗的团块,并且团块的直径超过画面短边的四分之一,就算聚团。不用任何工具,肉眼就能定。

需要提醒一句,聚团不一定是"元素数量多"。有时候是几个大元素靠得近,数量不多,视觉重量却集中。这种情况在缩小图上更明显,因为大元素缩完之后还是比周围重。

聚团在服装上和在家居布上的表现还不一样。T 恤面积小,聚团往往被裁切框切掉一半,不那么显眼;桌布、床品、窗帘是大面积平铺,一处聚团会被复制到整匹布上,变成规律的花斑。同一张图,做衣服勉强能过,做桌布就得重出。

奶油底海洋贝壳海星螺旋壳细碎图案裂变后元素被放大

奶油底的海洋贝壳、海星、螺旋壳,原本细碎均匀;裂变后元素整体放大,蓝灰也转成了艳蓝。放大之后,原本勉强均匀的间距立刻显出疏密,右下角那几只开始往一起靠。

分布病二:空腔,平铺后成了一条空走廊​

空腔跟聚团是一对。该有东西的地方成片地空着,单张看像是留白,还挺透气。麻烦在于平铺:四张拼在一起,每张的空位会沿着同一个方向接上,变成一条贯穿的空走廊。

判断空腔不能只看一张。把同一张图 2×2 拼起来,如果出现一条连续的空白带,从这头通到那头,中间没有元素打断,那就是空腔。宽度超过画面短边的八分之一,就已经很明显了。

空腔最容易被误当成高级感,因为单张确实好看,疏密有致,看着不闷。可那块空并非有意为之,是采样漏出来的:位置随机,形状不讲究,边缘也不干净,拼起来立刻露。

还有一种情况是空腔正好压在接缝上。平铺时接缝两侧各有一个空位,拼起来就是一道两倍宽的白缝,比单张看严重一倍。验图的时候如果知道面料的门幅和拼接方式,把接缝位置标出来一起看,能提前发现这一类问题。

米色底蓝灰花卉复古图案裂变后花朵枝叶整体放大

米色底蓝灰花卉复古图案,裂变后花朵和枝叶整体放大,单张还算舒展;2×2 拼起来,中间那条空带和右上那簇花就同时冒出来了。

还有一种隐蔽的空腔,出现在元素之间的"缝隙"里。整张图看元素分布挺匀,可元素之间的负空间宽度不一致,有的地方能塞进半个元素,有的地方几乎贴死。这种图单看没问题,平铺之后会出现细密的"麻点感",说不上哪里不对,就是不安定。

分布病三:四角塌陷,源头是居中构图​

第三种更隐蔽:中间挤,四周稀。画面中心元素密,越往外越松,四个角几乎是空的。单张看,这像是自然的视觉中心;平铺看,每一张的中心都挤,每一张的角都空,拼起来就是一片密集的点阵,中间夹着十字形的空。

原因不复杂。我们能拿到的原图,绝大多数是居中构图:一朵花在正中,四周点缀。裂变保留了这种构图惯性,模型会继续把主要元素往中心放,因为它见过的样本里,主体摆正中的情况占了大多数。

判断办法:把画面切成 3×3 九宫格,数每格里的元素个数。外圈八格的平均数如果不到中心格的一半,就算四角塌陷。这个数字不用很精确,粗粗一数就能看出来。

白底一大朵向日葵周围环绕帝王蝶与枝叶

白底、一大朵向日葵居中,四周环绕帝王蝶和枝叶。这类单主体构图裂变之后,中心会更密、四角会更空,单张看不出,拼起来就是十字形的空。

根因一:裂变做的是重新排布,不是重新设计​

很多人对图案裂变的期待是"再设计一版",实际雨林凯AI(简称雨林凯)这个功能做的是"在同一套约束下换一种排布"。风格、笔触、元素库基本不动,动的是位置、朝向、大小、局部细节。

这个区别决定了它不会去纠正构图上的结构问题。原图如果重心偏左,变体会保留偏左的倾向,有时候偏得更多;原图如果中心密四周空,变体会把这个疏密关系当成风格的一部分继承下来。

所以指望裂变自动修好分布,是把工具放到了它不负责的位置上。它负责的是"同风格的新排列",不是"更好的构图"。这两件事在需求文档里经常被写成一句话,实际是两个工种。

明白这一点,你看到一张分布很差的变体时就不会觉得是"翻车",它只是忠实地把你给它的结构又演了一遍。

根因二:位置由采样决定,采样天生爱聚簇​

变体的位置不是被"安排"出来的,是被"采样"出来的。生成时逐个决定元素落在哪,这个过程有随机性,而随机不等于均匀。

真正均匀的分布,比如点与点之间保持最小间距的那种,需要额外的约束才能得到:拒绝采样、泊松盘采样,都得专门加一步。生成过程里没有这一步,点就会自然地三三两两凑近,同时留下大片空白。你抓一把芝麻撒在桌上也是这个结果,手再稳也一样。

这解释了一个现象:换种子能改善,但不能根治。因为聚簇是采样方式的固有倾向,不是某一次运气不好。连出五张都往左上挤,那不是种子的问题,是这一类图案在这个尺寸下就爱这么分布。

顺带说,元素越碎、数量越多,聚簇越明显。因为每一个元素的位置都是独立决定的,独立决定的次数越多,偶然的靠近就越多。细碎图案的分布问题,天生比大花图案多。

根因三:放大对分布有放大效应​

第三个根因最容易被忽略:元素被放大之后,原本勉强能看的分布会明显变差。

小图上元素小、间隔紧,视觉上糊成一片均匀的灰。放大一倍,元素自身变大,覆盖面积按平方增长,元素之间的空隙被压窄;同时你的眼睛开始能分辨单个元素,对"这里一撮、那里一片"变得敏感。两个效应叠在一起,原来只是"稍微有点不匀"的图,放大后变成"一眼就看得出挤"。

这里还有一个连带反应:聚团和空腔会同时加剧。元素变大,聚团处更快糊成一块;而为了给大元素腾地方,周围的小元素被挤开,空腔也跟着扩大。一涨一缩,落差就出来了。

颜色也常跟着变,比如蓝灰被推成更艳的蓝,但那是另一条线的问题,这篇只谈位置。

为什么单张看不出,拼起来才显​

两个原因。

第一,看的东西不一样。单张看的时候,眼睛处理的是元素本身:画得像不像、细节够不够、边缘干不干净。拼贴看的时候,眼睛退到整体,处理的是位置关系:哪里密、哪里空、重心在哪。同一张图,两种看法,得到两个结论,都算真话。

第二,平铺是叠加,而且是乘性的叠加。一张图有一个聚团,四张拼起来就有四个同向的聚团,在更大的画面上形成节奏一致的深色块;空腔同理,四条空带接成一条长走廊。这种叠加不是一加一,它让"不均匀"变成了图案本身的规律,比单张刺眼得多。

还有个细节:单张小画幅上,人的眼睛会自动"补"均匀。看一张 A4,你会下意识地把周围的白当成缓冲,把轻微的不匀读成手绘的随意。等画面铺开到两米,这层缓冲没了,眼睛看到的是纯粹的位置关系,判断立刻变苛刻。

这也是为什么设计稿和成品之间总有一道坎。印刷没出问题,问题在画面从一张 A4 变成了一整面墙。

判定手段:五个动作,几分钟能做完​

这一节全是动作,照做就行。五个方法从粗到细,通常前两个就能筛掉大半。

眯眼,离屏两米​

把图放大到全屏,后退两米,眯眼到只能看见明暗块。这一步筛的是大结构:画面有没有明显的团块、有没有贯穿的空白。十秒足够,比盯着看十分钟有效。

缩到 200 像素​

把图缩到 200 像素宽,正常看。这时候细节全没了,只剩色斑。出现明显色斑的,分布有问题。这个方法对细碎图案特别灵,因为细节一消失,位置关系才浮出来。

四宫格 2×2 拼贴​

新建一张两倍尺寸的画布,把同一张图复制四份拼进去。这一步是模拟平铺。空腔和聚团的叠加效应,在这里暴露得最彻底。做服装的,可以直接按面料的重复单元去拼,拼出来的就是买家会看到的样子。

竖向切八条,数元素​

把图竖向切成八条等宽的条,数每一条里的元素个数,记下来。最大值减最小值,除以平均值,超过百分之六十就算不均。这个方法有点笨,但它给的是数字不是感觉,跟同事争论的时候很好用。

转灰度​

去掉颜色,只留明度。彩色会干扰判断,暖色往前、冷色往后,眼睛会被颜色骗。转成灰度之后,密度分布就是纯粹的深浅,哪里堆了东西一目了然。

这五个动作加起来不到十分钟。我们现在的规矩是,任何一张要上整幅载体的图,必须过前四个;第五个看情况,图越花越要做。

有个细节值得记:判定要在同一台设备、同一个亮度下做。显示器亮度差两档,深色块的判断就能反过来。我们组现在把判定用的那台机器亮度锁死,谁都不许调,省了很多无谓的争论。工具不复杂,稳定比精确更要紧。

修法第一层:换种子、降重排强度​

修法按代价排,先做便宜的。

换种子重出,成本最低。同一个提示、同一张底图,重跑两到三次,通常能出一张分布明显更匀的。聚簇是概率问题,多试几次就是在跟概率要结果。缺点是不可控,你不知道下一次会不会更好,也没法解释为什么这次好。

降重排强度,在雨林凯里就是把变化幅度调低一档。变体更贴近原图,位置挪动更小,聚团和空腔的幅度也会跟着收。代价是变体的差异变小,如果你要的是"明显不同的一版",这条路会让你觉得白跑。

这两招适合什么情况?适合分布只是轻微不均、载体又是小面积的场合。如果图要整幅平铺,这两招通常不够,因为它们的上限就是原图本身有多匀。

参数和变体数量的关系,官方功能页写得比我细,需要具体数值的可以去看图案裂变的功能说明。

修法第二层:裁掉重灾区,手工挪三五个元素​

裁切是被低估的动作。聚团如果集中在某一个角,把它裁掉,画面比例从 3:4 改成 4:5 或者正方形,问题就消失了。代价是构图变了,得重新看一遍主体位置,别把主体裁掉一半。

手工挪元素,听起来很土,实际很有效。不用重画,只是把三到五个元素做位移,顺带缩放百分之五左右,把最挤的那一撮拆开,或者把最空的那一块补上。挪的时候有个原则:动边缘的,不动中心的;动小的,不动大的。中心的大元素一动,重心就散,怎么摆都不对。

这一层适合"只差一点"的图。差得多的,往下看。

还有个笨办法值得说:把图打印出来,用铅笔在纸上圈出三个最挤的位置,再回到软件里对着圈改。屏幕上看久了会麻木,纸面上反而清醒。我们组现在常备一支红笔,就干这个。

修法第三层:撒小体量点缀,统一尺寸档​

空腔可以用小体量元素去填:小圆点、细碎叶片、微粒、短线条。关键在"小体量",它不能跟主体同权重,否则填完之后变成新的聚团。填的时候也别均匀地撒,要沿着空腔的走向撒,让它看起来是图案的一部分,不是补丁。

尺寸档是另一个思路。把画面里的元素按大小分成三档,大致按 6:3:1 的比例铺开。大小差太大,本身就会造成假聚团:一堆小元素里突然一个大元素,眼睛会把它当成一团。统一尺寸档,等于消掉这种误判。

这两招花时间,但可控,适合已经确定要用、只差最后一口气的图。做完之后记得重新走一遍四宫格,别补出一个新的空。

一次四十分钟的返工,具体做了什么​

上个季度有一张贝壳图,整幅平铺用,聚团在右下、空腔在中上。我们没重出,选了修,前后四十分钟。

第一步,把图竖向切八条数了一遍,极差百分之七十一,确认是分布问题不是密度问题。第二步,裁掉右下角最挤的一条,画面从 3:4 改成接近 4:5,聚团去了一半。第三步,从裁下来的那条里挑了两只完整的螺旋壳,复制到中上的空腔里,缩放调到八成,朝向转了一百二十度,让它看起来不像同一只。第四步,重新拼 2×2,发现新补的两只又凑成了一小簇,把其中一只往左挪了两厘米。第五步,转灰度看一遍,没有明显色斑,收工。

四十分钟里,真正动手的只有二十分钟,另外二十分钟都在看。这个比例挺正常,改图这件事,判断比操作费时间。中途还退回来一次,因为第一遍补的两只壳颜色比周围亮,转灰度的时候跳出来了,又压暗了一档。

载体容错分档:什么能放过,什么不能​

同一个分布问题,在不同载体上的严重程度差得很远。分三档看。

整幅平铺最挑​

满印、整幅、大幅面,对分布的要求最高。画面大,人一退开,眼睛就会自动做整体归并,聚团和空腔全都被放大。一幅一米五的布,两米外看,任何一处不均匀都藏不住。这种载体,分布不过关就别上,修的成本高于重出。

定位印花次之​

前胸、后背这类定位印花,图案被裁切框限制在二十五到三十厘米的范围内,容错高一些。聚团如果落在裁切框外,根本不会印出来;空腔如果落在边缘,也会被裁掉。判断标准变成"框内那一块匀不匀",不是整张图匀不匀。

小面积最不挑​

袖口、口袋、领口内衬,图案只露出很小一块,往往只剩两三个元素。这个尺度下,分布基本无从谈起,只要元素本身好看就行。有人在小面积上纠结分布,是把力气用错了地方。

给一条粗略的判断:成品上图案的可视面积小于十五厘米见方,分布问题可以放过;超过六十厘米,必须按整幅标准验。中间那一段,按定位印花的标准看框内。工艺和尺寸的对应关系,使用指南里有更细的说明。

三组容易混的判断​

分布乱,还是密度不合适​

密度不合适,是整体多或者整体少,画面还是匀的,缩小看是一片均匀的灰。分布乱,是局部多局部少,缩小看有色斑。分不清的时候,缩到两百像素看一眼,色斑出来了就是分布问题。

成团,还是元素大小差太大​

真聚团是位置问题,元素之间的距离真的近。假聚团是尺寸问题,一个大元素旁边围一圈小的,看着像一团,实际间距正常。判断办法:把那个大元素遮住再看,如果团感消失,就是尺寸差造成的,不用挪位置,改尺寸就行。

空腔,还是主动留白​

主动留白有形状、有位置、有理由,你能说清楚这块空是为了让主体呼吸。空腔没有,它是采样漏的,形状随机、位置随机、边缘毛糙。一个简单的测试:把图翻转一百八十度再看,主动留白翻转后依然成立,空腔翻转后马上变得别扭。

三条止损线,碰上就别救​

第一,主体被挪出裁切区。裂变有时候会把主要元素推到边缘,裁切之后主体缺一块。这种不要靠后期补,补出来的边缘一定脏,放大看全是涂抹痕迹。

第二,聚团出现在视觉中心。胸口中线、裙摆正中、画面的几何中心,这些位置一旦堆成一坨,怎么修都别扭,因为眼睛第一眼就落在那里,你怎么挪都是在跟第一眼较劲。

第三,空腔贯穿整幅。一条空带从头通到尾,平铺之后会变成网格状的空格,这个结构改不了,只能重出。

三条里中任意一条,重出的成本都低于修的成本。这一点我吃过亏,下一节讲。

三个月里我们见过的三种误判​

第一种,把空腔当高级留白。有位做家居布的客户,选了一张中间空出一大片的变体,说这个疏密关系很高级,比塞满的好看。做成桌布平铺之后,四条边拼起来中间是一块方形的空,像少印了一块。返工两次,后来还是换回了密一点的那版。

第二种是我自己的。有一批图聚团不严重,我想着降重排强度就能压住,把强度调到最低,结果变体几乎等于原图,原图本身那个偏心的构图被原样保留,问题一点没解决。我当时以为"改动小等于风险小",其实改动小只是把原图的问题留下来。这是我今年判断得最错的一次,后来在周会上自己讲了。

第三种,用放大填空腔。有人觉得画面空是因为元素太小,把元素整体放大三成,空腔确实小了一点,聚团同时变严重了,因为放大的元素互相挤在一起。放大对分布有放大效应,这句话在两个方向上都成立。

三种误判有个共同点:都是拿一个指标去解另一个指标的问题。空腔用"满"去解,聚团用"改幅度"去解,说到底都是把问题挪了个位置。

怎么把这件事讲给不改图的人听​

分布这种事,说"感觉有点挤"是没用的,对方会回你一句"我觉得挺好啊"。得给数字。

我们现在的说法是:这张图竖向切八条,元素个数是 3、7、4、9、2、5、6、3,极差除以平均值是百分之九十三,超过阈值了。对方不一定懂原理,但看得懂数字,也知道这不是审美偏好。

另一个好用的说法是四宫格。把拼好的 2×2 图发过去,什么都不用解释,对方自己就能看出中间那条空。图比话有效,尤其是对不看设计稿的人。

如果对方还是要"感觉更满一点",别争,直接给两版:一版按他说的加满,一版只补空腔不动聚团。并排放着看,五秒钟就有结论。这个办法我们用了半年,几乎没失手。

收个尾:分布是排布问题,不是审美问题​

回到周一上午那面墙。十二张里留了四张,两张是重出的,一张裁掉了右下角,一张手工挪了四个元素。剩下八张没扔,存在一个叫"分布待修"的文件夹里,说不定哪天做小面积能用上。

这件事让我对图案裂变的理解变了一点。它的强项是"给你更多同风格的选择",不是"给你更好的构图"。把它当复印机用,你会失望;把它当草稿生成器用,它的价值才出得来。多出几张,自己挑、自己挪、自己裁,这套流程听着不高级,但它是目前最省时间的做法。

至于判断标准,其实就一句话:把图放到它最终要被看到的那块面积上,如果那时候它是匀的,它就是匀的。屏幕上的预览再漂亮,也不算数。

常见问题​

问:一次只出两三张变体,概率上够不够挑?

不够,通常要跑两到三轮。聚簇是概率问题,一轮里出一张分布合格的,已经算运气好。我们的做法是先按小尺寸快速跑,筛掉明显聚团的,再对留下的那几张出大图。这样比一上来就出大图省时间。

问:聚团能不能用修图软件抹平?

小范围的可以,用仿制图章或者内容识别填充,把最挤的那一小块打散。大范围的不建议,因为抹完之后元素的朝向、笔触、光影会对不上,放大看是一块糊的。判断标准是聚团面积:小于画面十分之一可以修,超过就重出。

问:蓝噪声、泊松盘这些词,普通用户需要懂吗?

不需要懂算法,知道结论就行:真正均匀的分布需要额外约束才会出现,随机撒点天生会扎堆。所以你看到的聚团不是模型坏了,是它没做那一步。知道这一点,你就不会一直换种子指望奇迹。

问:为什么同一张图在电脑上看没事,印到布上就挤?

因为图案的实际尺寸变了。屏幕上是四百像素的预览,元素只有几毫米;印到一米五的布上,同样一个元素变成几厘米,你的眼睛开始能分辨个体,对间距的敏感度成倍上升。判断的时候要按成品尺寸看,不能按预览看。

问:空腔和我故意留的白,怎么快速分开?

翻转一百八十度看。主动留白翻转后依然成立,因为它的位置是被设计过的,跟主体有呼应;空腔翻转后马上别扭,因为它是随机漏的。另一个办法是问自己能不能说出这块空的作用,说不出来基本就是空腔。

问:袖口这种小面积,真的可以不管分布吗?

基本可以。袖口露出面积小,图案往往只剩两三个元素,元素之间没有"关系"可谈。这时候要看的是元素本身的清晰度和边缘,不是分布。把力气花在分布上,属于用错了地方。

想亲手试试这些效果?
注册即可获得免费额度,直接在你的商品图上跑一轮
前往雨林凯AI 产品站 →