选择、替换并检查页面图片
让图片支撑内容,检查参考生成、裁切、组件图片与实际加载。
先决定图片要说明什么
先区分产品事实图、操作截图、场景说明和装饰图。产品界面与实物需要准确,不能让生成的细节被误认为真实功能或规格;装饰图也应服务页面内容,而不是填空。为每张图写一句用途,可帮助判断是否需要保留。
准备原图时同时记录来源、使用范围与需要保留的特征。图中有个人信息、后台数据或第三方标志时,先确认能否用于当前页面,再上传或用于生成。
从当前图片的位置开始替换
在支持图片工具条的画布中选中图片,再选择素材库中的文件、上传新图,或使用当前图片作为生成参考。先确认选中的是图片元素,而不是整张背景或包含多个内容的群组。更换后检查尺寸、位置与裁切,不要仅看文件名已经改变。
如果需要保持产品外观,优先提供准确的参考图,再说明允许改变的是背景、光线还是构图。参考生成仍要人工检查,不能保证每个细节完全不变。
把生成要求写成可核对的条件
说明主体、构图、背景、用途和禁止变化的内容。例如“保留包装文字与品牌标志的位置,只为横向首屏增加背景留白”。不要把产品标签、认证标志或精确数据交给自由生成,也不要用生成图片假装用户评价或真实成果。
生成完成后放大看文字、边缘、手部或重复图案,再放回实际版式检查。用于说明的图应准确;只是探索风格的草图应在内部评审中明确其用途。
组件里的图片单独检查
轮播等组件中的图片,可能需要在组件设置中修改已开放的图片网址,而不是直接替换画布元素。逐一确认每个字段对应哪张图,保留图片总数、顺序和翻页控件。字段未开放时,在原对话中要求每张图片可配置。
只收到 AI 的修改说明还不够,需要应用新版本卡片。替换后在预览中切换到每一张图片,避免首张正常而后续引用失效。
检查手机裁切与图片中的文字
电脑上完整的横图在手机中可能被裁掉主体,图片中的小字也可能无法阅读。检查焦点位置、纵横比、边缘留白和不同屏幕下的显示。重要条件、价格与操作说明尽量保留为可读文字,不只写进一张图片里。
不要为了追求清晰而无限放大低分辨率原图。若导入页面的长背景出现模糊,应检查是否把整页背景当成一张图缩放,必要时按板块重新准备素材。
发布与导出时验证资源
使用预览或公开地址在其他设备打开,确认图片并非依赖你当前登录会话才可见。导出包中的资源说明若列出未打包图片,交付时应说明这些外部依赖;原地址失效会影响展示。完成后回看素材使用检查,把权限和视觉确认分别做好。