Back to Prompt Optimizer

提示词优化器 - 截图准备指南

packages/extension/screenshots.md

2.10.23.7 KB
Original Source

提示词优化器 - 截图准备指南

本文档提供了为Chrome应用商店准备截图的详细说明和建议。高质量的截图能够有效展示插件功能,吸引更多用户。

截图要求

Chrome应用商店对截图有以下要求:

  • 分辨率:1280x800像素或640x400像素
  • 格式:PNG或JPEG
  • 数量:至少1张,最多5张
  • 文件大小:每张不超过2MB

推荐截图场景

为全面展示提示词优化器的功能,建议准备以下场景的截图:

1. 主界面截图

描述:展示扩展的主弹出窗口,显示整洁的界面设计。

准备方法

  1. 点击浏览器工具栏中的扩展图标
  2. 确保界面干净,显示输入框和主要功能按钮
  3. 截取整个弹出窗口

要点

  • 确保UI界面清晰可见
  • 保持简洁美观的设计
  • 避免显示任何敏感信息

2. 右键菜单使用场景

描述:展示用户在网页上选中文本,通过右键菜单使用插件优化提示词。

准备方法

  1. 在任意网页(如ChatGPT)选中一段文本
  2. 右键点击,展开上下文菜单
  3. 确保"提示词优化器"选项可见
  4. 截取包含右键菜单的页面区域

要点

  • 选择有代表性的文本内容
  • 确保右键菜单清晰可见
  • 避免选择含个人隐私的内容

3. 优化结果展示

描述:展示提示词优化前后的对比效果。

准备方法

  1. 在输入框中输入一个简单的提示词
  2. 点击优化按钮
  3. 等待优化结果显示
  4. 截取显示原始提示词和优化后提示词的界面

要点

  • 选择有代表性的提示词示例
  • 确保优化效果明显
  • 使用简洁的示例,避免过长的文本

4. 多模型设置界面

描述:展示插件支持多种AI模型的设置界面。

准备方法

  1. 进入插件设置页面
  2. 导航到模型设置选项卡
  3. 确保界面显示多个支持的模型选项
  4. 截取设置界面

要点

  • 不要显示真实的API密钥
  • 确保界面整洁有序
  • 突出多模型支持特性

5. 使用场景示例

描述:展示插件在实际应用场景中的使用效果。

准备方法

  1. 在实际应用场景(如AI绘图网站)中使用插件
  2. 展示优化前后的提示词及生成效果
  3. 截取包含上下文的界面

要点

  • 选择有吸引力的应用场景
  • 确保效果对比明显
  • 避免显示个人账号信息

截图处理建议

  1. 尺寸调整

    • 确保最终图片符合1280x800或640x400像素
    • 保持16:10的宽高比
    • 如需调整尺寸,使用专业图像处理软件避免失真
  2. 视觉优化

    • 适当调整亮度和对比度,确保清晰可读
    • 考虑添加简单的标注或高亮重点功能区域
    • 保持一致的视觉风格
  3. 文件命名

    • 使用描述性文件名(如main-interface.pngright-click-menu.png等)
    • 按顺序编号(如01-main.png02-context.png等)

注意事项

  1. 不要在截图中显示敏感信息(如API密钥、个人邮箱等)
  2. 避免过度编辑或添加不实际存在的功能
  3. 确保截图真实反映插件功能
  4. 考虑不同屏幕尺寸和分辨率的用户体验
  5. 避免使用过多文字说明,让界面直观地传达功能

截图示例

以下是推荐的截图内容安排:

  1. 首张截图:主界面 - 展示整体布局和设计风格
  2. 第二张:右键菜单使用场景 - 展示如何在任意网页使用
  3. 第三张:优化效果对比 - 展示核心功能效果
  4. 第四张:多模型支持 - 展示技术亮点
  5. 第五张:实际应用示例 - 展示实用价值

按照这个顺序,能够全面且有逻辑地向潜在用户展示插件的价值和功能。