墨刀原型設計教程:碾壓axure和mockplus第一次畫原型圖就上手!

2020-12-23 海洋的日常

作為一個產品經理或者互動設計師,甚至是一個產品運營,不會畫原型圖簡直會被鄙視,面對市面上的墨刀原型、axure和mockplus,到底哪一款原型設計軟體和服務更好呢?今天就教大家第一次用墨刀原型畫原型圖就上手!最後還有彩蛋哦!

首先為什麼要用墨刀原型呢,它主要有以下五個特性:

1、小白也會用!不用學習!簡單易用的原型設計工具

無論是 PM 從 0 到 1 繪製原型、還是設計師導入設計稿製作交互,都可以快速輕鬆完成可交互原型。

2、電腦、手機、微信等多種設備完美演示

你可以將你的作品分享給任何人,無論在 PC、手機或微信上,他們都能隨時查看最新版本。

3、工作流文檔生成,關注產品全局

開發人員可告別複雜的需求文檔,打開工作流便可看到全局狀態和注釋,實時同步進度和文檔——工作流成為最有效的溝通語言。

4、在線團隊協同,多人聚焦討論

產品細節、新增需求、打點評論清晰可見。製作者可以第一時間收到細節反饋,方便意見的統一修改。

5、Sketch + 墨刀 = 交互批註利器

將 Sketch 的設計稿一鍵導入墨刀即可馬上製作交互,工程師還可以通過開發者模式,看到完整的圖層信息。

好了,接下來我來教大家如何快速入門:

註冊/登錄墨刀後,首先到達的是「項目管理頁」,創建的項目都會展示在這個頁面。

點擊右側的按鈕「創建項目」,可以選擇空白項目,也可以直接套用模板。

選擇空白項目:有iPhone、ipad、Android、Web四種平臺,選擇後進入項目屬性設置頁,可設置不同的設備型號。點擊創建,就進入到了工作區。

如想自定義原型尺寸,可選擇Android的Customize進行自定義。

如有需要,還可上傳個性化圖標和啟動界面圖。

直接套用模板:墨刀推出了豐富的模板項目,可先預覽模板效果,挑選成功後點擊「創建項目」即可。

通過編輯模板你可以更快地掌握頁面設計、互動設計的方法,也可在此基礎上完善個人產品原型。

其實免費版對於小白已經夠用有了,如果需要導出等功能,可以在付費的時候,使用優惠券優惠碼【xiongmao】,竟然還有額外的折扣!推薦付費的小夥伴們都試試xiongmao這個優惠券優惠碼!

最後告訴大家一個秘籍,善用套用模板功能,讓你的原型設計事半功倍!

快速解決原型問題、極致的細節體驗、能協同設計、便捷的導出和分享等等都是人們快速愛上墨刀原型設計的原因,希望大家第一次使用就可以快速上手哦!

