原型設計工具 墨刀

2022-09-04 09:42:07 字數 2406 閱讀 8445

什麼是原型?

原型設計工具——墨刀

介面介紹

使用流程

建立應用

編輯應用

特點原型,即產品草圖。

從產品流程來看,將想法形成草圖原型,原型再由設計師形成效果圖,程式設計師們根據需求和效果圖開發,出來的軟體樣子就是和效果圖差不多。原型在過程中就是產品最終形態的骨架。

換乙個角度理解,原型是產品經理人員將文字化的需求轉換成圖形稿,是設計方案的表達,是產品經理的重要產出物之一,是專案團隊參考,評估的重要依據。它是產品功能與內容的示意圖,是最終產品的雛形。

墨刀是一款原型設計軟體,目前墨刀分為網頁版和客戶端,網頁版可以直接使用,客戶端在網頁版的功能的基礎上增加了諸如可以隨時提取頁面中某一顏色然後應用於對應控制項等小功能。

墨刀內建了很多元件庫,可以從右側直接拖拽進行使用,對介面上的元件雙擊可以修改該元件的多種屬性。

墨刀自帶了很多教程,對多種功能都有詳細的介紹.

如果是第一次進行原型設計,找不到頭緒時,可以前往墨刀的素材廣場,素材廣場中有很多使用者自己上傳的原型分享。

新建乙個應用,選擇應用型別。輸入應用名稱,裝置型別和應用尺寸,點選建立按鈕,完成應用建立。

a.建立底部導航欄

可以直接從元件處搜尋底欄,將元件拖動到畫面中,並對標籤和文字進行修改。

接下來將圖示與文字進行組合,並在狀態列裡新增四個元件狀態,在每種狀態對應情況下,將圖示、文字變為粉色。

退出編輯模式後,右擊將該動態元件轉換為母版

b.頁面跳轉

墨刀有乙個非常有特點的功能,就是通過連線的方式進行頁面之間的跳轉,在應用中選擇任何乙個控制項,或者文字都可以通過新增手勢和頁面切換方式實現頁面跳轉。優點在於操作方便,且比較直觀。缺點是如果頁面複雜,跳轉比較多,會有非常多交叉在一起的線,容易連線出錯

雙擊母版對母版進行編輯,在狀態1下,將圖示與分別對應的頁面相連線。

在狀態2、3、4同理,並退出編輯。

給2、3、4頁面加入母版並選擇為對應狀態,注意頁面高度對齊。

a)操作簡單——簡單拖拽和設定,即可將想法、創意變成產品原型。 

b)演示方便——真機裝置邊框、沉浸感全屏、離線模式等多種演示模式,專案演示效果逼真。

d)      互動簡單——簡單拖拽就可實現頁面跳轉,還可通過互動面板實現複雜互動,多種手勢和轉場效果,可以實現乙個媲美真實產品體驗的原型。 

e)素材庫豐富——內建豐富的行業素材庫,也可建立自己的素材庫、共享團隊元件庫,高頻素材直接復用。

f)       免費版——支援產品設計、工作流、原型預覽、sketch標註外掛程式、移動端演示,可免費建立3個專案,每個專案20個頁面,以及總共50mb素材容量。

a)不適用於pc端,僅限移動端產品原型,互動效果、空間組合、操作面板的選擇上也都不如axure靈活

b)      由於效果切換是採用連線的方式,容易給使用者造成錯亂的感覺,影響設計時的體驗。

原型設計工具 墨刀

一 墨刀簡介 摘自 墨刀官網 二 墨刀功能 素材庫 可以免費想用豐富素材庫,使用和管理個人的素材庫,以及共享團隊素材庫。設計 使用豐富的素材庫,拖拽即可完成介面設計和互動,也可以直接匯入設計稿,並提供多種收集和轉換效果,實現酷炫動效。高效演示及評審 可以直接通過瀏覽器登入使用。無需特意儲存,就可以隨...

原型設計工具 「墨刀」的介紹

產品介紹 1 產品簡介 2 產品logo 3 發展歷史 2017年6月,墨刀推出3.0版本,主打團隊協同方向,從3.0開始,墨刀不再是乙個只給產品經理用的,用來畫產品原型的工具,而是變成了乙個覆蓋整個產品的設計和開發流程,幫助整個產品團隊最大限度的發揮協同效應的團隊協同工具。6月12日,高保真產品原...

墨刀原型設計工具的介紹

2 進入工作區,新建專案,專案中有多種裝置的選擇,如手機 平板 電視 手環等,可以根據自己 的情況選擇相應的裝置。我選擇的是手機。3 可以對介面進行設計了,在右側有多種元件供我們選擇,如果有需要就可以之家拖進手機框中。4 除了元件之外還有介面的新增與刪除。5 經過簡單的操作,得出了如圖所示的主介面。...