實驗一原型設計-汽水音樂app

好不好123發表於2024-04-19

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

  1. 墨刀
    • 適用領域:主要專注於app原型設計,適合高保真原型、複雜多互動專案以及安卓/ios端專案。
    • 優點:操作效率高,易於上手,特別適合設計移動應用的互動原型。
    • 缺點:在後臺和網頁設計方面稍顯乏力,歸檔能力不足,輸出形式更偏向於連結和二維碼,不能直接以文件形式輸出。
  2. Axure1
    • 適用領域:廣泛適用於視覺稿、高保真原型、大型複雜專案、Web線框圖以及網頁原型的設計。
    • 優點:功能強大,編輯效率高,支援豐富的互動設計,可以專案共享,使得團隊成員間可以同步工作,並保留所有工作歷史,支援隨時匯出歷史版本的專案文件。
    • 缺點:正版售價較高,可能不適合學生等預算有限的群體;動態皮膚和中繼器等高階功能學習成本較高,需要一定時間掌握;只支援在本地進行設計,可能不適用於所有團隊的工作流程。
  3. Mockplus
    • 適用領域:適用於中低保真原型、快速原型、WEB/移動端/平板原型、線框圖和視覺稿的設計。
    • 優點:基礎版免費使用,操作簡單易上手,功能多樣且實用,支援團隊協作和審閱,預覽方式多樣,包括無縫真機預覽,適合快速開發迭代的模式。模版管理、元件互動動畫、素描風格等功能為獨有創新。
    • 缺點:不支援手勢互動,可能在某些互動設計方面受到限制;雖然功能多樣,但相較於其他高階工具可能在專業性和細膩性上稍遜一籌。

二、使用摹客進行汽水音樂原型設計
1.主題名稱
汽水音樂
2.功能介紹
• 音樂播放和控制。採用上下滑屏的方式切換歌曲,這種操作方式與抖音短影片類似。播放介面設計簡潔,上方展示音樂名稱和歌詞,背景支援靜態或動態影片。
• 播放控制區域。包含點贊、評論、轉發等基本互動功能,以及音樂本地下載和曲庫列表。
• 音樂推薦和搜尋。透過AI推薦智慧曲庫,向使用者推送個性化的音樂內容。搜尋介面提供推薦歌曲和歌單,滿足使用者發現新音樂的需求。
• 特效功能。擁有獨特的“嗨聽模式”,該模式根據音樂節奏在播放介面顯示閃爍等特效,提升聽歌體驗。
• 賬戶系統和同步。支援手機驗證碼登入,新使用者可獲得2個月VIP會員資格。賬戶資訊與抖音賬號同步,允許使用者將抖音上收藏的歌曲自動生成歌單,反之亦然。
• VIP服務。提供無損音質和付費歌曲下載許可權。
• 此外,還有睡眠模式、隱藏設定、檢視專輯等功能,可提升使用者體驗。使用者還可以將當前播放的音樂新增到不同的歌單中。
3.介面設計考慮因素
在視覺設計上,汽水音樂最大的特點是簡約,首頁下方只有音樂、發現、我的三個模組,對於只是單純需要聽音樂的使用者更友好。選擇音樂風格這裡,用了懸浮氣泡,大小不一暗示音樂風格獨一無二,符合產品潮流的定位。


-- 介面演示
1.登入
介面功能:登入介面顯示多種登入方式以及服務條款項
介面組成:本機號碼一鍵登入、其他手機號碼登入
前置條件:開啟軟體
後置條件:與手機號碼關聯或者輸入一個手機號碼
操作步驟:點選“本機號碼一鍵登入”按鈕進入

2.發現
介面功能:能夠進行頁面滑動和區域性頁面滾動,滾動頁面時有上下浮窗固定展示,圖片輪播,實現播放音樂和搜尋功能以及互動頁面跳轉功能
介面組成:歌單漫遊、搜尋欄、圖示、圖片、發現、音樂、我的
前置條件:登陸成功預設進入發現介面
後置條件:選擇喜歡的音樂進入下一個介面
操作步驟:點選我的按鈕

3.音樂播放
介面功能:可以實現播放音樂,更換音樂模式,圖片旋轉互動,進度條滾動功能
介面組成:圖示、圖片、文字、皮膚、內容皮膚、互動
前置條件:選擇喜歡的音樂進入播放音樂介面
後置條件:選擇喜歡的音樂模式可以對音樂進行收藏
操作步驟:點選我的按鈕

4.設定
介面功能:設定介面顯示多種設定方式
介面組成:播放和下載模組、賬號與隱模組、使用相關模組、關於模組
前置條件:音樂賬號已經登入成功
後置條件:找到播放和下載模組
操作步驟: 點選“定時關閉”按鈕進入

5.定時關閉
介面功能:定時關閉介面顯示關閉限定時間,或者關閉定時關閉功能
介面組成:返回鍵、關閉、10分鐘、20分鐘、30分鐘、60分鐘、90分鐘、播完整首後
前置條件:進入定時關閉設定模式
後置條件:選擇一個時間來定時關閉音樂或點選關閉
操作步驟:點選“關閉按鈕”

6.介面切換流程圖

** 三、演示連結**
https://rp.mockplus.cn/rps/RVrjofRmA2/ymZEno3yVE? 請檢視《汽水音樂app》

相關文章