一、原型設計工具比較

1.墨刀

適用鄰域

墨刀是一款在線原型設計與協同工具，借助墨刀，產品經理、設計師、開發、銷售、運營及創業者等用戶群體，能夠搭建為產品原型，演示項目效果。墨刀同時也是協作平臺，項目成員可以協作編輯、審閱，不管是產品想法展示，還是向客戶收集產品反饋，向投資人進行Demo展示，或是在團隊內部協作溝通、項目管理 。

優點

1.組件：豐富，供不應求。每一個組件又細分到：組件、圖標、圖片、和頁面。Axure只有單一的組件可供選擇，更多時候需要自己去組合，而墨刀組合分類好的可省去很多時間。素材很多，海量免費使用。
2.幫助中心：從每一個組件、圖標可以鏈接進入其幫助中心，查看使用指南，一條龍服務，非常方便，非常適合初學的新手。
3.由于產品設計團隊都中國的，相對于Axure，比較符合我們的作業習慣，登陸方便 支持網頁登陸。
4.墨刀將帶來全新的設計工具，響應式布局、布爾運算、漸變色填充，甚至是協作，且遠不止此。性能優化實現高并發高可用的協同設計，毫秒級響應，操作體驗更順滑，智能化操作設計，減少繁瑣的操作步驟，提升設計效率。

缺點

需要收費，才使用墨刀；不夠靈活，自由度低；免費內容極少，只能網頁操作，無法離線保存。

2.Axure

適用領域

Axure RP是美國Axure Software Solution公司旗艦產品，是一個專業的快速原型設計工具，讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟件或Web網站的線框圖、流程圖原型和規格說明文檔。作為專業的原型設計工具，它能快速、高效的創建原型，同時支持多人協作設計和版本控制管理。

優點

1.免費，功能強大，交互功能比較強大，處理可以更細節；
2.有強大的編輯功能, 使得制作素材庫會更便捷一點，更快的復制粘貼，素材庫和原型庫會多一些，有較為完善的管理功能；
3.可以項目共享，使得同事間可以同步工作，并保留所有工作歷史，并可以隨時到處歷史版本的項目文檔。

缺點

使用需要安裝；保存在本地，安全性較差；操作繁瑣，而且文件一大就容易卡死。

3.Mockplus（摹客）

適用領域

摹客（Mockplus）是成都摹客科技有限公司旗下設計協作品牌，專注于一站式的產品設計和協作平臺，為產品開發團隊提供全流程協作、高保真設計和設計規范管理支持。摹客可以自產出高保真設計，支持多款主流設計工具（Sketch/PS/XD/Axure等）的設計稿交付，團隊成員在產品、設計到開發的各個工作環節，利用多種設計工具，都能使用摹客平臺協同工作。

優點

1.Mockplus設計了組件、圖標、收藏、母版的 Tab，切換起來很方便。
2.做原型，交互簡單，只需拖曳就可以，更快更簡單
3.功能多樣，組件資源豐富

缺點

手機預覽偶爾會出現閃退且不清晰；不支持鼠標懸停，日歷表組件是靜態的；不支持手勢交互。

二、原型設計

1.主題名稱

在線聽歌--滴愛音樂

2.功能

1.用戶可查看收藏歌單及本地下載歌單
2.查看個人賬號積分，積分可兌換禮品
3.用戶在會員中心選擇是否充值會員，可查看會員有效期

3.界面設計考慮因素

1.界面簡單，用戶查看通俗易懂
2.界面布局合理，圖文結合，適當美觀
3.用戶可按照自己的喜好更改界面外觀主題

4.切換界面

我的頁面

• 界面功能
  • 查看積分
  • 查看會員
  • 查看收藏及本地下載歌單
• 界面組成
  • 頁面切換項
  • 收藏歌單
  • 積分中心
  • 會員中心
• 前置條件
  • 登錄軟件，切換到“我的”界面
• 后置條件
  • 選擇需要進入的界面，點擊選項
• 操作步驟
  • 點擊“積分中心”，進入查看積分
  • 點擊“會員中心”，進入查看會員有效期以及更換主題
  • 點擊“收藏”，可進入收藏歌單列表

積分中心頁面

• 界面功能
  • 領取積分功能
  • 積分兌換禮品功能
  • 查看積分兌換訂單功能
• 界面組成
  • 頁面返回鍵
  • 頭像和積分信息
  • 能領取積分的各項任務
  • 可兌換的禮品
• 前置條件
  • 在“我的”界面，點擊進入“積分中心”
• 后置條件
  • 返回“我的”界面
  • 領取積分，查看獲得積分的更多任務
• 操作步驟
  • 點擊界面左上角的箭頭，返回到“我的”
  • 點擊“領積分”，領取積分

會員中心頁面

• 界面功能
  • 查看會員有效期功能
  • 選擇是否續費會員功能
• 界面組成
  • 頭像、用戶名
  • 會員等級徽章
  • 界面返回項
• 前置條件
  • 在“我的”界面，點擊進入“會員中心”
• 后置條件
  • 選擇續費會員
  • 改變主題裝扮
• 操作步驟
  • 點擊界面左上角的箭頭，返回到“我的”
  • 點擊“立即續費會員”，續費會員

我的收藏頁面

• 界面功能
  • 查看、播放收藏歌單里的音樂
  • 搜索功能
• 界面組成
  • 歌曲名稱及歌手
  • 音樂播放滾動條
  • 頁面返回項
  • 搜索按鈕
• 前置條件
  • 在“我的”界面，點擊進入“收藏”
• 后置條件
  • 選擇播放收藏的音樂
  • 對想聽的歌曲進行搜索
  • 返回“我的”
• 操作步驟
  • 點擊界面左上角的箭頭，返回到“我的”
  • 點擊任意一首歌曲播放音樂
  • 點擊搜索按鈕，進入搜索界面

5.界面交換流程

首先進入我的頁面，用戶按自己想法分別選擇進入任何一個頁面。選擇點擊“積分中心”，則進入積分中心查看積分、領取積分或用積分兌換禮物；選擇點擊“會員中心”，則查看會員有效期；選擇點擊“收藏”，則進入收藏歌單，播放歌單里的音樂或者進入搜索界面，搜索歌曲。所有界面都有返回鍵，可返回到上一個頁面。