原型設計工具比較及實踐

2022-09-07 16:30:16 字數 1962 閱讀 4694

一、對比分析墨刀、axure、mockplus等原型設計工具的各自的適用領域及優缺點(至少3條)。

墨刀 優點:

1.操作效率高,易於上手。

2.動效豐富。

4.可自動生成頁面流程圖。

缺點:2.免費版對於專案數量、頁面數量有限制。

3.頁面流程圖不能自由操作。

axure 優點:

1.有強大的編輯功能, 使得製作素材庫會更便捷一點。

2.更快的複製貼上,素材庫和原型庫會多一些。

3.可以專案共享,使得同事間可以同步工作,並保留所有工作歷史,並可以隨時到處歷史版本的專案文件。

缺點: 1.正版的axure售價高,學生等群體可能負擔不起。

2.動態面板和中繼器較為複雜,要完全弄懂也需要一定的時間成本,學習成本高。

3.axure只支援在本地設計

mockplus 優點:

1.基礎版免費使用,操作簡單,上手快,互動簡單(只需拖曳就可以),功能多樣,元件資源豐富,預覽方式和匯出型別多樣,支援團隊協作。

2.有原型演示,可以幫助前端設計師、後端程式設計師更好地理解你的原型產品。

3.mockplus有元件庫和圖示庫,介面設計較為方便。

缺點:1.不支援滑鼠懸停,手機預覽不是很清楚,日曆表元件是靜態的。

2.**功能還需要完善。

二、原型設計中的低保真和高保真是什麼意思?

低保真:當我們明確了產品的業務需及使用場景以後,產品經理和互動設計師們可以使用低保真原型來較快的設計產品的概貌。產品經理和互動設計師們通過專案早期階段已經明確了產品的功能需求及業務範圍,基本上已經知道了產品需要做什麼。根據業務會議上確定的產品方案,首先需要梳理清楚產品的功能結構和資訊結構,根據業務需求推導出詳細的功能點。好了,通過這些工作產品的戰略目標、需求範圍、功能結構都已經清楚了。線框圖又稱為低保真原型。

高保真:高保真原型常用於向高層領導進行產品演示或者向投資人演示產品概念,以尋求專案融資。高保真原型又可以成為產品的demo,除了沒有真實的後台資料進行支撐外,幾乎可以模擬前端介面的所有功能,完全是乙個高仿產品。對於一些非it科班出身的高層領導、老闆及投資人,如果我們希望他們能夠盡可能詳細的了解產品的功能及業務需求,這個時候低保真原型並不一定使用,因為他們總是能夠從低保真原型中找到一些他們不理解的「問題」。因此在這個時候,他們希望看到的是乙個無線接近線上產品的高仿demo,從視覺顯示以及互動動作上都和真實產品大致相同。高保真原型需要在低保真的基礎上進行配色,插入真實的及icon圖示。這樣從視覺顯示及互動設計來看,就是乙個完全高仿的demo原型。

主題:雲**

切換介面:

主頁

我的頁

搜尋頁

搜尋結果頁

歌單頁頁面說明

頁面介面功能

介面組成

前置條件

後置條件

操作步驟

主頁功能導航

無進入各項功能

點選各項功能

我的頁回到主頁、顯示個人聽歌記錄

點選我的

搜尋頁按照歌曲及相關資訊進行搜尋

搜尋結果頁

獲得搜尋後的結果

回到主頁、進入歌詞頁

點選主頁、點選歌曲封面

歌詞頁顯示歌詞

點選歌曲封面

點選主頁、點選歌詞部分

歌單頁顯示歌單

點選歌單按鈕

原型設計工具比較及實踐

原型設計工具比較及實踐 我們經常在不同的背景裡看到 原型 這個詞。由此,我們很可能已經混淆它的真正含義。優點 內建豐富原型元件及頁面的素材模式,支援超連結 設定字型 高度 可快速測試ui元素和互動 無需開發,獲取使用者產品體驗反饋 手機直接演示產品互動,感覺更直觀 一鍵分享專案並選擇能見頁面和成員 ...

原型設計工具比較及實踐

一 原型設計工具的比較 1.墨刀 優點 3 分享方便,反饋及時。可以快速分享,快速檢視應用在手機上的效果。反饋回覆很及時,產品改進速度也很快。4 墨刀的學習成本很低,一般大概半天就能掌握所有基礎操作。缺點 2 效果切換採用的是連線的方式,容易給使用者造成錯亂的感覺,影響設計時的體驗。3 如果要使用更...

原型設計工具比較及實踐

墨刀是我最近使用的原型設計工具,作為乙個新手小白,做乙個原型設計,我第一反應就是當然就是看上去簡單的墨刀,可能漢字就這麼神奇吧,冥冥之中的感覺。我使用墨刀做了乙個簡單的老年手機原型設計,總體感覺還不錯,後面會詳細說說我的這個原型。經過我的使用我總結了墨刀這麼幾個優點 1.容易上手,介面很簡單明瞭一些...