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 | 學會原型設計工具，完成一次原型設計 |