1.打开软件XD，新建【iphone6】尺寸画板，修改命名，添加素材【电池电量条】，在画板上方绘制矩形，调整图层位置，具体如图所示。

2.添加【文字内容】，绘制矩形，添加素材【图片】进行观察，具体如图所示。

3.【Ctrl + R】生成重复网格，添加【文字内容】，调整【文字内容】位置，添加素材图片放进大矩形中，具体如图所示。

4.添加素材【图片】放入网格中，【Alt+鼠标左键】移动复制矩形，绘制圆角矩形，调整【填充色】，添加【文字内容】，具体如图所示。

5.绘制两个矩形条，调整形状位置改变形状，绘制圆形，调整图层位置，完成图标绘制，【Ctrl+G】编组，具体如图所示。

6.选择列表层，【Alt+鼠标左键】移动复制多个列表层，修改列表层素材【图标】和【文字内容】，【Ctrl+G】编组并命名，具体如图所示。

7.选择素材图标图层，【Alt+鼠标左键】移动复制多个素材图标，更改素材【图标】内容，具体如图所示。

8.在画板下方绘制矩形，在【Iconfint】图标库中搜索相应图标，拖拽添加进软件XD，添加【文字内容】，调整图标到相应位置，具体如图所示。

9.通过修改【手柄】图标【锚点】绘制手柄，添加圆形和矩形，调整矩形位置，完成【手柄】图标绘制，具体如图所示。

10.通过修改【任务】图标【锚点】绘制【任务】图标，【Ctrl+D】复制图标，缩小【图标】调整位置，调整【小图标】图层位置，完成【任务】图标绘制，具体如图所示。

11.绘制圆形，调整【填充色】，调整圆形到图标中，【Shift + Ctrl + [】置于底层，完善画面细节，具体如图所示。

12.完善画面细节，完成绘制，【Ctrl + E】导出所选内容，最终效果如图所示。