相關焦點

  • 產品經理(PM)常用原型圖設計工具
    與一般針對產品功能的介紹不同,本文以親身的設計需求為出發點,通過對產品整理和提供相關的連結,幫助解決從業人群對做產品頁面原型的直接需求。可以為做產品設計的童鞋提供一些參考和下載幫助。
  • Axure教程:原型設計之轉盤抽獎
    這一章就教大家如何使用axure原型工具製作轉盤抽獎原型。第一步:拖拉擺放好相關控制項1、轉盤:300X300的白底黑框圓形,一條垂直線、一條45度垂直線、一條水平線、一條45度水平線,四線交叉組合居中放於白底黑框圓形上方,將白底黑框圓形等分切割成八份,每一份放一個文本標籤,文本標籤的文字角度可通過鍵盤微調適當即可,文本標籤的文字有三個分別是「一等獎」,「二等獎」和「三等獎」,其餘的皆為「謝謝惠顧」,將以上元件組合併命名為「轉盤」
  • 還在猶豫選擇Axure或墨刀嗎?看這一篇就夠了
    不過在使用和對比了墨刀和Axure之後, 其實我還是把Axure作為我的主力原型工具了, 具體的原因如下.這方面Axure就強大很多了, 通過動態面板, 函數, 中繼器等, 幾乎能實現所有常見的交互效果, 或者自己也能設計出想要的交互效果. 墨刀的另外一個局限性是: 不能製作一些含有條件判斷的交互效果, 而且由於交互效果有限, 如果市場上出現新的交互效果而墨刀沒隨著升級的話, 可能無法實現相應的效果.
  • .| 「有原型作品展示優先考慮」,新人不會Axure原型怎麼拿offer?
    畫的原型都有很大問題,沒有層級結構,頁面不分角色展示,B端頁面不符合規範,畫的很隨意。很想帶他們快速提升,儘快能夠幫到她處理工作!但由於她自己的原型能力也只是夠用的狀態,陷入了心有餘而力不足的尷尬境地。從各大公司的招聘要求,和身邊人血淋淋的遭遇,我們都可以看到:如果你Axure原型能力不及格,可能連產品經理的大門都入不了。
  • 10分鐘完成APP原型設計,墨刀獲得FreeS資本500萬Pre A輪融資
    新芽NewSeed消息,APP原型設計工具墨刀完成500萬Pre A輪融資,FreeS資本領投。此前,墨刀曾獲得150萬元天使輪融資。墨刀試圖打造一款最簡潔易用的原型設計工具,讓人僅需10分鐘就可以設計一個APP原型,不需要專業背景也可以輕鬆製作。
  • Axure 3D教程:製作3D地圖原型(三維世界地圖)
    編輯導語:很多時候我們會用到3D的效果,今天筆者教大家用axure做一個3D的效果,本文以三維世界地圖為案例,簡單的闡述axure製作3D原型的技巧,我們一起來看一下。
  • 互動設計秘密武器|軟體兵器譜之原型設計軟體
    它為用戶提供了簡潔易懂的設計功能,上手簡單,對於有設計經驗的設計師來說,入門門檻很低。對於絕大多數的數字產品設計,Sketch 能替代 Adobe Photoshop,Illustrator 和 Fireworks。而且sketch也是可以導出css代碼的,幫助網頁設計工作進行。
  • 玩轉Axure並不難,這5次實操練習,讓你快速做出標準原型
    1、沒人監督指導,自學還沒到一個周,就想放棄2、按教程操作,卻出不了效果,又不知錯在哪裡3、難的知識內容看著費勁,不會技巧,效率低浪費時間推薦起點學院&騰訊課堂聯合打造給產品經理的Axure課程已有2500多位同學學習,學習效果顯著
  • 以個人書架業務為例,解析原型圖的設計流程
    原型圖到底該怎麼畫?這是大多產品經理入門時遇到的問題。有人會把原型圖畫成一幅精美的設計圖;也有人在紙上手繪線框圖;甚至有人不畫圖直接就進入開發了。本文作者從自身工作經驗出發,結合實際業務對如何設計原型圖進行了分析。
  • Axure教程:轉盤抽獎交互原型
    本文跟大家分享,如何使用axure製作轉盤抽獎交互原型,不帶登錄流程。通過停止位置判斷抽獎結果(4)涉及函數及解釋:target:目標元件text:元件文本Math.random:返回0-1之間的一個數字rotation:元件旋轉角度二、原型準備
  • 互動設計師應具備的技能樹(10)|選擇適合你的原型工具
    ,也可以導入他人創建的控制項庫,提高製作原型的效率;只需要通過點擊和菜單操作就能很方便地創建交互動作和頁面跳轉邏輯;將視覺設計師的設計稿切圖後導入,可以製作保真度很高的原型。>可以通過創建元件模版的方式,提高設計復用的效率,如果做好了一套完善的元件規範模版,甚至還能做到一兩步的操作就能給所有設計稿換膚;豐富的插件庫,自動切圖標註、創建原型動畫、Icon Fonts圖標庫等等,用好這些可以進一步提升你的工作效率;大量日常操作都可以用快捷鍵完成,對於互動設計來說足夠用了,用來畫原型框架的效率比Axure和Fireworks
  • 【視頻教學】遊戲策劃視頻教學第三講:Axure如何設計UI
    Axure如何設計遊戲UI  為了許多不方便看視頻的同學,做了一個基礎圖文版的教學,希望能夠幫助到大家。Ax  axure元件:也叫axure組件或axure部件,系統自帶了一部分最基礎常用的,網上也有很多別人做好的,軟體使用到一定階段可以考慮自己製作元件,以便提高產品原型的製作速度。  生成原型:是指把繪製好的原型通過axure rp生成靜態的html頁面,檢查原型是否正確,同時,方便演示。
  • 《Axure RP 9實用教程:原型+高保真+交互+設計》
    內容簡介:本書通過大量簡單易懂的場景案例,採用以案例帶知識點的形式,全面介紹了Axure RP9.0的使用方法和設計技巧
  • Axure RP——快速UI原型設計工具
    Axure RP是一款專業的快速原型設計工具。Axure(發音:Ack-sure),代表美國Axure公司;RP則是Rapid Prototyping(快速原型)的縮寫。不用進行編程,就可以在線框圖上定義簡單連接和高級交互。在線框圖的基礎上,可以自動生成HTML(標準通用標記語言下的一個應用)原型和Word格式的規格。是目前設計人員使用最多的交互原型設計軟體,可以輔助產品經理快速設計完整的產品原型,並結合批註、說明以及流程圖、框架圖等元素將產品完整地表述給各方面設計人員,如UI、UE等等,並在討論中不斷完善。就是可以簡單地繪製各種軟體的界面!
  • Axure教程:banner輪播最簡單的實現方法
    前段時間做一個開放平臺的原型,大家討論完需求就希望,快點出原型(第二天),而且要求「高保真」。於是在「快速」「高保真」的要求下,自己對於所有的頁面交互都要求是,對需要使用原型的用戶(產品、研發、測試)而言,達到對應的效果,而自己在實現時採用最簡單的方法。正巧今天看到網站上有教程教如何做一個輪播banner ,點開略看了一下,教程做的很複雜。其實使用axure做交互一般都比較簡單,但由於其各種小窗口太多了,各種截圖放一起,看上去很容易亂。
  • 線上課程 | 原型醜、布局亂?新人如何用Axure一步到位畫出專業...
    這樣長期下來,導致了產品新人在原型上:專業度被質疑:缺少某些操作流程、頁面,控制項等等問題,使得整個原型不專業,開發、設計輪番吐槽,被老闆和其他同事質疑;沒有產品思維提升:畫原型的過程,也是對用戶需求、功能邏輯、產品交互的思考過程。
  • 用Axure做一個產品需求文檔(PRD)模板
    今天給教大家用axure做一個產品需求文檔(PRD)模板,其中包括目錄,版本修訂記錄,產品概述,功能說明,全局說明,非功能性說明。該原型模板使用簡單,交互完善,直接修改文字即可。喜歡該原型的小夥伴們可以在評論處給我留言哦。
  • 如何設計規範的原型圖?
    首先需要了解交互稿和原型圖的聯繫與區別:按照常規的工作流程,互動設計師最終交付的產物包括任務流程圖、信息架構圖、頁面原型圖、頁面交互說明、頁面流程圖,這些都可以歸納到互動設計文檔中。因此原型圖只是交互稿的一部分,本文將鋪開闡述設計規範的原型圖應該注意哪些。
  • 「To B黑馬」專訪墨刀創始人張元一:工具本身就是價值的集合
    2014年初,張元一創立墨刀,很快成為了國內最受歡迎的在線原型設計與協同工具之一,截至2019年,墨刀平臺的註冊用戶已經突破了140萬,至此墨刀已成為了產品經理和設計師的必備工具。近日,在時間國際大廈中墨刀的辦公室裡,i黑馬&數字觀察採訪到了創始人張元一,與他一起聊聊墨刀的發展路徑以及工具的價值所在。
  • 線上課程 | 如何用Axure9.0,才能進階畫出專業、規範的原型
    原來,她不擅長畫原型。在接到功能需求後,就直接開畫原型,不僅僅漏場景、漏頁面,還因為複雜功能不會用,畫不出效果,只能利用下班時間,把原型反反覆覆修改好多遍。花了一周時間修改的原型,還是因為畫的不規範,業務和研發不能理解她的方案,導致產品推進的過程中反覆調整和修改,耽誤了上線時間。