GPT中文小秘书挑几下就能开工
我积分

比对UI切图与设计稿差异

关于「比对UI切图与设计稿差异」:能拿到什么、要点选什么、怎么办

逐张揪出切图差几像素,该重切的直接标出来。UI切图差异表是把实际切图与设计稿逐张核对尺寸和九宫格边距的表;在 GPT中文网点选几项,能直接拿到比对表。

能拿到什么

  • 推荐:UI切图差异比对表.xlsx(每张切图一行,尺寸差和边距差用像素标红,末列给重切结论)

要你点选的几项

项目类型、适配平台、切图倍率、上传切图文件、上传设计稿标注、允许偏差像素、含九宫格切图、命名核对。多数点一下就行,没选的按常见情况替你定,交付时说清哪几项是按默认的。

怎么办

  1. 按切图名把设计稿标注和实际文件一一配上
  2. 逐张算宽高差值和九宫格四边边距差
  3. 超出允许偏差的标红并给重切建议
  4. 核对命名是否合规范,导出比对表

别人还这样说

  • 九宫格边距跟标注对不上,给我列个差异表看哪些要重切。
  • 这批UI图尺寸跟设计稿不一致,帮我整理成表格。
直接说你要办的事。下面是别人怎么办的,点任何一项就换成你自己的。左边是别人怎么办的,右边是你的,点一项就开始改。
示范 · 别人这样说

「帮我按设计稿把这次切图对一遍,差几像素都标出来。」

按示范选好的 点一项就变成你的

你的成品会在这里出现
示例成品 · 不是你的按示范写的,看个样子
示例:UI切图差异比对表(项目:某卡牌手游·2x切图,允许偏差2px) 切图名 | 设计稿尺寸 | 实际尺寸 | 尺寸差 | 九宫格边距差(上/右/下/左) | 命名是否合规 | 是否需重切 btn_primary_nor | 240×88 | 240×86 | 高-2 | 0/0/-2/0 | 合规 | 否 btn_primary_pre | 240×88 | 236×88 | 宽-4 | 0/-4/0/0 | 合规 | 是 panel_dialog_bg | 720×480 | 720×480 | 0 | 12/0/12/0(九宫格上/下各多12) | 合规 | 是 icon_coin | 64×64 | 62×64 | 宽-2 | — | 合规 | 否 icon_gem | 64×64 | 96×96 | 宽+32 | — | 不合规(应为gem_01) | 是 progress_bar_mid | 400×24 | 400×22 | 高-2 | — | 合规 | 否 tab_selected | 120×72 | 118×70 | 宽-2/高-2 | — | 合规 | 否 popup_close | 48×48 | 48×48 | 0 | — | 不合规(缺_nor) | 否 汇总:共比对8张,超偏差需重切2张(btn_primary_pre、panel_dialog_bg),另1张命名不合规、1张尺寸偏差大需重切(icon_gem)。结论:优先重切3张,命名问题2处,其余在允许偏差内可直接用。

GPT中文 也可能出错,成品请自己核对关键数字和事实。条款 · 隐私