
【基本介紹】
墨刀是一款強大的原型設(shè)計與協(xié)同工具,借助墨刀,產(chǎn)品經(jīng)理、設(shè)計師、開發(fā)、銷售、運營及創(chuàng)業(yè)者等用戶群體,能夠搭建為產(chǎn)品原型,演示項目效果。墨刀同時也是協(xié)作平臺,項目成員可以協(xié)作編輯、審閱 ,不管是產(chǎn)品想法展示,還是向客戶收集產(chǎn)品反饋,向投資人進行Demo展示,或是在團隊內(nèi)部協(xié)作溝通、項目管理【軟件特點】
簡單易用的原型設(shè)計工具無論是 PM 從 0 到 1 繪制原型、還是設(shè)計師導入設(shè)計稿制作交互,都可以快速輕松完成可交互原型。
新增平臺組件,讓工作事半功倍。

多種設(shè)備完美演示
你可以將你的作品分享給任何人,無論在 PC、手機或微信上,他們都能隨時查看最新版本。

工作流文檔生成,關(guān)注產(chǎn)品全局
開發(fā)人員可告別復雜的需求文檔,打開工作流便可看到全局狀態(tài)和注釋,實時同步進度和文檔——工作流成為高效的溝通語言。

在線團隊協(xié)同,多人聚焦討論
產(chǎn)品細節(jié)、新增需求、打點評論清晰可見。制作者可以第一時間收到細節(jié)反饋,方便意見的統(tǒng)一修改。

Sketch + 墨刀 = 交互標注利器
將 Sketch 的設(shè)計稿一鍵導入墨刀即可馬上制作交互,工程師還可以通過開發(fā)者模式,看到完整的圖層信息。

【軟件亮點】
素材庫精心設(shè)計的平臺組件庫
豐富的行業(yè)模板庫和圖標庫
多格式下載
支持 PNG/HTML/APK/IPA及切片下載
云存儲/云管理
所有數(shù)據(jù) HTTPS 加密
保障數(shù)據(jù)安全
【新增功能】
全新標注功能,可自動標注、代碼樣式、下載多倍率切圖,解決設(shè)計師與多平臺開發(fā)對接時的交付問題。工作區(qū)新增「彈窗設(shè)置面板」開關(guān)、「轉(zhuǎn)場手勢」開關(guān),讓彈窗在真正需要的時候才出現(xiàn),工作區(qū)域更加簡潔高效。
工作區(qū)新增「工作流」快捷入口、「標注」快捷入口,編輯、預覽無縫銜接。
【使用教程】
墨刀怎么用?新建項目。登陸墨windows客戶端,選擇新建空白項目。

輸入項目名稱。這里我們使用默認設(shè)備尺寸。

添加導航欄。從左側(cè)的功能欄里找到導航欄,把它拖到制定位置。

修改導航欄文字。把默認的文字修改成我們想表示的文字。

修改導航欄中的文字背景的顏色。


添加輪播圖。從左側(cè)的”母版“中找到”輪播圖“,將它拖到制定位置。然后將輪播圖調(diào)整到合適的大小,其中寬度設(shè)置為360。

調(diào)整小圓點的位置。通過修改x和y的位置來調(diào)整小圓點。最后的圓點應該距離邊緣10的長度。(注意邊距)

復制頁面。為了節(jié)約時間,通過頁面1的復制得到其他頁面。

修改小圓點的背景色。將對應的小圓點背景色修改為不顯示。

上傳圖片。將我們需要的圖片上傳到圖庫。

添加手勢。這里將手勢放置在可見區(qū)域內(nèi),然后點擊手勢并拖動到下一個頁面,即可完成鏈接。

修改手勢的屬性。將手勢的屬性改為”向左滑動“,"右移入",定時器"2s"。這里注意的是最后的頁面要鏈接到第一個頁面,才能實現(xiàn)輪播。


添加相應的文字。

最后,模仿之前的操作,對內(nèi)容進行補充。

【使用實例】
墨刀教程:如何快速制作一個App首頁原型?創(chuàng)建應用
首先打開墨刀軟件,新建一個應用,選擇應用類型(這里我選擇了iPhone設(shè)備),輸入應用名稱,設(shè)備類型和應用尺寸,點擊創(chuàng)建按鈕,完成應用創(chuàng)建。

制作底部導航欄
新建應用的標題欄會自動顯示應用的名稱(人人都是產(chǎn)品經(jīng)理),標題欄文字可以自行修改。
制作里布導航欄,從左側(cè)“組件”欄目中找到底部組件,拖入應用之中,大小和樣式可以自行修改。然后拖入三個導航標簽,修改標簽的位置和名稱。至此完成底部導航欄的制作。

制作原型頁面
然后我們開始簡單的制作下“產(chǎn)品經(jīng)理”的首頁原型,在左側(cè)的“組件”欄目中找到搜索組件,拖入App首頁中,在“母版”欄目中找到輪播圖模版,拖入應用之中。墨刀中有一些已經(jīng)做好的組件或母版,可直接拖入使用,加快創(chuàng)建原型的時間。

