企业官网建设流程全解析

在做教程、说明书或者产品展示图的时候，给图片添加序号标记是个常见需求。之前一直没找到趁手的工具，最近试了试一款专门做这个的Windows桌面工具，顺手整理下使用心得。

工具能做什么

【图片中添加圆圈序号工具】主要用于给图片添加带形状的序号标记，支持拖拽调整位置、批量处理多张图片等功能。

支持的标注模式

工具提供四种序号模式：

• 连续数字：自动递增1、2、3……，点一下加一个
• 手动输入：每次添加时弹出对话框让你输入具体数字
• 字母A-Z：自动使用字母序号，A、B、C……循环
• 自定义文本：可以输入任意文字作为标注内容

形状与样式选择

支持的形状：圆形、矩形、菱形、圆角矩形。

样式参数可以分别设置：

• 形状大小：20-200px
• 文字大小：10-96px
• 边框宽度：1-15px
• 边框颜色、填充颜色、文字颜色：三个颜色可以独立设置
• 字体选择：支持系统安装的各种字体

所有参数都通过滑块或颜色按钮调整，所见即所得。

交互操作

工具支持完整的交互操作：

• 点击添加：在预览区点击即可添加标注
• 拖拽调整：直接拖拽标注可以调整位置
• 双击编辑：双击已有标注弹出编辑对话框，可以修改内容或样式
• 撤销/重做：Ctrl+Z撤销，Ctrl+Y重做
• 方向键微调：选中标注后用方向键可以精确移动1px
• Delete删除：删除选中的标注

批量处理

工具支持将当前标注批量应用到多张图片：

1. 先在一张图上添加标注作为模板
2. 点击"批量处理"按钮
3. 添加要处理的图片
4. 设置输出文件名后缀和格式
5. 开始处理

批量处理时，标注会保持原模板中的位置和样式，自动套用到每张图片上。

标注数据保存

标注可以导出为JSON文件，下次打开同一张图时可以直接导入继续编辑，不用重新添加所有标注。

基本操作流程

1. 点击"选择图片"或直接拖入图片
2. 选择标注模式和形状
3. 设置大小、颜色等样式
4. 点击"开始添加"，在预览区点击添加标注
5. 拖拽调整位置，双击编辑个别标注
6. 完成后点击"保存图片"

适合什么人用

总结下来，这个工具比较适合：

• 做教程、说明书需要标注步骤的人
• 给产品图加编号的电商运营
• 做地图、示意图需要标注位置的人
• 需要给截图加编号说明的各种场景

操作上没什么门槛，样式设置也比较直观。有这方面需求的朋友可以试试。