结对情况:
原型分析:
作业要求:开发一套自动化的出牌系统
大致想法:见流程图
![](https://s2.ax1x.com/2019/09/24/uFraJx.png)
具体界面:
登录界面:输入账户以及对应的密码后点击“登录”进入下一个界面,如若没有账号则点击“注册”,遗忘密码则点击“忘记密码”。
![](https://s2.ax1x.com/2019/09/24/uATmkt.png)
主界面:主界面左上角为个人头像,右上角分别有玩法说明、往期对战、排行榜和退出,可分别链接到不同的界面。点击中下方“开始游戏”可进入对战界面。
![](https://s2.ax1x.com/2019/09/24/uFds1g.png)
对战界面:对战界面会先显示手上拥有的牌型,然后每次单机鼠标会根据后台的算法按照前墩、中墩、后墩的顺序进行出牌,有牌型名称的会在牌型提示行进行加深表示。
![](https://s2.ax1x.com/2019/09/24/uFB8pT.png)
![](https://s2.ax1x.com/2019/09/24/uFweC8.png)
![](https://s2.ax1x.com/2019/09/24/uFwuvQ.png)
![](https://s2.ax1x.com/2019/09/24/uFwQDs.png)
![](https://s2.ax1x.com/2019/09/24/uFDwrQ.png)
往期对战情况:将玩家的每一轮成绩进行统计,并且按照顺序进行排名,详情会链接至每一局的对战请详情。
![](https://s2.ax1x.com/2019/09/24/uF0DyQ.png)
对战详情:记录对手、对战时间、一轮中每一局的战况,包括局号、个人牌型、得分。
![](https://s2.ax1x.com/2019/09/24/uF06wn.png)
排行榜:记录玩家所有轮游戏过后的成绩情况。
![](https://s2.ax1x.com/2019/09/24/uF0LY6.png)
玩法说明:对十三水规则进行简单的描述。
![](https://s2.ax1x.com/2019/09/24/uF0x6e.png)
原型模型设计工具:
Axure Rp
![](https://s2.ax1x.com/2019/09/24/uFBu0s.png)
结对讨论:
我们俩是舍友嘛,基本上都是同框出现,默契度还是很可以的,所以就自然而然组成一对了!
![](https://s2.ax1x.com/2019/09/23/uFE7Os.jpg)
PSP表格:
PSP2.1 | Personal Software Process Stages | 预估耗时(分钟) | 实际耗时(分钟) |
---|---|---|---|
Planning | 计划 | 30 | 30 |
Estimate | ·估计这个任务需要多少时间 | 30 | 30 |
Development | 开发 | 280 | 240 |
Analysis | 需求分析 (包括学习新技术) | 180 | 120 |
Design Spec | 生成设计文档 | 90 | 100 |
Design Review | 设计复审 | 10 | 20 |
Coding Standard | 代码规范 (为目前的开发制定合适的规范) | ||
Design | 具体设计 | ||
Coding | 具体编码 | ||
Code Review | 代码复审 | ||
Test | 测试(自我测试,修改代码,提交修改) | ||
Reporting | 报告 | 55 | 55 |
Test Repor | 测试报告 | ||
Size Measurement | 计算工作量 | 10 | 10 |
Postmortem & Process Improvement Plan | 事后总结, 并提出过程改进计划 | 45 | 45 |
合计 | 365 | 325 |
设计说明
其实我们组的两个人平时对于线上纸牌游戏就不太关注,了解也就比较少,所以在设计之初搜寻了很多类似的游戏界面。但是看多之后发现这些界面基本上都是“澳门赌场美女在线性感发牌”的风格,我们两个女生就觉得不太行。一开始想做反差比较大的一个简洁的版本,但是大致完成之后觉得效果实在是欠佳。最后选定了现在这种偏古风的背景,整体的设计风格是比较沉稳的深色系,希望能够给使用者一个比较不一样的体验感。
遇到的困难及解决方法。
困难描述
- 两个人都是十三水零基础,在设计玩法界面之前要先学会打牌。
- 对于新软件Axure RP的使用。
- 确定界面的风格和样式,尤其是配色方面如果做到符合主题又不显得突兀。
解决尝试
- 对着助教发的规则,然后面向百度百科进行十三水的玩法学习。
- 大概上网搜寻了一下Axure RP的使用方法,然后针对自己的英语水平装了个汉化包,开始研究使用方法。
- 先是用调色板拼一拼好看的颜色,后来觉得这样不太可行,所以重新上网找了符合主题的背景图。
是否解决
- All solved!
有何收获
- 面向百度的学习还是挺不错的,上手速度还是比较客观的。
- 对于新软件一定不要对自己的英语水平过分自信,汉化包该装的还是要本本分分老老实实地装。
- 认识了一个新的美工软件,也算是一个新的尝试和体验。
- 和队友的沟通和默契真的很重要!
设计心得:
- 秋琴:一开始看规则的时候觉得福建十三水真的好难啊!(后面完了两把之后觉得真上头!),顺带享受了一把玩牌的时候可以很光明正大的和别人说我这是为了完成作业(哈哈哈)。 使用Axure设计原型的时候,一开始自己尝试着把一些框框和按钮组合在一起。做出来一个界面之后觉得好丑啊。不禁感慨原来不止有直男审美,让女生来设计UI的时候也会有特难看的时候。原本做完所有的界面以后,想加点其他的东西美化一下的,但是奈何实在是找不到元素添加进去毫无违和感的那种,所以就保持了现在这个样子。 我觉得不管后面做不做的出来,起码体验了一把UI设计(之前都是凭感觉写界面的我),我觉得真的比之前好看很多了。后面能不能实现再说,但是美了一把。感觉后面的路任重而道远啊!
- 雅辉 :这次看看到题目内心终于没有那么崩溃了——因为我之前就知道十三水是什么(而且刚被C++伤害的我这次不用写代码简直不要太快乐)。虽然说不会打,但是学起来还是很容易的。这次是我第一次接触界面设计,然后我发现我自己好像还有点小喜欢,和队友一起删删改改也挺快乐的。不得不说第一眼看到的觉得不错的配色,放进去也有可能会很丑。
以后不乱嫌弃别人的界面丑了目前的界面想不到还能加点什么了,等后面再看看吧!
学习进度条:
第N周 | 新增代码(行) | 累计代码(行) | 本周学习耗时(小时) | 累计学习耗时(小时) | 重要成长 |
---|---|---|---|---|---|
1 | 0 | 0 | 6 | 6 | 上手Axure RP,基本设计好界面 |