1、原型分析
以下采用了NABCD模型进行分析。
(1)N（Need，需求）
用户老刘希望开发一套自动化的出牌系统，需要设计此系统的原型，包括登陆界面、当前对战状态、往期对战状态、往期对战详情、排行榜等界面。
(2)A（Approach，做法）
- 浏览了大量相关的设计图片后，决定采用几何简约风格设计原型。
- 查找相关元素的图片作为参考。
- 利用AI软件绘制扑克牌、游戏背景等元素。
- 利用Axure RP软件设计出整体的原型，在一部分元件中做出交互效果。
HTML链接
原型图截图
流程图：按作业要求分好界面的结构。
登录界面：此部分耗时最久，在背景和游戏名的设计上也特意贴近了几何的风格。
总菜单：让用户切换页面更加方便。
当前对战状态：以扑克牌和账户信息为主，允许4人对战，当前只绘制了两人对战的情形。
往期对战结果：此界面主要显示往期各个用户的得分情况。
往期对战详情：主要显示每一场该账户的具体牌型和得分情况。因为内容较多，牌型采用了作业要求中的缩写符号#$&*。
排行榜：针对积分状况，对进行游戏的各个用户进行排名。
（3）B（Benefit，好处）
操作简单容易，界面简洁易懂。
（4）C（Competitors，竞争）
我方优势：界面简约清晰，功能均满足要求。
我方劣势：一部分元件的设计太过简易，略显单调。
（5）D（Delivery，推广；Data，数据）
目前只是初步原型设计，此部分后续待完善。
2、原型开发工具
Axure Rp、Adobe Illustrator。
3、结对过程
结对成员：
王景弘（博文链接)
陈靖雯（博文链接)
设计过程：
- 初步了解作业要求。
- 两人查找相关资料，经过反复讨论，决定此次设计风格。
- 靖雯负责初步的界面设计，景弘负责提供素材、数据并提出修改意见。
结对照片：
4、PSP表格
| PSP2.1 | Personal Software Process Stages | 预估耗时 (分钟) |
实际耗时 (分钟) |
|---|---|---|---|
| Planning | 计划 | 20 | 20 |
| · Estimate | · 估计这个任务需要多少时间 | 20 | 20 |
| Development | 开发 | 503 | 1036 |
| · Analysis | · 需求分析 (包括学习新技术) | 60 | 480 |
| · Design | · 生成设计文档 | 30 | 10 |
| · Design Review | · 设计复审 | 10 | 3 |
| · Coding Standard | · 代码规范 (为目前的开发制定或选择合适的规范) | 0 | 0 |
| · Design | · 具体设计 | 300 | 540 |
| · Coding | · 具体编码 | 0 | 0 |
| · Code Review | · 代码复审 | 0 | 0 |
| · Test | · 测试(自我测试，修改代码，提交修改) | 3 | 3 |
| Reporting | 报告 | 70 | 43 |
| · Test Report | · 测试报告 | 40 | 30 |
| · Size Measurement | · 计算工作量 | 10 | 3 |
| · Postmortem & Process Improvement Plan | · 事后总结, 并提出改进计划 | 20 | 10 |
| · 合计 | 593 | 1099 |
5、设计说明
本次设计针对“福建十三水”这一游戏制作自动出牌系统的界面，将几何波普风融合在扑克牌中，构图尽量简洁清晰，给玩家不同于常规扑克游戏的视觉体验。色调以红色和黑色为主，辅以灰色和白色。图案元素多为几何图形拼凑而成。所有图案均是使用ai绘制。登录界面的三张几何风的人物图形是参考了微博上的图片，耗时最久，也放在了JQK三张牌中。
6、困难及解决办法
困难描述
本次困难主要在于决定界面的设计风格，还有Axure Rp的使用。
解决尝试
在微博、千图网等处查找大量图片，选择适合的风格。
在慕课网学习了Axure Rp的入门使用。
是否解决
已解决。尝试方法均有效。
有何收获
- 学会使用原型设计工具
- 熟悉了原型设计的概念，完成了一次原型设计
- 学会合作
7、心得
靖雯：之前只是学了一些基础的adobe软件使用，并没有实际操作过。通过本次作业，我完成了第一次原型设计，真实地体会了一把设计的艰难。一开始没有设计思路时有些迷茫，也没有想到会在决定风格和具体设计中大大超出预估时间。但是后来定好风格后，进度就加快了很多，做出成果来还是很开心的。感谢队友的帮助，两个人合作的效率远远大于一个人的孤军奋战。这次作业让我感受到自己在设计方面还十分薄弱，要继续学习UI设计。
景弘：这是我第一次真真正正地开始准备一个小有规模的项目，虽然只是一个打牌游戏，但是真的是我学编程以来的一个突破。从一开始的一头雾水到两人合力完成原型设计，共同学习了AxureRP的用法，这个过程比较轻松也算是开了个好头。希望我能再接再厉，与队友好好配合圆满完成作业！
8、学习进度条
| 第N周 | 新增代码（行） | 累计代码（行） | 本周学习耗时（小时） | 累计学习耗时（小时） | 重要成长 |
|---|---|---|---|---|---|
| 1 | 0 | 0 | 18.3 | 18.3 | 学会原型设计工具，完成一次原型设计 |