第一次结对编程作业

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 学会原型设计工具,完成一次原型设计
posted @ 2019-09-23 22:45  土豆来啦啦啦  阅读(240)  评论(7编辑  收藏  举报