然后回到“組件”欄目,為首頁插入圖片和文字。圖片調(diào)節(jié)在右邊的設(shè)置欄,這里推薦大家直接拖入圖片,然后用鼠標調(diào)節(jié)大小這樣會比較方便。文字的調(diào)節(jié)在左邊的主題欄目,可調(diào)節(jié)文字的大小和樣式,然后用鼠標擺至合適的位置。

創(chuàng)建頁面
在軟件右上角點擊“+新頁面”即可生成新的頁面,每一個頁面有復制、刪除、添加子頁面的功能。在新的頁面中添加標題欄,復制首頁的底部導航,粘貼至新的頁面,注意粘貼時用于粘貼至“原位置”。按如此方式制作“發(fā)現(xiàn)”頁面和“我的”頁面。

頁面跳轉(zhuǎn)
這里介紹一個墨刀非常有特點的功能,就是通過連線的方式進行頁面之間的跳轉(zhuǎn),在應用中選擇任何一個控件,圖片或者文字都可以通過添加手勢和頁面切換方式實現(xiàn)頁面跳轉(zhuǎn)。優(yōu)點在于操作方便,且比較直觀。缺點是如果頁面復雜,跳轉(zhuǎn)比較多,會有非常多交叉在一起的線,容易連接出錯。

利用連線的方式即可快速的實現(xiàn)底部導航的切換,設(shè)置完成后選擇右上角運行按鈕,即可查看實際效果,效果如下:

添加全局手勢
最后說一個在移動端比較重要的功能,應用全局手勢的添加,在左側(cè)“組件”欄目找到全局手勢組件,拖入至應用的任意位置,然后選擇你要發(fā)動手勢后跳轉(zhuǎn)的頁面,選擇手勢方式和動畫效果即可。

利用全局手勢組件,在應用添加滑動的頁面切換效果。運行測試,效果如下。

手機預覽
手機預覽功能,可以直接將原型導到手機上查看。只需要在運行界面,點擊分享,用手機瀏覽器(墨刀app可以)掃描二維碼即可直接在手機上查看原型,更加方便的你為團隊演示和講解自己的原型。

【相關(guān)問題】
墨刀墨刀安裝了打開不了,一直處于加載狀態(tài)怎么辦?當你遇到了桌面客戶端一直加載的狀圖,如下圖

這時候,有可能是因為緩存的問題,你可以試一下如下方法清理緩存:
①Ctrl/Command +Alt +Shift+ I (字母i) 呼出控制臺
②然后選到network,選中禁用緩存 disable cache
③ctrl R 重載界面,就可以了

【墨刀和axure的區(qū)別】
墨刀和axure的區(qū)別在哪里?axure作為老牌的原型圖工具,功能最齊全,交互最多樣,基本任何想要的效果都可以實現(xiàn),尤其在制作PC端原型圖上有優(yōu)勢。
axure缺點同樣也相當明顯,Axure的動態(tài)面板、中繼器等功能都是強大的,但是不容易搞懂。AXURE的素材也是很蛋疼的問題,大部分PM 都會在AXURE原型庫、素材庫去尋找相應的第三方素材庫,進行載入。需要花費相應的時間

墨刀對于APP的原型設(shè)計真的是體驗非常好,怎么說呢?就像有一個無形的人在幫助你,和你一起打造你的原型APP。(當然以后也適用微信小程序的設(shè)計),其控件的拖拉、大小的調(diào)整,都會自然的去匹配相應的母版大小。無需去擔心有多移動一點或多 選擇一點。并且墨刀的系統(tǒng)控件都是基于APP,以及系統(tǒng)平臺IOS和安卓,因此在里面可以首先選擇相應的設(shè)備布局,減少了不少工作環(huán)節(jié)。
墨刀的缺點就是相應的就是不自由啦,首先這也于墨刀的產(chǎn)品定位有關(guān),清晰定位為移動端原型設(shè)計工具,因此在交互效果上、控件組合上,操作面板的選擇上都不如AXURE 靈活,并且效果切換因為是采用連線的方式,有時候會讓使用者腦子錯亂的感覺。并且目前原型的交互效果系統(tǒng)自帶的還比較少,但基本滿足日常所有原型的使用。另外需要充費才能夠使用更強大的共享創(chuàng)建功能

總的來說,墨刀和Axure就像美圖秀秀和photoshop。前者都是簡化了基礎(chǔ)的操作,很像封裝好了一個函數(shù),你直接調(diào)用就可以了。大部分小伙伴外出拍了照片肯定是美圖秀秀,選選效果,感覺不錯之后立即分享。但是真的設(shè)計到很多的圖層組合,可控地調(diào)整頁面元素,還是會用到photoshop這就涉及到不同的需求,你用這個軟件是想達到什么目的。是更想研究邏輯結(jié)構(gòu)還是更像展現(xiàn)原型效果。
對于我來說這要看做什么樣的原型,給誰看?墨刀更加方便快捷,可以做一個簡單的DEOM和領(lǐng)導溝通;如果是給技術(shù)將詳細功能會用axure繪制原型圖,交互更多更加自由,也可以更加方便的增加備注標簽,方便研發(fā)人員理解

































