当前页面的视觉预览正在接入中...
提示:点击下方手机预览图中的banner可查看纯净版大图
大图状态
小图状态
提示:点击下方手机预览图中的banner可查看纯净版大图
我的页面
提示:点击下方手机预览图可查看导出的纯净版大图 (1125x270)
一刻设备 Banner 【SS级】
提示:点击下方手机预览图可查看导出的纯净版大图 (670x78)
一刻收银台 Banner 【SS级】
提示:点击下方手机预览图可查看导出的纯净版大图 (1170x624)
一刻首页 Banner 【SS级】
提示:点击下方预览图可查看纯净版大图 (1242x2208)
一刻开屏 Banner 【SS级】
提示:点击下方预览图可查看纯净版大图 (1242x2208)
百度网盘开屏 Banner 【SS级】
提示:点击下方预览图可查看纯净版大图 (1242x2208)
百度网盘品牌开屏模板 Banner 【SS级】
提示:点击下方预览图中的 banner 区域可查看导出的纯净版切图 (726x180)
一刻相册 Banner 【SS级】
提示:点击下方预览图中的 banner 区域可查看导出的纯净版切图(两个创意 banner 组合展示)
一刻相册创意 Banner 【SS级】
一刻相册创意 Banner-2 【SS级】
提示:点击下方预览图中的 banner 区域可查看导出的纯净版切图 (1017x225)
一刻相册搜索 Banner 【SS级】
提示:点击下方预览图中的 banner 区域可查看导出的纯净版切图 (678x280)
一刻相册看见 Banner 【SS级】
提示:点击下方预览图中的 banner 区域可查看导出的纯净版切图 (1014x264)
一刻相册 Wap-banner 【SS级】
提示:该 banner 位于页面顶部(顶部居中),点击下方预览图中的 banner 区域可查看导出的纯净版切图 (1125x771)
一刻相册小程序工具 Banner 【SS级】
提示:点击下方预览图可查看对应模式的纯净版切图 (1242×1863)。两种方式并排预览。
方式一:直接换图 【SS级】
方式二:标题+主图+背景 【SS级】
提示:点击下方预览图可查看对应模式的纯净版切图 (828×1382)。两种方式并排预览。
方式一:直接换图 【SS级】
方式二:标题+主图+背景 【SS级】
提示:点击下方预览图可查看对应模式的纯净版切图 (1080×1620)。两种方式并排预览。
方式一:直接换图 【SS级】
方式二:标题+主图+背景 【SS级】
提示:点击下方预览图可查看对应模式的纯净版切图 (1080×2040)。两种方式并排预览。
方式一:直接换图 【SS级】
方式二:标题+主图+背景 【SS级】
提示:点击下方预览图可查看对应模式的独立切图 (1040×1400)。两种方式并排预览。
方式一:直接换图
方式二:图 + 按钮
提示:点击下方预览图可查看 doodle 独立切图 (300×90)。
文库APP首页 doodle
提示:点击下方预览图可查看 banner 独立切图 (1242×180)。
文库APP用户页 banner
提示:整页即 banner,点击预览可查看纯净版切图 (1242×2688)。
文库APP首页负一楼
提示:【SS级】A1.1.1 NA-PC端首页 banner。@2x 尺寸 1368×600(@1x 684×300)。预览为两页并排 —— 左页嵌入版式1(日常运营·无按钮),右页嵌入版式2(S级重点宣推·有按钮)。点击当前选中版式那一页的 banner 槽位可查看纯净版切图,导出按当前选中版式生成对应文件。
A1.1.1 NA-PC端首页 banner · 双版式并排预览 【SS级】
提示:【S级】A1.1.1 NA-文库PC阅读页左上角(新增)。banner 尺寸 456×200,位于阅读页左上角。点击预览图中的 banner 槽位可查看纯净版切图。
A1.1.1 NA-文库PC阅读页左上角 【S级】
提示:A1.1.1 NA-创作者后台首页banner。banner 尺寸 1500×409,位于创作中心首页。底色跟随活动色。点击预览图中的 banner 槽位可查看纯净版切图。
A1.1.1 NA-创作者后台首页banner
提示:A1.1.1 NA-创作者中心首页banner。banner 尺寸 840×252,位于创作者中心首页 (240,80) 带圆角。底色与底部渐变均可换色。点击预览图中的 banner 槽位可查看纯净版切图。
A1.1.1 NA-创作者中心首页banner
提示:点击下方预览图可查看 banner 独立切图 (1242×216)。
文库wap小程序 banner 【A级】
提示:点击下方预览图可查看 banner 独立切图 (1242×216)。
手百wap小程序 banner 【A级】
提示:点击下方手机预览图中的banner可查看纯净版大图
Feed10出1
提示:点击下方手机预览图可查看对应纯净版大图
会员频道下拉2楼 - 单列
会员频道下拉2楼 - 双列
会员频道下拉2楼 - 三列
提示:点击下方手机预览图可查看导出的弹窗独立切图 (750×800)
首页弹窗(新版) 【SS级】
提示:点击下方实机预览图可查看该版式导出的背景渐变底图与小图切图。
标题/副标题/按钮均为端上渲染,预览中的按钮仅作落位与色值示意,导出切图不含按钮。
预览里的渐变是叠在实机底图上的换色示意(页面原有内容保留),导出的背景底图是纯渐变。
标题/副标题/按钮均为端上渲染,预览中的按钮仅作落位与色值示意,导出切图不含按钮。
预览里的渐变是叠在实机底图上的换色示意(页面原有内容保留),导出的背景底图是纯渐变。
竖屏(背景 1170×1281 + 小图 690×282) 【A级】
横屏(背景 1170×1170 + 小图 690×282) 【A级】
提示:点击下方手机预览图可查看导出的可替换图标切图 (126x126)
首页 push 【A级】
提示:点击下方手机预览图可查看导出的 banner 独立切图 (180x180)
会员卡运营位 【A级】
提示:点击下方预览图可查看导出的 banner 独立切图 (560x440)。此规格与 A1.2.1 PC-首页文字链banner、A1.5.1 Mac-首页文字链banner 完全一致,三者共用同一份切图。
A1.3.1 Web-文字链 【S级】
提示:点击下方预览图可查看导出的弹窗独立切图 (800×800)。交付格式 png 且需小于 100k,建议异形透明样式,避免铺全底色,故切图四周保持透明。
主视觉区域 714×748(落位 43,52)为内容安全范围;弹窗在页面内水平居中落位 (907,461),底图已含 70% 黑色蒙层。
主视觉区域 714×748(落位 43,52)为内容安全范围;弹窗在页面内水平居中落位 (907,461),底图已含 70% 黑色蒙层。
A1.3.2 Web-弹窗 【S级】
提示:点击下方预览图可查看导出的 banner 独立切图 (940×144)。交付格式 jpeg 且需小于 100k。
主视觉区域 170×120(落位 18,12);文案方正兰亭中黑 32 号、十五个字以内;banner 落位保存弹窗内 (894,943)。
主视觉区域 170×120(落位 18,12);文案方正兰亭中黑 32 号、十五个字以内;banner 落位保存弹窗内 (894,943)。
A1.3.3 Web-保存弹窗banner 【A级】
提示:点击下方预览图可查看导出的交付切图 (1920×1080)。交付格式 jpeg,使用方式一键替图。
橙色虚线为 680×900 主视觉安全区(落位 643,90);蓝色虚线是主/副标题落位,红色是按钮 339×67。
交付切图不含文案与按钮(一键替图,文案由设计师烘进图内);左侧 560×1080 提取码面板会盖在图上。
橙色虚线为 680×900 主视觉安全区(落位 643,90);蓝色虚线是主/副标题落位,红色是按钮 339×67。
交付切图不含文案与按钮(一键替图,文案由设计师烘进图内);左侧 560×1080 提取码面板会盖在图上。
A1.3.4 Web-待提取页 【A级】
提示:点击下方预览图可查看导出的交付切图 (750×1624)。交付格式 jpeg,使用方式一键替图。
竖版通栏落位提取页右侧 (1887,260),显示尺寸 545×1178。下半部分渐变遮罩颜色可在右侧替换(不能是纯白或纯黑)。
交付切图不含文案与按钮;虚线为主标题 ≤15字 / 副标题 ≤18字 / 按钮 ≤4字 的落位示意。
竖版通栏落位提取页右侧 (1887,260),显示尺寸 545×1178。下半部分渐变遮罩颜色可在右侧替换(不能是纯白或纯黑)。
交付切图不含文案与按钮;虚线为主标题 ≤15字 / 副标题 ≤18字 / 按钮 ≤4字 的落位示意。
A1.3.5 Web-提取页 【A级】
提示:点击下方预览图可查看导出的交付切图 (3840×120)。交付格式 jpeg 且需 <100k,使用方式一键替图。
通栏吸顶落位简单转换首页 (0,0),实机按 1920×60 显示(交付图为 @2x)。橙色虚线为 2420×120 主视觉区(落位 710,0)。
Figma 板面把它标为 A1.3.2,但该编号已被 Web-弹窗 占用,本工具按顺序排为 A1.3.6。
通栏吸顶落位简单转换首页 (0,0),实机按 1920×60 显示(交付图为 @2x)。橙色虚线为 2420×120 主视觉区(落位 710,0)。
Figma 板面把它标为 A1.3.2,但该编号已被 Web-弹窗 占用,本工具按顺序排为 A1.3.6。
A1.3.6 Web-简单转换顶部通栏 【A级】
提示:点击下方预览图可查看导出的交付切图 (680×640)。交付格式 png 且 <300k,使用方式一键替图。
托盘落位客户端首页右下角 (1891,923),橙色虚线为 680×640 主视觉区(整幅即主视觉)。
托盘落位客户端首页右下角 (1891,923),橙色虚线为 680×640 主视觉区(整幅即主视觉)。
A1.2.2 PC-右下角托盘 【S级】
提示:点击下方预览图可查看导出的两个变体切图(窄 220×300 / 宽 290×320)。交付格式 png 且 <100k,使用方式一键替图。
实机落位传输页左下角;蓝色虚线为交付边界,橙色虚线为主视觉区(窄 220×207 / 宽 290×245),下方标注文案字数上限。
两个变体在预览里并排摆放便于对比,实际只会出现一个。
实机落位传输页左下角;蓝色虚线为交付边界,橙色虚线为主视觉区(窄 220×207 / 宽 290×245),下方标注文案字数上限。
两个变体在预览里并排摆放便于对比,实际只会出现一个。
A1.2.3 PC-传输页左下角 【A级】
提示:点击下方预览图可查看导出的交付切图 (1178×180,即 589×90 @2x)。交付格式 jpeg,使用方式一键替图。
banner 落位收银台 (298,816);粉色虚线=安全区 518×180,主视觉不能超出;蓝/橙虚线为主副标题与按钮位置。
注意:收银台 banner 只在大促及特殊事件出现。
banner 落位收银台 (298,816);粉色虚线=安全区 518×180,主视觉不能超出;蓝/橙虚线为主副标题与按钮位置。
注意:收银台 banner 只在大促及特殊事件出现。
A1.2.5 PC-收银台运营位banner 【A级】
提示:点击下方预览图可查看导出的交付图标 (84×84)。交付格式 png 且 <500k,使用方式一键替图,建议做异形避免呆板矩形。
图标落位 PC 首页顶栏会员信息处 (1966,87);左上角为放大 4 倍的副本,方便检查异形与描边。
Figma 该板面同时写了 84*84(交付模板/尺寸说明)与 600*440(hover 面板,安全区 522*406),本工具按 84×84 出图。
图标落位 PC 首页顶栏会员信息处 (1966,87);左上角为放大 4 倍的副本,方便检查异形与描边。
Figma 该板面同时写了 84*84(交付模板/尺寸说明)与 600*440(hover 面板,安全区 522*406),本工具按 84×84 出图。
A1.2.6 PC-会员信息hover状态banner 【S级】
提示:点击下方预览图可查看导出的交付角标 (216×216)。交付格式 Gif/PNG 且 <100k,文字用版权字体(建议 38 号以上)。
角标落位百度网盘 wap 共享页 (954,1924)。注意1:建议异形图片,不要过于方正。
角标落位百度网盘 wap 共享页 (954,1924)。注意1:建议异形图片,不要过于方正。
A1.4.1 Wap-有效外链页角标 【A级】
提示:点击下方预览图可查看导出的交付切图 (750×1624)。交付格式 jpeg,使用方式一键替图,交付图本身就是整页。
虚线为规范落位:主视觉 750×1294、下半渐变遮罩 (0,1144) 750×480、广告保留位 (689,143) 61×33、品牌角标、主/副标题、按钮。
注意1:下半部分渐变遮罩颜色可替换,但不能是纯白或纯黑。
虚线为规范落位:主视觉 750×1294、下半渐变遮罩 (0,1144) 750×480、广告保留位 (689,143) 61×33、品牌角标、主/副标题、按钮。
注意1:下半部分渐变遮罩颜色可替换,但不能是纯白或纯黑。
A1.4.2 Wap-外链页 【A级】
提示:点击下方预览图可查看导出的角标独立切图 (204x196)。此规范与 A1.5.2 Mac-首页角标 完全一致,两者共用同一份切图。
A1.2.4 PC-角标
提示:点击下方预览图可查看导出的交付切图 (1920×600)。
虚线框为落位示意:蓝色是后台配置的主标题/副标题/按钮,橙色是 596×336 安全区;交付切图不含文案与按钮。
实机模板 1920×728(banner 600 + 顶部企业title 66 + 入口条 96 + LOGO 条 128)为程序化落位示意图。
虚线框为落位示意:蓝色是后台配置的主标题/副标题/按钮,橙色是 596×336 安全区;交付切图不含文案与按钮。
实机模板 1920×728(banner 600 + 顶部企业title 66 + 入口条 96 + LOGO 条 128)为程序化落位示意图。
A1.1.1 Web - 企业版官网banner 【SS级】
提示:点击下方预览图可查看导出的飘条独立切图 (1920x60)。飘条吸底落位于页面最下方,整行内容水平居中。
A1.1.1 Web - AI修图官网首页飘条
提示:点击下方预览图可查看导出的弹窗独立切图 (700x800)。弹窗落位于内容区正中 (1090,474),头图可在下方替换。
A1.1.1 PC&mac - 企业版首页弹窗
提示:点击下方预览图可查看导出的 banner 独立切图 (352x198)。banner 落位于传输页 (200,1306),主视觉可在下方替换。
A1.1.2 PC&mac - 企业版传输页banner
提示:点击下方预览图可查看导出的 banner 独立切图 (928x320)。banner 落位于 AI修图文字链页面 (5382,271),主视觉可在下方替换。
A1.1.3 PC - AI修图文字链banner
提示:点击下方手机预览图可查看导出的 banner 独立切图 (60x60)
商业化团队空间运营入口 【A级】
提示:点击下方手机预览图可查看导出的 banner 独立切图 (1170x735);主题色由下方【主题色】自选,顶部装饰仅预览可见不进入切图
简单打印首页banner 【A级】
提示:点击下方手机预览图可查看纯净版大图 (1092x597)
会员频道大卡 【A级】
提示:点击下方手机预览图可查看对应纯净版切图
等级福利商品图 - 页面1
等级福利商品图 - 页面2
等级福利商品图 - 页面3
提示:点击下方手机预览图可查看纯净版切图
搜索框 icon
提示:点击下方手机预览图可查看导出的1182大尺寸切图
我的空间页面预览
简单扫描页面预览
提示:点击下方手机预览图可查看纯净版切图 (670x320)
活动中心 Banner 预览
提示:点击下方手机预览图可查看纯净版切图 (670x320)
共享点对点 Banner 预览
提示:点击下方手机预览图可查看纯净版切图 (300x300)
共享点对点 icon(push)
提示:点击下方预览图可查看纯净版切图 (522x837)
网盘商城 feed 流长 banner
提示:两个页面独立配置,点击对应预览图可查看对应纯净版切图 (522x336)
商城 feed 流宽 banner - 页面1
商城 feed 流宽 banner - 页面2
提示:点击下方预览图可查看纯净版切图 (522x240)
支付结果页推荐 banner 预览