yinjun.chen1
459b613dc3
核对表/隐私政策/商店列表材料/截图与宣传图规格 privacy.html：自包含中英双语隐私政策页面；URL-填写清单.md：主页/支持/隐私政策三处可填 URL；promo/：440x280 小促销图与 1400x560 Marquee（英文版，尺寸实测合规）
6.4 KiB
6.4 KiB
Auto Login Manager — 商店截图与宣传图规格及截屏指引
用途：按官方规格准备 Chrome Web Store 展示素材（截图、小促销图、Marquee、商店图标）。 官方要求（2026 生效口径）：截图必须真实反映扩展功能；禁止使用带边框/圆角/阴影（全出血直角铺满）；禁止堆叠多张截图拼图。 生成时间：2026-09-24
一、规格速查表
| 素材 | 尺寸 | 格式 | 数量 | 是否必填 | 备注 |
|---|---|---|---|---|---|
| 商店截图（Screenshot） | 1280x800 或 640x400 | PNG/JPEG | 至少 1，建议 3–5 | 必填 | 横向；直角全出血（无圆角/边框/阴影），图片内容铺满整张 |
| 小促销图（Small Promo Tile） | 440x280 | PNG | 1 | 必填 | 商店首页/搜索展示；文字尽量少，不能被裁切 |
| Marquee 促销图 | 1400x560 | PNG | 1 | 可选 | 商店精选位展示；建议电商/商店背景留白充足 |
| 商店图标（Icon） | 128x128 | PNG | 1 | 必填 | 图形约占中心 96x96，四周留 ≥16px 透明边距（Chrome 会裁圆角/内缩，四周贴边会显示不全） |
| 宣传视频（Promo Video） | 1280x720 | 不限（托管于 YouTube） | 1 | 可选 | 仅当 Store Listing 选择语言含 en 时需提供；zh-CN 不支持 |
提示：截图上传 1280x800 即可（高分屏展示清晰）；务必以实际运行画面为准，不得伪造不存在的界面或夸大功能效果。
二、商店截图内容建议（针对本扩展）
按照「第一屏讲清楚是什么 → 中间屏展示关键功能 → 最后屏讲隐私/多环境」的叙事顺序，建议 4–5 张：
| # | 场景 | 操作步骤 | 画面要点 |
|---|---|---|---|
| 1 | 主界面总览 | 打开任意网页（如 example.com 登录页），点击扩展图标从侧边栏打开面板 | 侧边栏「域名列表 + 配置入口」与网页并排同屏；体现「与页面同屏使用」的卖点 |
| 2 | 添加域名配置 | 在面板中点击「添加域名」，展开表单填写规则（如 *.example.com、用户名、密码、是否自动提交） |
表单 + 规则类型切换可见；展示精确/通配符/路径的多选能力 |
| 3 | 自动填充效果 | 打开已配置域名的登录页，点击面板「填充」按钮或自动填充 | 用户名/密码框已被填入；若同时展示自动提交，需在描述中说明做了自动提交 |
| 4 | 多环境账号选择 | 配置同域多环境（个人/测试/生产）后再次访问 | 命中多条配置时的「选择账号」浮层；体现多环境隔离 |
| 5 | 隐私与加密 | 打开扩展的「设置/Vault 锁定」界面 | 展示主口令输入/自动锁定 10 分钟、解密数据只存内存等；截图中避免出现真实密码明文（可用圆点占位符） |
截屏建议工具：Chrome DevTools → 右上角 ⋮ → Run command → 输入 Capture full size screenshot（再配合 emulate device 设定 1280x800 视口），或使用系统截图软件裁切到 1280x800。
截图合规注意：
- 截图中不要出现真实账号的真实密码明文（用点号
••••代替，避免泄露与审核疑虑）。 - 不使用测试站点 URL 时，请用公开示例域名（example.com / example.org）；若使用真实网站（如 GitHub 登录页），请确保不截取他人隐私数据。
- 截图与图内文字语言应与你当前录入的语言一致（en 截图配英文界面，zh-CN 截图可配中文界面）。
三、小促销图（440x280，必填）制作建议
- 用途：商店列表与搜索结果卡片；显示面积小，文字与图形务必简洁。
- 构图：左侧/中央放扩展开机主界面缩略（侧边栏面板），右侧放 1 条品牌文案，如：
- EN：
Auto Login Manager+Fill credentials, keep them encrypted on your device - 中文：
Auto Login Manager+自动填充账号密码，本地加密保存
- EN：
- 规则：四周留安全边距（至少 16px），避免文字被裁切；不要加圆角/边框；不要做成多截图拼接。
- 工具：Figma / Canva / PowerPoint 导出 PNG，或使用
baidu-image-gen按 440x280 生成插画背景后叠加真实界面截图。
四、Marquee（1400x560，可选）制作建议
- 用途：商店精选位横版大图；有背景展示空间。
- 构图：左侧大标题 + 右侧界面/功能特写，或居中「图标 + 产品名 + 一句卖点」。
- 建议背景使用品牌主色（与图标一致）渐变色块，避免纯白内容被吞。
- 内容形式示例：
Log in with one click/Local encryption. No servers.（若已在上架描述中使用本地加密卖点，保持一致口径）。
五、商店图标（128x128）复核/重制建议
- 现状：
icons/icon128.png为完整方形图形，符合「图形占 96x96、四周透明边 16px」要求的概率存疑，建议复核或重制：- 打开
icons/icon128.png，检查最外圈 16px 是否透明； - 若非透明，用编辑器把画布扩到 160x160 并把原图居中到 96x96 区域导出 128x128（或直接用设计工具重新按 16px 安全边距重绘）；
- 导出 PNG（不要用 JPEG，透明通道会失效），压缩后体积极小即可。
- 打开
- 同组图标：
icon16/icon48/icon128三档需同时更新，保持视觉一致（Chrome 工具栏、上下文菜单、商店展示用同一图形）。
六、宣传视频（可选，en 语言建议提供）
- 规格：YouTube 视频，1280x720 以上，时长建议 ≤60 秒。
- 建议脚本大纲：
- 人物打开某网站登录页 → 侧边栏打开面板 → 一键填充 → 自动提交进入后台（约 15s）；
- 展示多环境账号选择（约 15s）；
- 展示验证码只填充不提交（约 10s）；
- 隐私卡片式收尾：
Everything stays on your device. No servers involved.（约 10s）。
- 录屏工具：系统自带录屏 / OBS 录制 1280x800 视口，避免录到书签栏等无关内容。
七、交付前检查清单
- 截图 1280x800 或 640x400：PNG/JPEG、直角全出血、内容铺满、无水印
- 截图无密码明文、无私人数据
- 小促销图 440x280：存在、无文字裁切、无边框圆角
- Marquee 1400x560：存在（可选）、无文字裁切
- 图标 128x128：图形居中 ≤96x96、四周透明 ≥16px、三档尺寸（16/48/128）同步
- 图片语言与对应语言的 Store Listing 描述一致