数字华容道01：原型图设计

之前已经介绍了简版数字华容道的程序， 详情请移步 看了《最强大脑》，我决定做这个游戏，其实现了数字华容道的框架设计及算法实现，但是那个太简陋了，今天开始将逐步实现一个完整版华容道的程序，最终的成品应该是一个 APP 样式的，包含了各种完美游戏体验的要素。

环境：

• 系统：Windows 10 64位
• Python版本：3.6.4

使用的工具：

• PowerPoint2016：大家都知道这是一个制作PPT的软件，我用来进行一些素材的设计。
• Axure RP8：它是一款专业的原型设计软件，华容道的所有原型使用它进行设计。
• Sublime Text 3：本文的所有代码使用它进行编写、调试。

1、构思

在做一款软件或游戏之前我们应该想好它要实现的功能，这样才能够设计软件的界面及软件架构。初步构思可能不是那么完美，在后面可能会修改或者增加一些功能。我希望这款游戏所具有的功能有：

• 可以选择游戏的难度，难度分为 3X3 、4X4、5X5、6X6。
• 游戏有背景音乐，并且可以手动关闭。
• 在游戏过程中可以重新开始。
• 游戏记录时间和步数。
• 可以按照时间和步数分别保存各难度前10名的成绩。
• 可以按照时间和步数分别查询各难度的成绩排名。

2、原型设计

根据上面的构思，使用 PowerPoint 进行素材设计、Axure 进行原型设计。

2.1 首页

进入该游戏首页，有“数字华容道”字样，并且有选择难度的按钮，最下面是查看排行榜的按钮。

首页

其中“数字华容道”的图片由 PowerPoint 设计生产。

2.2 主页面

选择难度后进入主页面，主要有以下几部分：

• 左上角是返回按键，该按钮用于返回首页；
• 右上角是音乐开关按钮；
• 中间部分是游戏的主体（所有数字方块），并记录了玩家本局游戏所使用的时间及所走的步数；
• 最下方是“重新开始”的按钮。

主页面

2.3 保存记录对话框

如果玩家顺利完成游戏并且时间或步数成绩进入排行榜，那么就要弹出一个保存记录的对话框，主要包括：

• 本局游戏的成绩；
• 姓名输入框；
• “返回首页”及“确定”按钮。

保存成绩

2.4 游戏结束对话框

如果玩家顺利完成游戏但是时间或步数成绩并没有进入排行榜，那么就要弹出一个游戏结束的对话框，主要包括：

• 本局游戏的成绩；
• “返回首页”及“确定”按钮。

游戏结束

2.5 排行榜页面

如果玩家点击了首页的“排行榜”按钮，页面跳转到“排行榜”页面，主要包括：

• 左上角为返回按键；
• 右上角为游戏难度，用于查看各个难度排行榜；
• 排行榜：可以按时间或按步数查看。