第一次结对编程作业

本博客分享了使用AxureRP8和Adobe Photoshop CC 2018设计游戏界面的经验,包括原型设计流程、界面风格选择、素材制作与优化,以及团队合作中遇到的问题与解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

PART1 结对成员

  • 钟博 学号: 031702644
  • 林得翔 学号: 031702643

PART2 原型分析

  • 开始登陆界面

    1331361-20190924205647659-1073168748.png
  • 注册界面

    1331361-20190924205738516-862451603.png
  • 当前对战界面(牌堆的略缩图可以点开看自己具体的牌,中间有本轮可出牌的剩余时间,右上角有设置按钮)

    1331361-20190924205807112-1811820674.png
  • 对战结束后的结算画面

    1331361-20190924205833926-1738923210.png
  • 这是对战界面观看自己的牌的略缩图点开后,可以看到自己手上具体有哪些排,并对牌排序组合操作

    1331361-20190924205913688-857698527.png
  • 打开暂停界面,进行设置还有观看自己战绩的操作

    1331361-20190924210124839-21497931.png
  • 打开主菜单进行设置还有观看历史战绩等操作

    1331361-20190924210240148-824850391.png
  • 打开历史战局查看胜负以及其他详细数据

    1331361-20190924210332651-344573737.png
  • 查看当前对战情况,以便自己做出策略

    1331361-20190924210435827-206929090.png
  • 从战绩里打开,观看详细数据,看自己以前战局里出了什么牌

    1331361-20190924210528401-157677597.png
  • 天梯榜!所有大佬的梦想,竞技游戏的核心!

    1331361-20190924210631577-681172013.png

PART3 开发工具说明

  • 我们这次的原型设计用的是Axure Rp 8.0工具,辅助工具(资源素材制造)用的是ps软件Adobe photoshop cc 2018版,还有万能的百度

PART4 结对讨论图片

1331361-20190924211142375-1707796436.jpg

PART5 psp表格

PSP2.1Personal Software Process Stages预估耗时(分钟)实际耗时(分钟)
Planning计划3040
Estimate估计这个任务需要多少时间360540
Developm开发
Analysis需求分析(包括学习新技术)300420
Design Spec生成设计文档3030
Design Review设计复审1010
Coding Standard代码规范(为目前的开发制定合适的规范)
Design具体设计60120
Coding具体编码
Code Review代码复审
Test测试(自我测试,修改代码,提交修改)
Reporting报告6090
Test Report测试报告3030
Size Measurement计算工作量1010
Postmortem & Process Improvement Plan事后总结,并提出过程改进计划3030
合计9201320

PART6 设计说明

  • 设计的开始,我们拟了一个大概的设计流程,以及我们需要设计什么界面,然后就是去网上找素材进行制作,我们的页面设计是走的中国风的系列,因为个人偏爱古风,所以绝大多数素材都是和古风相关的,在贴切主题的同时,让打牌的界面元素和打牌结合起来也是费了些心思。还有就是按钮的链接设置相对图形界面耗时虽然会少一些,但是学习的成本会相对要高一点。
  • 流程图
    1331361-20190924211403443-111906015.png

PART7 遇到的困难及解决

  • 困难描述:对福建十三水的规则不了解。
  • 解决尝试:刚好在做团队展示的时候和其他组员聚在一起打了几局十三水来熟悉规则。
  • 是否解决:基本上已经解决。
  • 有何收获:多了一种休闲娱乐的方式。
  • 困难描述:从未使用过原型设计软件,也不知道原型设计是什么。
  • 解决尝试:为了了解原型设计软件的使用方式,通过百度查找相关的教程和教学视频来学习软件的使用方法和原型设计的概念。
  • 是否解决:已解决。
  • 有何收获:第一次接触原型设计,了解到了Axure RP 8的基本使用方法,学会了原型工具的基本使用方法。
  • 困难描述:对于游戏界面的美术风格在选材上耗时较长,且有部分会有些违和感。
  • 解决尝试:在网上寻找相关的素材与现在已经找到的素材进行比对后,选了一个大致上的美术风格,另外用了PS技术抠图把图片的白边还有杂乱的图片素材抠出来再使用。还有用了PS的调色让色彩对比不会那么明显,消除一些违和感。
  • 是否解决:大体上解决,在选材的过程中找到的素材单列出来效果都还不错,但是组合起来的效果虽然没有完美解决,但是已经让违和感降低了很多。
  • 有何收获:巩固了好久以前学的PS技术,积累了很多古风的素材,同时对原型设计和PS结合设计的流程更熟悉了。

PART8 心得体会

  • 林得翔:这回的作业虽然没有上次个人编程作业那么令人头秃,但是我总觉得是最后的休息。不过总的说来这回作业所使用的Axure RP 8无论是从界面设计还是从流程图制作上来说都是相当方便的。不过想想之后还要通过代码来实现,希望我这次会走得安详一些。
  • 钟博:这回的作业从学习到着手做完是完成得最快乐的一次,看着自己的作品一步一步按自己的计划呈现在自己眼前让我很享受这个过程。一开始也只是想着做个简单的UI就行了,但是当插入背景图片以后就突然萌生了做个中国风的主题的想法,然后就抱着一腔热血和一闪而过的灵光,找了很多素材,但是因为素材之间的违和,不得不一挑再挑甚至用上了许久未用的PS来完成图片的优化。最后一步步看到作品地完成也是有些许欣慰的。但是想到接下来要用代码把它完全地完成,我的肝就隐隐作痛(#滑稽)。

PART9 学习记录

第N周新增代码(行)累计代码(行)本周学习耗时(小时)累计学习耗时(小时)重要成长
1002020熟悉Axure Rp工具,巩固PS
2
3

转载于:https://www.cnblogs.com/kuliangce/p/11580434.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值