以下采用了NABCD模型进行分析。
用户老刘希望开发一套自动化的出牌系统，需要设计此系统的原型，包括登陆界面、当前对战状态、往期对战状态、往期对战详情、排行榜等界面。
HTML链接原型图截图流程图：按作业要求分好界面的结构。
登录界面：此部分耗时最久，在背景和游戏名的设计上也特意贴近了几何的风格。
总菜单：让用户切换页面更加方便。
当前对战状态：以扑克牌和账户信息为主，允许4人对战，当前只绘制了两人对战的情形。
往期对战结果：此界面主要显示往期各个用户的得分情况。
往期对战详情：主要显示每一场该账户的具体牌型和得分情况。因为内容较多，牌型采用了作业要求中的缩写符号#$&*。
排行榜：针对积分状况，对进行游戏的各个用户进行排名。
操作简单容易，界面简洁易懂。
我方优势：界面简约清晰，功能均满足要求。 我方劣势：一部分元件的设计太过简易，略显单调。
目前只是初步原型设计，此部分后续待完善。
Axure Rp、Adobe Illustrator。
结对成员： 王景弘（博文链接) 陈靖雯（博文链接) 设计过程：
初步了解作业要求。两人查找相关资料，经过反复讨论，决定此次设计风格。靖雯负责初步的界面设计，景弘负责提供素材、数据并提出修改意见。结对照片：
本次设计针对“福建十三水”这一游戏制作自动出牌系统的界面，将几何波普风融合在扑克牌中，构图尽量简洁清晰，给玩家不同于常规扑克游戏的视觉体验。色调以红色和黑色为主，辅以灰色和白色。图案元素多为几何图形拼凑而成。所有图案均是使用ai绘制。登录界面的三张几何风的人物图形是参考了微博上的图片，耗时最久，也放在了JQK三张牌中。
本次困难主要在于决定界面的设计风格，还有Axure Rp的使用。
在微博、千图网等处查找大量图片，选择适合的风格。 在慕课网学习了Axure Rp的入门使用。
已解决。尝试方法均有效。
靖雯：之前只是学了一些基础的adobe软件使用，并没有实际操作过。通过本次作业，我完成了第一次原型设计，真实地体会了一把设计的艰难。一开始没有设计思路时有些迷茫，也没有想到会在决定风格和具体设计中大大超出预估时间。但是后来定好风格后，进度就加快了很多，做出成果来还是很开心的。感谢队友的帮助，两个人合作的效率远远大于一个人的孤军奋战。这次作业让我感受到自己在设计方面还十分薄弱，要继续学习UI设计。
景弘：这是我第一次真真正正地开始准备一个小有规模的项目，虽然只是一个打牌游戏，但是真的是我学编程以来的一个突破。从一开始的一头雾水到两人合力完成原型设计，共同学习了AxureRP的用法，这个过程比较轻松也算是开了个好头。希望我能再接再厉，与队友好好配合圆满完成作业！
转载于:https://www.cnblogs.com/cjw1007/p/11575303.html
相关资源：JAVA上百实例源码以及开源项目