用AI生成图片,可以按“确定用途和比例 → 写清主体与构图 → 生成后筛选 → 针对问题修改 → 放入设计稿”这五步完成。做电商页面时,先留出标题、商品和按钮的位置,再让图片适应版面,比先生成一张好看的图再硬塞进页面更实用。

下面以粉色夏日美妆分享页为例,用Pixso AI生图与图片编辑准备人像素材,再在画布中完成排版。图片负责人物和视觉氛围,活动标题、价格、按钮保留为可编辑文字与图形。
先准备电商页的画板、文案和图片位置
这张页面由夏日主题文案、人像、化妆品素材和几何装饰组成。人像位于页面中部,标题在上方,因此需要脸部完整、背景简单、头顶有余量的竖向图片。先确定这三个条件,再写生图提示词。

1. 新建设计文件与画板
进入Pixso工作台,新建一个设计文件。在编辑器中使用画板工具,或按快捷键F,创建375×812的画板。这里的尺寸用于演示手机页面,不是所有手机界面的统一尺寸;实际项目应沿用团队的设计基准。

2. 设置背景和基础元素
选中画板,在右侧属性栏把填充设为#FFE3D7、透明度100%。添加状态栏和返回图标,并给人像、商品和底部内容分别留出区域。先用简单形状占位,就能判断图片会不会挤占标题和按钮。

3. 添加可编辑文字
使用文字工具,或按T,输入“SUMMER”和活动文案。本例的标题使用28号加粗文字,辅助说明使用15号常规文字,色值均为#383431。中文可选用项目中已经授权且可正常显示的字体;文字较长时先调整行宽和层级,不要直接缩小到难以阅读。

4. 绘制装饰并放入商品素材
使用钢笔、椭圆、矩形或星形工具绘制装饰,本例的深色和粉色分别为#383431、#D66D7A。化妆品采用已有授权素材,围绕人像区域排列。此时不要让装饰压住后续的人脸位置,也不要把真实商品包装交给AI随意重画。

在Pixso中生成适合页面的人像图片
1. 打开AI的图片模式
在设计面板左侧Tab栏顶部切换到“AI”,再选择“图片模式”。图片模式生成视觉素材;如果要生成可编辑的页面布局,则使用设计稿模式,两者的输出用途不同。

2. 把页面要求写成提示词
本例需要竖向人像、浅色背景,并给上方标题留出空间。可以从下面的描述开始,不必堆叠“杰作、最佳质量”等词,也不要同时要求月光夜景和明亮白色摄影棚。
一位虚构的成年女性,蓝灰色短发,自然微笑,半身人像,浅米白色纯净背景,柔和摄影棚光线,粉色夏日美妆广告氛围,头部和肩部完整,人物居中略偏下,头顶留出空白,不添加文字、品牌标志或水印。
提示词中的“用途、人物、背景、光线、构图”各管一件事。若只想探索配色,固定人物和构图,仅修改颜色;若问题是头部被裁切,就先改取景与留白,不同时更换风格。
3. 设置比例,再提交生成
在输入区选择图片比例。手机页面中的独立人像可以先尝试3:4,横幅则更适合横向比例;不要把整张375×812画板的比例直接套给其中的局部图片。输入描述后提交生成,再看人物大小、脸部细节和可裁切范围。

词库可以帮助补充风格、构图、光线等描述。“优化提示词”会先优化输入再生成,并增加少量AI点数消耗。个人、团队、企业空间的点数相互独立;开始多轮尝试前,可在Pixso订阅与AI点数说明中了解使用范围。
图片不合适时,按具体问题修改
先判断问题属于“图片内容”还是“页面排版”。人物背景不合适,可以修改图片;标题挡住人脸,通常应移动文字或调整裁切,不必重新生图。下面的修改语句仍以这张夏日美妆页面为目标。
| 看到的问题 | 可输入的修改要求 | 修改后看什么 |
|---|---|---|
| 背景太杂,影响化妆品展示 | 保留人物面容、发型和姿态,只把背景改为均匀的浅米白色,不增加其他物体。 | 背景是否简洁,人物边缘是否完整 |
| 人物太靠上,标题没有位置 | 保留人物和光线,让人物在画面中略微下移,头顶增加留白,保持头部和肩部完整。 | 头顶余量是否足够,人物比例是否合理 |
| 色调与粉色页面冲突 | 保留人物特征和背景布局,只把整体色调调整为柔和暖色,保持肤色自然。 | 肤色是否偏色,图片与#FFE3D7背景是否协调 |
| 画面出现多余文字或标记 | 移除背景中的文字和标记,用周围背景自然填补,不改变人物。 | 文字是否清除,填补处是否有明显痕迹 |
在画布中选中带有图片的对象,切换到AI的图片模式;对话框显示已选对象后,再输入修改要求。也可以从选中图片后出现的快捷操作中进入“对话编辑图片”。“移除背景”和“提升分辨率”有独立入口,这些图片编辑操作同样会消耗AI点数。

一次优先解决一个主要问题,保留上一版用于对照。如果需要真实商品外观、商标或特定人物形象,使用有授权的素材并保留关键细节;“AI生成”本身不等于可以忽略素材权利和使用条件。
把图片放回页面,完成排版与导出
把选好的图片放入画布中预留的人像区域,等比调整大小;需要椭圆展示时,用蒙版或图片裁剪控制可见范围,避免横向拉伸人物。对照上方的成品布局,检查脸部、标题、化妆品和返回按钮之间是否有足够空间。
最后按页面实际显示大小检查一遍:文字能否读清,人像是否被裁掉关键部位,装饰是否抢走活动信息,商品包装是否准确。将可编辑设计文件留在Pixso中继续协作,需要图片交付时再选中画板导出。这样得到的不只是单独一张AI图片,而是一份还能调整文案、布局和素材的电商页面设计稿。
准备好你的页面文案和商品素材后,可以打开Pixso开始制作。图片生成和修改的入口也可在生成图片帮助与编辑图片帮助中查看。