音樂軟體原型

haohaoaaaa發表於2024-04-12

對比分析墨刀、Axure、Mockplus等原型設計工具的各自的適用領域及優缺點。
答:

  1. 適用領域
    墨刀:適合移動端原型設計,尤其是 APP 原型設計。
    Axure:適合 Web 端原型設計,也可以用於 APP 原型設計。
    Mockplus:適合 Web 端和移動端原型設計,尤其是快速原型設計。
  2. 優點
    墨刀:操作簡單,上手容易,適合初學者;有豐富的元件庫和模板,可以快速建立原型;支援線上協作和分享。
    Axure:功能強大,支援複雜的互動設計和動畫效果;有豐富的元件庫和模板,可以快速建立原型;支援多人協作和版本控制。
    Mockplus:操作簡單,上手容易,適合初學者;有豐富的元件庫和模板,可以快速建立原型;支援線上協作和分享;可以快速生成 HTML 程式碼。
  3. 缺點
    墨刀:不支援複雜的互動設計和動畫效果;元件庫和模板相對較少。
    Axure:學習成本較高,需要一定的時間和精力去學習;不支援線上協作和分享。
    Mockplus:不支援複雜的互動設計和動畫效果;元件庫和模板相對較少。

主題名稱:音樂軟體app
功能組成:

  1. 能夠進行聽歌
  2. 能夠在外部資料夾中匯入歌曲
  3. 能夠看到直播
  4. 可以點選分日嚐鮮根據你的喜好每天推薦給你30首歌曲

介面設計考慮因素:

  1. 主頁面:底部新增我的、音樂、發現三個按鈕,能夠快速返回你想去的介面
  2. 發現介面:設有導航條,包含音樂電臺、正在直播、歌單漫遊等主要功能入口
  3. 我的介面:設計一個個人中心展示頁面,展示自己喜歡的音樂、並且頁面設有按鈕,包括歌單、下載、上傳等簡潔明瞭
  4. 上傳歌曲:設計了一個匯入歌曲的的功能入口,可以從本地資料夾匯入歌曲
  5. 直播頁面:設計一個直播頁面、展示了正在直播的音樂節目和主播資訊、彈幕等
  6. 介面風格:根據音樂軟體的特點,設計一個簡介、美觀、的介面風格

下面我將提供四個切換介面,並且對每個介面提供介面功能,介面組成,前置條件,後置條件,操作步驟簡單說明

  1. 開啟軟體頁面

    介面功能:向使用者展示該音樂軟體的圖示
    介面組成:音樂圖示,軟體的名字,深綠色背景
    前置條件:開啟app
    後置條件:跳轉到主介面
  2. 主介面

    介面功能:上下滑動能夠切換歌曲、並且能夠觀看直播、進行模式選擇、可以關注音樂博主、可以搜尋歌曲、將歌曲新增為喜歡、分享,還可以切換到發現介面和我的介面
    介面組成:歌曲的專輯封面、搜尋圖示、發現介面圖示、我的介面圖示、分享圖示、新增到我的喜歡圖示、歌曲進度條圖示、模式切換圖示
    前置條件:首頁面結束
  3. 發現介面

    介面功能:能夠進入音樂電臺,並且音樂電臺下有曲風供使用者選擇,能夠進入歌曲漫遊,聽每日嚐鮮等
    介面組成:一些新穎的模組化的圖片、並且由搜尋圖示,以及底部導航欄
    前置條件:點選底部導航欄的發現
  4. 直播介面

    介面功能:能夠跟音樂博主進行交流、刷禮物、點紅心關注,以及退出直播間
    介面組成:底部對話方塊、退出直播間按鈕、關注按鈕、送禮物按鈕、點紅心按鈕、以及“更多”按鈕
    前置條件:點選正在直播的任何一個人的頭像
  5. “我的”介面

    介面功能:能夠檢視資料、檢視訊息、點選設定、檢視我喜歡的音樂、匯入歌曲
    介面組成:自己的頭像、自己的資料內容、設定按鈕、中間部分導航條以及底部導航條
    前置條件:點選底部導航條的“我的”
  6. 上傳頁面

    介面功能:能夠檢視已經匯入的歌曲、能夠返回上一個頁面、還能進行匯入
    介面組成:匯入按鈕。返回按鈕
    前置條件:點選“我的”介面中的“上傳”
  7. 選擇資料夾頁面


    介面功能:能夠選擇資料夾匯入、能夠返回上一層介面、可以進行匯入
    介面組成:匯入按鈕、返回按鈕、資料夾
    前置條件:點選上傳介面的匯入
  8. 匯入成功介面

    介面功能:顯示文字匯入成功或匯入失敗
    介面組成:匯入按鈕、提示框
    前置條件:點選選擇資料夾頁面的匯入

相關文章