使用墨刀進行原型設計總結
墨刀是一個原型設計軟體,在本次系統分析課程的電影售票應用泡影APP的原型設計中我們使用了它。雖然可能功能沒有那麼完整,但已經基本夠用。目前墨刀分為網頁版和用戶端,網頁版可以直接使用,用戶端在網頁版的功能的基礎上增加了諸如可以随時提取頁面中某一顔色然後應用于對應控件等小功能。
下面我們以網頁版墨刀為例來進行使用總結:
一、建立新的應用
通路墨刀官網,登入之後會看到如下的頁面:
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIyVGduV2QvwVe0lmdhJ3ZvwFM38CXlZHbvN3cpR2Lc1TPB10QGtWUCpEMJ9CXsxWam9CXwADNvwVZ6l2c052bm9CXUJDT1wkNhVzLcRnbvZ2Lc1TPBFGd4dFZ6x2MjZXUYpVd1kmYr50MZV3YyI2cKJDT29GRjBjUIF2LcRHelR3LcJzLctmch1mclRXY39zMzMjMwEzM0ETMxYDM3EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
點選右上方的建立應用,可以選擇不同的模闆和裝置類型,填寫應用名稱之後即可完成應用的建立,比方說上圖的泡影就是我建立的一個應用,然後我們可以随時編輯應用或者與他人共同編輯和分享應用。
二、編輯應用
點選我們建立的對應應用進行編輯,進去之後會看到下圖,其分為菜單欄、元件欄、編輯欄和預覽排列欄幾個部分。最左邊是元件欄,我們可以在這裡選擇需要的元件,然後拖拽到中間編輯欄中進行設計;中間編輯欄裡可以對選取的元件進行編輯;右邊是預覽排列,就是最終我們看到的頁面的基本排列。
1、元件使用
如圖,我們把左邊元件欄中的一些元件拉到這個中間的編輯欄,通過輕按兩下對應的元件進行文字或者顔色的編輯:
2、頁面管理
對于頁面的管理,我們可以在最右邊的頁面管理欄進行建立或者複制頁面,這樣我們的原型也可以在不同頁面之間跳轉,如下圖所示是一個原型部分頁面樹圖:
墨刀使用總結使用墨刀進行原型設計總結三、導出下載下傳圖檔或者安裝包四、運作分享應用
3、頁面跳轉
如果要進行頁面之間的跳轉,可以點選元件,然後拉動元件旁邊的超連結的樣式圖示到相應頁面即可執行進行頁面跳轉功能,如下圖所示:
三、導出下載下傳圖檔或者安裝包
點選頁面上方的下載下傳圖示,具體如下圖所示:
四、運作分享應用
點選頁面上方的運作圖示即可運作編輯的應用,而後在運作頁面右方通過分享圖示可以生成分享連結,如下圖所示: